:root{--bg-color: #0f172a;--bg-gradient: radial-gradient(circle at 10% 20%, #1e293b 0%, #0f172a 100%);--glass-bg: rgba(30, 41, 59, .7);--glass-border: rgba(255, 255, 255, .1);--primary: #3b82f6;--primary-hover: #2563eb;--primary-glow: rgba(59, 130, 246, .3);--secondary: #6366f1;--accent: #f472b6;--success: #10b981;--danger: #ef4444;--warning: #f59e0b;--text-main: #f8fafc;--text-muted: #94a3b8;--surface: #0f172a;--font-family: "Outfit", sans-serif}.glass{border:1px solid var(--glass-border);box-shadow:0 8px 32px #000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 0 20px var(--primary-glow)}.stat-card .value{background:linear-gradient(to right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-feature-settings:"tnum"}.btn.primary{background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 4px 14px 0 var(--primary-glow);border:none}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px 0 var(--primary-glow)}.status-badge{text-transform:uppercase;font-size:.65rem;font-weight:700;letter-spacing:.05em}@keyframes pulse-glow{0%{box-shadow:0 0 5px var(--primary-glow)}50%{box-shadow:0 0 15px var(--primary-glow)}to{box-shadow:0 0 5px var(--primary-glow)}}.trading-active{animation:pulse-glow 2s infinite}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#app{width:100%;height:100vh;position:relative}.view{display:none;opacity:0;transition:opacity .5s ease-in-out;width:100%;height:100%}.view.active{display:flex;opacity:1;flex-direction:column}.glass{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #00000080;border-radius:16px}.glass-nav{background:#0f172acc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}h1,h2,h3{font-weight:600;letter-spacing:-.5px}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.spinner{width:40px;height:40px;border:4px solid var(--glass-border);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#loginView{justify-content:center;align-items:center}.auth-container{width:100%;max-width:420px;padding:40px;display:flex;flex-direction:column;gap:24px}.brand{display:flex;align-items:center;gap:12px}.logo{width:32px;height:32px;color:var(--primary)}.subtitle{color:var(--text-muted);font-size:.95rem}.input-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.input-group label{font-size:.9rem;color:var(--text-muted)}.input-group input{padding:12px 16px;border-radius:8px;border:1px solid var(--glass-border);background:#ffffff0d;color:var(--text-main);font-family:var(--font-family);font-size:1rem;transition:all .2s ease;outline:none}.input-group input:focus{border-color:var(--primary);background:#ffffff1a;box-shadow:0 0 0 2px #3b82f633}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border-radius:8px;font-family:inherit;font-weight:500;font-size:1rem;cursor:pointer;border:none;transition:all .2s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--primary);color:#fff;margin-bottom:12px}.btn.primary:hover{background:var(--primary-hover)}.btn.secondary{background:#ffffff1a;color:var(--text-main)}.btn.secondary:hover{background:#fff3}.btn.small{padding:8px 16px;width:auto;font-size:.9rem}.btn.google{background:#fff;color:#333}.btn.google:hover{background:#f1f5f9}.social-icon{width:20px;height:20px}.error-message{color:var(--danger);font-size:.85rem;min-height:20px;text-align:center}.toggle-mode{text-align:center;font-size:.9rem;color:var(--text-muted)}#homeView{justify-content:flex-start}.navbar{display:flex;justify-content:space-between;align-items:center;padding:16px 40px;position:sticky;top:0;z-index:10}.user-menu{display:flex;align-items:center;gap:16px;font-size:.9rem}.dashboard{padding:40px;max-width:1200px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{padding:24px;display:flex;flex-direction:column;gap:8px}.stat-card h3{font-size:1rem;color:var(--text-muted);font-weight:500}.stat-card .value{font-size:2rem;font-weight:700}.trend{font-size:.85rem;font-weight:500}.trend.positive{color:var(--success)}.trend.negative{color:var(--danger)}.trend.neutral{color:var(--text-muted)}.recent-activity{padding:24px;min-height:200px;overflow-x:auto;margin-bottom:24px}.recent-activity h3{margin-bottom:16px;color:var(--text-muted)}.empty-state{color:var(--text-muted);font-size:.9rem;opacity:.7}.test-api-section{padding:24px}.api-response{margin-top:12px;font-family:monospace;background:#0000004d;padding:16px;border-radius:8px;color:var(--text-muted);white-space:pre-wrap}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:auto}.account-list{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;max-height:200px;overflow-y:auto}.account-item{display:flex;align-items:center;gap:12px;padding:16px;background:#ffffff0d;border:1px solid var(--glass-border);border-radius:8px;cursor:pointer;transition:all .2s ease}.account-item:hover{background:#ffffff1a;border-color:var(--primary)}.account-item input[type=radio]{accent-color:var(--primary);width:18px;height:18px;cursor:pointer}.account-details{display:flex;flex-direction:column}.account-number{font-weight:600;color:var(--text-main)}.account-status{font-size:.85rem;color:var(--text-muted)}.position-item{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--glass-border)}.position-item:last-child{border-bottom:none}.position-symbol{font-weight:600;font-size:1.1rem}.position-shares{color:var(--text-muted);font-size:.9rem}.position-value{font-weight:600;text-align:right}.data-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.9rem}.data-table th,.data-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--glass-border);color:var(--text-main);white-space:nowrap}.data-table th{color:var(--text-muted);font-weight:500;background:#ffffff05}.data-table tbody tr:hover{background:#ffffff0d}.session-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.session-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:16px;transition:background .15s ease,border-color .15s ease}.session-card:hover{background:#ffffff0d}.session-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}.session-card-left{display:flex;align-items:center;gap:10px;min-width:0}.session-card-status{display:flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem;white-space:nowrap}.session-card-status .market-closed{font-size:.75rem;color:#fbbf24;font-weight:500}.session-card-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.session-card-badges .badge,.session-card-badges .type-pill{font-size:.78rem;padding:4px 10px;border-radius:6px;white-space:nowrap}.session-card-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:12px;background:#0003;border-radius:8px;margin-bottom:12px}.session-metric{display:flex;flex-direction:column;gap:2px;min-width:0}.session-metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.session-metric-value{font-size:1rem;font-weight:700;color:#fff;word-break:break-word}.session-metric-sub{font-size:.72rem;color:var(--text-muted);font-weight:400}.session-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px;font-size:.85rem;color:var(--text-muted)}.session-card-actions{display:flex;flex-wrap:wrap;gap:8px}.session-card-actions .btn{min-height:36px;flex:0 0 auto}.session-card-details{margin-top:12px;padding-top:12px;border-top:1px solid var(--glass-border)}@media (max-width: 480px){.session-card{padding:12px}.session-card-metrics{padding:10px;gap:8px}.session-card-actions .btn{flex:1 1 calc(50% - 4px);justify-content:center}}.asset-link{color:var(--text-main);text-decoration:underline;text-decoration-color:var(--text-muted);font-weight:600}.search-results{background:var(--surface);border:1px solid var(--glass-border)}.search-result-item{padding:10px 12px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#ffffff1a}.search-result-symbol{font-weight:600;color:var(--text-main)}.search-result-name{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.star-btn{background:transparent;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s,transform .2s}.star-btn:hover{color:#fbbf24;transform:scale(1.1)}.star-btn.is-favorite{color:#fbbf24}.favorite-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:12px;padding:16px;width:180px;display:flex;flex-direction:column;position:relative;transition:transform .2s}.favorite-card:hover{transform:translateY(-2px);background:#ffffff0d}.favorite-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.favorite-symbol{font-weight:700;font-size:1.1rem}.favorite-price{font-weight:600;font-size:1.2rem;margin-bottom:2px}.favorite-change{font-size:.85rem;font-weight:600}.hamburger-btn{display:none;position:fixed;top:16px;left:16px;z-index:30;background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);width:44px;height:44px;border-radius:10px;cursor:pointer;align-items:center;justify-content:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:background .2s}.hamburger-btn:hover{background:#3b82f633}.hamburger-btn svg{width:22px;height:22px}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:15;opacity:0;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-card .value{font-size:1.6rem}.favorite-card{width:160px}}@media (max-width: 768px){.hamburger-btn{display:flex}.sidebar-overlay{display:block;pointer-events:none}.sidebar-overlay.active{pointer-events:auto}.app-layout .sidebar{position:fixed!important;left:-280px;top:0;width:260px!important;height:100vh!important;transition:left .3s cubic-bezier(.4,0,.2,1);z-index:25!important;box-shadow:4px 0 20px #00000080}.app-layout .sidebar.open{left:0}.dashboard{padding:72px 16px 16px;max-width:100%}.navbar{padding:16px 20px;flex-direction:column;gap:16px}.tabs-container{flex-direction:column!important;gap:8px!important}.tabs-container>div{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;width:100%}.tabs-container>div::-webkit-scrollbar{display:none}.tabs-container .tab-btn{font-size:.85rem!important;padding:8px 12px!important;white-space:nowrap}.stats-grid{grid-template-columns:1fr;gap:12px;margin-bottom:20px}.stat-card{padding:16px}.stat-card .value{font-size:1.5rem}.chart-container{padding:16px!important;height:auto!important;margin-bottom:16px!important}.chart-container>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.chart-period{flex-wrap:wrap}.recent-activity{padding:16px;margin-bottom:16px}.activity-list{overflow-x:auto;width:100%;-webkit-overflow-scrolling:touch}.data-table{font-size:.8rem;min-width:500px}.data-table th,.data-table td{padding:8px 10px}.auth-container{padding:24px;margin:16px;max-width:calc(100% - 32px)}.favorite-card{width:calc(50% - 6px);min-width:140px}#favoriteSearchContainer,#favoriteSymbol{width:100%!important}.input-group[style*="flex-direction: row"]{flex-wrap:wrap!important;gap:12px!important}#createSessionForm,#backtestForm{max-width:100%!important}.modal-overlay .auth-container{max-width:calc(100% - 32px)!important;width:calc(100% - 32px)!important;max-height:90vh!important;overflow-y:auto;margin:16px}#sessionLogsModal .auth-container{max-width:calc(100% - 32px)!important;width:calc(100% - 32px)!important}.position-item{flex-direction:column;align-items:flex-start;gap:8px;padding:12px}.position-value{text-align:left}.btn{min-height:44px;padding:12px 16px}.btn.small{min-height:36px;padding:8px 12px}select,input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],textarea{font-size:16px!important}#backtestForm>div[style*="display: flex; gap: 16px"]{flex-direction:column!important;gap:8px!important}#bulkActions{flex-direction:column;width:100%}#bulkActions .btn{width:100%}#autocompleteList,#symbolSearchResults,#searchResults,#traderSearchResults{width:100%!important;max-width:100%!important}#dayTradingContainer{margin-top:16px!important}#logsContainer{font-size:.75rem!important;word-break:break-all}}@media (max-width: 480px){.dashboard{padding:68px 12px 12px}.stat-card{padding:14px}.stat-card .value{font-size:1.3rem}.stat-card h3{font-size:.85rem}.brand h1,.brand h2{font-size:1.2rem!important}.recent-activity{padding:14px;border-radius:12px}.recent-activity h3{font-size:.95rem}.favorite-card{width:100%;min-width:unset}div[style*="display: flex; gap: 12px"]{flex-direction:column!important}.chart-container div[style*="height: 250px"]{height:180px!important}.modal-overlay .auth-container{margin:8px!important;max-width:calc(100% - 16px)!important;width:calc(100% - 16px)!important;padding:20px!important;border-radius:12px}.data-table{min-width:420px}#selectedSymbolsList{gap:4px!important}}@media (max-width: 768px) and (orientation: landscape){.dashboard{padding-top:60px}.stats-grid{grid-template-columns:repeat(2,1fr)}.favorite-card{width:calc(33% - 8px)}}@supports (padding: max(0px)){.dashboard{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.hamburger-btn{left:max(16px,env(safe-area-inset-left))}}