.sga-logo-container{align-items:center;display:inline-flex;justify-content:center}.sga-logo-full{align-items:center;display:flex;gap:12px}.sga-logo-symbol{flex-shrink:0;height:50px;width:50px}.sga-logo-symbol svg{filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));height:100%;width:100%}.sga-logo-icon{align-items:center;display:inline-flex;justify-content:center}.sga-logo-icon svg{filter:drop-shadow(0 2px 4px rgba(102,126,234,.3));height:auto;width:100%}.sga-logo-text{display:flex;flex-direction:column;gap:2px}.sga-logo-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-weight:700;letter-spacing:-.5px;line-height:1.2}.sga-logo-tagline{color:#8b95a8;font-size:.45em;font-weight:500;letter-spacing:1px;line-height:1;margin-top:-2px;text-transform:uppercase}.sga-logo-container:hover .sga-logo-symbol svg{animation:logoFloat 2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.mobile-trading-dashboard{background:#0a0e1a;box-sizing:border-box;color:#e0e6ed;max-width:100vw;min-height:100vh;overflow-x:hidden;padding-bottom:80px}.mobile-header{background:#141824;border-bottom:1px solid #1e2433;box-shadow:0 2px 8px #0000004d;color:#e0e6ed;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-header h1{color:#e0e6ed!important;font-weight:600}.mobile-header .btn-outline-primary{border-color:#2a3447;color:#8b95a8}.mobile-header .btn-outline-primary:hover{background:#2a3447;border-color:#3a4557;color:#e0e6ed}.mobile-header .btn-outline-danger{border-color:#ef4444;color:#ef4444}.mobile-header .btn-outline-danger:hover{background:#ef4444;color:#fff}.exchange-tabs-section{background:#141824;border-bottom:1px solid #1e2433;position:-webkit-sticky;position:sticky;top:58px;z-index:99}.exchange-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:0;justify-content:space-around;overflow-x:auto;scrollbar-width:none}.exchange-tabs::-webkit-scrollbar{display:none}.exchange-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#6c757d;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:6px;justify-content:center;min-width:100px;padding:12px 16px;transition:all .2s}.exchange-tab:hover{background:#1e2433}.exchange-tab.active{font-weight:600}.exchange-icon{font-size:18px}.exchange-name{white-space:nowrap}@media (max-width:375px){.exchange-tab{font-size:13px;padding:10px 12px}.exchange-icon{font-size:16px}}.view-mode-tabs-section{background:#0f1219;border-bottom:1px solid #1e2433;padding:8px 0;position:-webkit-sticky;position:sticky;top:116px;z-index:98}.view-mode-tabs{display:flex;gap:8px;padding:0 16px}.view-mode-tab{background:#141824;border:1px solid #2a3447;border-radius:8px;color:#8b95a8;cursor:pointer;flex:1 1;font-size:13px;font-weight:500;padding:10px 16px;transition:all .2s}.view-mode-tab:hover{background:#1e2433;color:#e0e6ed}.view-mode-tab.active{background:#667eea;border-color:#667eea;color:#fff}.aggregated-section{margin-bottom:16px}.aggregated-list{display:flex;flex-direction:column;gap:8px}.aggregated-card{background:linear-gradient(135deg,#1e2433,#252d3d);border:1px solid #2a3447;border-radius:10px;box-shadow:0 1px 3px #0000004d;padding:12px 16px}.aggregated-card:hover{border-color:#3a4557;transform:translateY(-1px);transition:all .2s}.summary-section{background:#141824;border-bottom:1px solid #1e2433;box-sizing:border-box;padding:16px}.summary-card{background:linear-gradient(135deg,#1e2433,#252d3d);border:1px solid #2a3447;border-radius:12px;box-shadow:0 2px 4px #0000004d;padding:16px;text-align:center}.summary-label{color:#8b95a8;font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.summary-value{color:#e0e6ed;font-size:24px;font-weight:700}.summary-value.text-success{color:#10b981!important}.summary-value.text-danger{color:#ef4444!important}.positions-feed{box-sizing:border-box;max-width:100vw;overflow-x:hidden;padding:16px}.positions-list{display:flex;flex-direction:column;gap:12px}.position-card{background:#1e2433;border:1px solid #2a3447;border-left-width:4px;border-radius:12px;box-shadow:0 2px 8px #0000004d;max-width:100%;overflow:hidden;padding:16px;transition:transform .2s,box-shadow .2s}.position-card:active{transform:scale(.98)}.position-card:hover{border-color:#3a4557;box-shadow:0 4px 12px #0006}.position-card[data-asset-class=us_option][data-option-type=C]{background:linear-gradient(90deg,#10b98108,#1e2433);border-left-color:#10b981}.position-card[data-asset-class=us_option][data-option-type=P]{background:linear-gradient(90deg,#ef444408,#1e2433);border-left-color:#ef4444}.position-card[data-asset-class=us_option][data-option-type=C]:hover{background:linear-gradient(90deg,#10b98114,#252d3d);border-left-color:#34d399}.position-card[data-asset-class=us_option][data-option-type=P]:hover{background:linear-gradient(90deg,#ef444414,#252d3d);border-left-color:#f87171}.position-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.position-symbol strong{color:#e0e6ed;display:block;font-size:18px;margin-bottom:4px}.position-account-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-top:4px;padding:3px 10px}.position-card[data-account=swing] .position-account-badge{background:#667eea33;border:1px solid #667eea4d;color:#8b9cfe}.position-card[data-account=nyumbani] .position-account-badge{background:#10b98133;border:1px solid #10b9814d;color:#34d399}.position-card .position-account-badge{background:#8b95a833;border:1px solid #8b95a84d;color:#8b95a8}.position-pnl{text-align:right}.position-pnl.profit{color:#10b981}.position-pnl.loss{color:#ef4444}.pnl-amount{font-size:20px;font-weight:700}.pnl-percent{font-size:13px;font-weight:500;opacity:.9}.position-details{grid-gap:8px;border-bottom:1px solid #2a3447;border-top:1px solid #2a3447;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:12px;padding:12px 0}.detail-row{display:flex;font-size:14px;gap:4px;justify-content:space-between;min-width:0}.detail-label{color:#8b95a8;flex-shrink:0;font-weight:500;white-space:nowrap}.detail-value{color:#e0e6ed;font-weight:600;min-width:0;text-align:right;word-break:break-word}.position-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:12px}@media (max-width:359px){.position-actions{gap:6px;grid-template-columns:1fr}}.action-btn{-webkit-tap-highlight-color:transparent;border-radius:8px;font-size:14px;font-weight:600;padding:10px;touch-action:manipulation}.action-btn:active{transform:scale(.95)}.order-form-modal{align-items:center;display:flex;justify-content:center;padding:16px;z-index:1050}.modal-backdrop,.order-form-modal{bottom:0;left:0;position:fixed;right:0;top:0}.modal-backdrop{background:#00000080;z-index:1040}.order-form-modal .modal-content{background:#1e2433;border:1px solid #2a3447;border-radius:16px;box-shadow:0 10px 40px #00000080;max-height:90vh;max-width:500px;overflow-y:auto;width:100%;z-index:1060}.order-form-modal .modal-header{align-items:center;border-bottom:1px solid #2a3447;display:flex;justify-content:space-between;padding:20px}.order-form-modal .modal-header h5{color:#e0e6ed;font-weight:600;margin:0}.order-form-modal .modal-body{color:#e0e6ed;padding:20px}.order-form-modal .modal-footer{border-top:1px solid #2a3447;display:flex;gap:8px;justify-content:flex-end;padding:20px}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:70vh;padding:20px;text-align:center}.empty-state{padding:40px 20px;text-align:center}.empty-state p{font-size:16px;margin:0}.btn-group{display:flex;flex-wrap:wrap;gap:0}.btn-group .btn-sm{flex:1 1 auto;font-size:13px;font-weight:500;padding:8px 12px;white-space:nowrap}.form-select{background:#1e2433;border:1px solid #2a3447;border-radius:8px;color:#e0e6ed;font-size:14px;padding:10px}.form-select:focus{background:#252d3d;border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;outline:none}.form-select-sm{font-size:13px;padding:8px 12px}.form-select option{background:#1e2433;color:#e0e6ed;padding:8px}.form-label{color:#8b95a8;display:block;margin-bottom:6px}@media (max-width:479px){.position-details{gap:8px;grid-template-columns:1fr}.detail-row{font-size:14px;padding:4px 0}}@media (max-width:359px){.detail-row{font-size:13px}.summary-value{font-size:18px}.position-symbol strong{font-size:15px}.pnl-amount{font-size:16px}.position-card{padding:12px}}@media (min-width:360px) and (max-width:375px){.summary-value{font-size:20px}.position-symbol strong{font-size:16px}.pnl-amount{font-size:18px}}@media (min-width:768px){.mobile-trading-dashboard{box-shadow:0 0 20px #0000001a;margin:0 auto;max-width:768px}.position-details{grid-template-columns:repeat(4,1fr)}.positions-list{gap:16px}}@media (min-width:1024px){.mobile-trading-dashboard{max-width:900px}.positions-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.position-card{animation:fadeIn .3s ease-out}.action-btn,.btn,button{min-height:44px}.action-btn,.btn{user-select:none;-webkit-user-select:none;-moz-user-select:none}.mobile-trading-dashboard{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.pull-to-refresh-indicator{align-items:center;background:linear-gradient(180deg,#141824f2,#14182400);display:flex;height:60px;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;transform:translateY(-60px);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1000}.pull-to-refresh-indicator.visible{transform:translateY(0)}.pull-to-refresh-indicator.refreshing{transform:translateY(0);transition:transform .2s ease-out}.pull-indicator-content{align-items:center;display:flex;flex-direction:column;gap:6px}.pull-indicator-icon{animation:pulse 1.5s ease-in-out infinite;color:#667eea;font-size:24px;transition:transform .3s ease}.pull-indicator-icon.pull-ready{animation:none;transform:rotate(180deg)}.pull-indicator-icon.refreshing{animation:spin 1s linear infinite}.pull-indicator-text{color:#8b95a8;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (prefers-color-scheme:dark){.mobile-trading-dashboard{background:#1a1a1a;color:#fff}.position-card,.summary-card,.summary-section{background:#2a2a2a;color:#fff}.summary-card{background:linear-gradient(135deg,#2a2a2a,#1f1f1f)}.detail-label{color:#a0a0a0}.detail-value,.position-symbol strong{color:#fff}.form-select{background-color:#2a2a2a;border-color:#444;color:#fff}.order-form-modal .modal-content{background:#2a2a2a;color:#fff}.modal-footer,.modal-header{border-color:#444}}.action-btn:focus,.btn:focus,.form-select:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-contrast:high){.position-card{border:2px solid #000}.btn{border-width:2px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.btn-outline-secondary{background:#0000;border-color:#2a3447;color:#8b95a8}.btn-outline-secondary:hover{background:#2a3447;border-color:#3a4557;color:#e0e6ed}.btn-check:checked+.btn-outline-secondary,.btn-outline-secondary.active,.btn-outline-secondary:active{background:#667eea;border-color:#667eea;color:#fff}.btn-primary{background:#667eea;border-color:#667eea}.btn-primary:hover{background:#5568d3;border-color:#5568d3}.btn-secondary{background:#2a3447;border-color:#2a3447;color:#e0e6ed}.btn-secondary:hover{background:#3a4557;border-color:#3a4557}.btn-danger{background:#ef4444;border-color:#ef4444}.btn-danger:hover{background:#dc2626;border-color:#dc2626}.btn-success{background:#10b981;border-color:#10b981;color:#fff}.btn-success:hover{background:#059669;border-color:#059669}.alert-info{background:#667eea26;border:1px solid #667eea4d;color:#e0e6ed}.alert-warning{background:#fbbf2426;border:1px solid #fbbf244d;color:#e0e6ed}.alert code{background:#0000004d;border-radius:3px;color:#34d399;font-family:Courier New,monospace;font-size:11px;padding:2px 6px}.option-type-selector{display:flex;gap:12px;margin-bottom:8px}.option-radio{align-items:center;background:#1e2433;border:2px solid #2a3447;border-radius:8px;cursor:pointer;display:flex;flex:1 1;justify-content:center;padding:12px;transition:all .2s;-webkit-user-select:none;user-select:none}.option-radio input[type=radio]{display:none}.option-radio:hover{background:#252d3d;border-color:#3a4557}.option-radio input[type=radio]:checked+.radio-label.call-label{color:#10b981}.option-radio input[type=radio]:checked+.radio-label.put-label{color:#ef4444}.option-radio input[type=radio]:checked~.radio-label{font-weight:700}.option-radio:has(input[type=radio]:checked){background:#252d3d}.option-radio:has(input[type=radio]:checked.call-label){border-color:#10b981}.option-radio:has(input[type=radio]:checked) .call-label{border-color:#10b981}.option-radio:has(input[type=radio]:checked) .put-label{border-color:#ef4444}.option-radio input[type=radio]:checked+.call-label{color:#10b981}.option-radio input[type=radio]:checked+.put-label{color:#ef4444}.radio-label{color:#8b95a8;display:block;font-size:15px;font-weight:600;text-align:center;transition:all .2s;width:100%}.option-radio:has(input:checked){border-width:2px}.option-radio:has(input:checked) .call-label{border-color:#10b981;color:#10b981}.option-radio:has(input:checked) .put-label{border-color:#ef4444;color:#ef4444}.input-group-text{font-weight:600}.leap-presets-list{display:flex;flex-direction:column;gap:12px}.preset-card{background:#1e2433;border:1px solid #2a3447;border-left-width:4px;border-radius:10px;cursor:pointer;padding:14px;position:relative;transition:all .2s}.preset-card.call-preset{background:linear-gradient(90deg,#10b9810d,#1e2433);border-left-color:#10b981}.preset-card.put-preset{background:linear-gradient(90deg,#ef44440d,#1e2433);border-left-color:#ef4444}.preset-card:hover{background:#252d3d;transform:translateY(-2px)}.preset-card.call-preset:hover{background:linear-gradient(90deg,#10b9811a,#252d3d);border-left-color:#34d399;box-shadow:0 4px 12px #10b9814d}.preset-card.put-preset:hover{background:linear-gradient(90deg,#ef44441a,#252d3d);border-left-color:#f87171;box-shadow:0 4px 12px #ef44444d}.preset-card:active{transform:translateY(0)}.preset-header{justify-content:space-between;margin-bottom:8px}.preset-header,.preset-symbol{align-items:center;display:flex}.preset-symbol{gap:8px}.preset-symbol strong{color:#e0e6ed;font-size:15px}.preset-type{border-radius:6px;display:inline-block;font-size:14px;font-weight:700;padding:4px 12px}.preset-type.text-success{background:#10b98126;border:1px solid #10b98166;color:#34d399!important}.preset-type.text-danger{background:#ef444426;border:1px solid #ef444466;color:#f87171!important}.preset-details{display:flex;flex-direction:column;gap:4px}.preset-symbol-code{align-self:flex-start;background:#0000004d;border-radius:4px;color:#8b95a8;display:inline-block;font-family:Courier New,monospace;font-size:12px;padding:4px 8px}.preset-description{color:#8b95a8;font-size:12px;font-style:italic}.option-type-badge{border:1px solid;border-radius:6px;display:inline-block;font-size:12px;font-weight:700;margin-top:8px;padding:4px 12px}.option-type-badge.call-badge{background:#10b98126;border-color:#10b98166;color:#34d399}.option-type-badge.put-badge{background:#ef444426;border-color:#ef444466;color:#f87171}input[type=email],input[type=number],input[type=text],textarea{background:#1e2433;border:1px solid #2a3447;color:#e0e6ed}input[type=number]::placeholder,input[type=text]::placeholder{color:#6c757d}input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,textarea:focus{background:#252d3d;border-color:#667eea;box-shadow:0 0 0 .2rem #667eea40;color:#e0e6ed}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1e2433}::-webkit-scrollbar-thumb{background:#2a3447;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a4557}.login-container{align-items:center;background:linear-gradient(135deg,#0a0e1a,#1a1f35 50%,#0f1421);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{animation:pulse 15s ease-in-out infinite;background:radial-gradient(circle,#667eea1a 0,#0000 50%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.5;transform:scale(1.1)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141928f2;border:1px solid #667eea33;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 20px #667eea1a;max-width:400px;overflow:hidden;position:relative;width:100%;z-index:1}.login-header{background:linear-gradient(135deg,#667eea33,#764ba233);border-bottom:1px solid #667eea4d;color:#e0e6ed;padding:32px 24px;position:relative;text-align:center}.login-header:before{background:linear-gradient(90deg,#0000,#667eea,#764ba2,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#a78bfa);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700;margin:0 0 8px}.login-header p{color:#9ca3af;font-size:14px;margin:0;opacity:.8}.login-form{padding:32px 24px}.form-group{margin-bottom:20px}.form-group label{color:#e0e6ed;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-control{background:#0f1421cc;border:1px solid #667eea4d;border-radius:8px;color:#e0e6ed;font-size:16px;padding:12px 16px;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.form-control::placeholder{color:#6b7280}.form-control:focus{background:#0f1421f2;border-color:#667eea;box-shadow:0 0 0 3px #667eea33,0 0 15px #667eea1a;outline:none}.alert{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:8px;margin-bottom:20px;padding:12px 16px}.alert-danger{background:#ef444426;border:1px solid #ef44444d;color:#fca5a5}.btn{border:none;border-radius:8px;cursor:pointer;display:block;font-size:16px;font-weight:600;overflow:hidden;padding:14px 16px;position:relative;transition:all .3s ease;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-primary:hover:not(:disabled):before{left:100%}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 10px #667eea4d;transform:translateY(0)}.btn:disabled{cursor:not-allowed;opacity:.6}.login-footer{background:#0f142180;border-top:1px solid #667eea33;padding:20px 24px;text-align:center}.text-muted{color:#6b7280;font-size:13px;margin:0}@media (max-width:480px){.login-container{padding:0}.login-card{border-left:none;border-radius:0;border-right:none;min-height:100vh}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#e0e6ed;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{background:#0a0e1a}.App,.app-loading{min-height:100vh}.app-loading{align-items:center;display:flex;justify-content:center}.spinner-border{animation:spinner-border .75s linear infinite;border:.25em solid;border-radius:50%;border-right:.25em solid #0000;display:inline-block;height:3rem;vertical-align:text-bottom;width:3rem}.text-primary{color:#667eea!important}@keyframes spinner-border{to{transform:rotate(1turn)}}.visually-hidden{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}