.session-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;font-weight:600;display:inline-flex}.session-dot{font-size:var(--text-lg);line-height:1}.session-label{white-space:nowrap}.session-countdown{margin-left:var(--space-2);opacity:.8;font-weight:400}.session-yellow{background:var(--yellow);color:var(--bg-primary)}.session-green{background:var(--green);color:var(--bg-primary)}.session-gray{background:var(--text-muted);color:var(--text-primary)}.session-purple{background:var(--purple);color:var(--bg-primary)}.connection-status{align-items:center;gap:var(--space-2);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;font-weight:600;display:inline-flex}.connection-dot{font-size:var(--text-md);line-height:1}.connection-status.connected{color:var(--green)}.connection-status.disconnected{color:var(--red)}.app-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);height:48px;padding:0 var(--space-4);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.header-left{flex:none}.header-logo{font-size:var(--text-lg);color:var(--text-primary);letter-spacing:1px;font-weight:700;text-decoration:none}.header-logo:hover{color:var(--blue);text-decoration:none}.header-center{flex:1;justify-content:center;display:flex}.header-right{align-items:center;gap:var(--space-6);flex:none;display:flex}.index-strip{gap:var(--space-6);display:flex}.index-item{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.index-name{color:var(--text-secondary);font-weight:600}.index-value{color:var(--text-primary);font-weight:600}.app-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;width:180px;display:flex;position:fixed;top:48px;bottom:0;left:0;overflow-y:auto}.sidebar-nav{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.nav-item.active{background:var(--bg-hover);color:var(--blue);border-left:3px solid var(--blue)}.nav-icon{font-size:var(--text-lg)}.sidebar-watchlist{padding:var(--space-4);flex:1}.watchlist-header{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:1px;margin-bottom:var(--space-3);font-weight:700}.watchlist-items{gap:var(--space-1);flex-direction:column;display:flex}.watchlist-item{padding:var(--space-2) var(--space-3);color:var(--text-secondary);font-size:var(--text-sm);border-radius:4px;justify-content:space-between;align-items:center;text-decoration:none;transition:all .2s;display:flex}.watchlist-item:hover{background:var(--bg-hover);color:var(--text-primary)}.watchlist-item.active{background:var(--bg-hover);color:var(--blue)}.watchlist-symbol{font-weight:600}.app-layout{width:100%;min-height:100vh}.app-main{padding:var(--space-4);background:var(--bg-primary);min-height:calc(100vh - 48px);margin-top:48px;margin-left:180px}.loading-spinner{padding:var(--space-4);justify-content:center;align-items:center;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--blue);border-radius:50%;animation:.8s linear infinite spin}.loading-spinner-small .spinner{width:16px;height:16px}.loading-spinner-medium .spinner{width:32px;height:32px}.loading-spinner-large .spinner{width:48px;height:48px}@keyframes spin{to{transform:rotate(360deg)}}.price-label{border-radius:2px;padding:2px 4px;transition:color .3s;display:inline-block}.change-label{font-weight:500;display:inline-block}.market-page{padding:20px}.market-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.market-header h1{margin:0;font-size:24px;font-weight:600}.market-stats{gap:30px;display:flex}.stat-item{align-items:center;gap:8px;display:flex}.stat-label{color:var(--text-secondary);font-size:14px}.stat-value{font-size:18px;font-weight:600}.stat-item.advance .stat-value{color:var(--color-ceiling)}.stat-item.decline .stat-value{color:var(--color-floor)}.stat-item.unchanged .stat-value{color:var(--color-reference)}.stock-table-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;max-height:calc(100vh - 200px);overflow:auto}.stock-table{border-collapse:collapse;width:100%}.stock-table thead{background:var(--bg-tertiary);z-index:1;position:sticky;top:0}.stock-table th{text-align:left;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:600}.stock-table th.text-right{text-align:right}.stock-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .15s}.stock-table tbody tr:hover{background:var(--bg-tertiary);cursor:pointer}.stock-table td{padding:12px 16px;font-size:14px}.stock-table td.symbol{color:var(--color-primary);font-weight:600}.stock-table td.name{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:300px;overflow:hidden}.stock-table td.text-right{text-align:right}.change{font-weight:600}.change.positive{color:var(--color-ceiling)}.change.negative{color:var(--color-floor)}.change.neutral{color:var(--color-reference)}.error-message{color:var(--color-floor);background:#ff3b301a;border:1px solid #ff3b304d;border-radius:4px;padding:20px}.stock-detail-page{width:100%}.stock-header-section{background:var(--bg-secondary);border:1px solid var(--border);padding:var(--space-4);margin-bottom:var(--space-4);border-radius:4px}.stock-title{font-size:var(--text-2xl);margin:0 0 var(--space-2) 0;font-weight:700}.stock-content{gap:var(--space-4);grid-template-columns:35% 35% 30%;display:grid}.stock-col-1,.stock-col-2,.stock-col-3{gap:var(--space-4);flex-direction:column;display:flex}.account-page{width:100%}.account-content{gap:var(--space-4);grid-template-columns:40% 60%;display:grid}.account-left,.account-right{gap:var(--space-4);flex-direction:column;display:flex}.monitor-page{width:100%}.monitor-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.monitor-grid .panel{min-height:400px}:root{--bg-primary:#0a0c0f;--bg-secondary:#111418;--bg-tertiary:#181d24;--bg-hover:#1e252f;--border:#232b36;--border-accent:#2d3a4a;--text-primary:#e2e8f0;--text-secondary:#89a;--text-muted:#4a5568;--green:#00d395;--green-dim:#00d39520;--red:#ff4d6a;--red-dim:#ff4d6a20;--yellow:#f5a623;--blue:#3b9eff;--blue-dim:#3b9eff15;--purple:#a78bfa;--text-xs:10px;--text-sm:11px;--text-base:13px;--text-md:15px;--text-lg:18px;--text-xl:24px;--text-2xl:32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:JetBrains Mono,Courier New,monospace;font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#root{width:100%;min-height:100vh}@keyframes flashUp{0%{background:var(--green-dim);color:var(--green)}to{background:0 0}}@keyframes flashDown{0%{background:var(--red-dim);color:var(--red)}to{background:0 0}}@keyframes blink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.flash-up{animation:.5s ease-out flashUp}.flash-down{animation:.5s ease-out flashDown}.blink{animation:2s ease-in-out infinite blink}.slide-in{animation:.15s ease-out slideIn}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-yellow{color:var(--yellow)}.text-blue{color:var(--blue)}.text-purple{color:var(--purple)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.bg-green-dim{background:var(--green-dim)}.bg-red-dim{background:var(--red-dim)}.bg-blue-dim{background:var(--blue-dim)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}button{font-family:inherit;font-size:inherit;cursor:pointer;color:inherit;background:0 0;border:none}input,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-tertiary);border:1px solid var(--border);padding:var(--space-2) var(--space-3);border-radius:4px}input:focus,select:focus{border-color:var(--blue);outline:none}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}th{color:var(--text-secondary);font-weight:600;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}