:root,:root[data-theme=dark]{--bg: #0f1420;--bg-card: #1a2233;--bg-hover: #232e45;--text: #e2e8f0;--text-dim: #94a3b8;--border: #2a3650;--accent: #3b82f6;--up: #ef4444;--down: #10b981;--shadow: rgba(0, 0, 0, .4)}:root[data-theme=light]{--bg: #f5f7fa;--bg-card: #ffffff;--bg-hover: #eef2f7;--text: #1f2937;--text-dim: #6b7280;--border: #e5e7eb;--accent: #2563eb;--up: #dc2626;--down: #059669;--shadow: rgba(0, 0, 0, .12)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:14px}button{font:inherit;color:inherit;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 12px;cursor:pointer}button:hover{background:var(--bg-hover)}select,input{font:inherit;color:var(--text);background:var(--bg-card);border:1px solid var(--border);border-radius:6px;padding:6px 10px}.up{color:var(--up)}.down{color:var(--down)}.app-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.login-page{display:flex;align-items:center;justify-content:center;height:100%}.login-card{display:flex;flex-direction:column;gap:14px;width:320px;padding:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px var(--shadow)}.login-title{margin:0 0 8px;font-size:18px;text-align:center}.brand-logo{display:block;object-fit:contain;background:#fff}.login-logo{width:88px;height:88px;margin:0 auto 2px;border-radius:50%}.login-input{width:100%}.login-btn{background:var(--accent);border-color:var(--accent);color:#fff;padding:8px}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-error{color:var(--up);font-size:13px}.app-shell{display:flex;height:100%}.sidebar{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-card);border-right:1px solid var(--border);transition:width .16s ease}.sidebar.sidebar-collapsed{width:56px}.sidebar-logo{min-height:52px;padding:0 12px 0 16px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;border-bottom:1px solid var(--border)}.sidebar-brand-wrap{min-width:0;display:flex;align-items:center;gap:8px}.sidebar-brand-logo{width:30px;height:30px;flex:0 0 30px;border-radius:50%}.sidebar-brand{overflow:hidden;white-space:nowrap}.sidebar-toggle{flex:0 0 24px;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--text-dim);font-size:22px;line-height:20px;cursor:pointer}.sidebar-toggle:hover{background:var(--bg-hover);color:var(--text)}.sidebar-nav{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:none;background:transparent;border-radius:8px;text-align:left;text-decoration:none;color:var(--text-dim)}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--accent);color:#fff}.nav-icon{width:20px;text-align:center}.sidebar-collapsed .sidebar-logo{justify-content:center;padding:0}.sidebar-collapsed .sidebar-brand,.sidebar-collapsed .nav-title{display:none}.sidebar-collapsed .sidebar-nav{padding:8px}.sidebar-collapsed .nav-item{justify-content:center;padding:9px}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.topbar-btn{white-space:nowrap}.topbar-bell{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;border:none;background:transparent;font-size:16px}.topbar-bell-count{min-width:16px;padding:0 4px;border-radius:9px;background:var(--up);color:#fff;font-size:11px;font-variant-numeric:tabular-nums;line-height:16px}.monitor-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-end;padding:64px 24px 24px;background:#00000052}.monitor-history-panel{width:min(480px,100%);max-height:calc(100vh - 88px);overflow:auto;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;box-shadow:0 12px 40px var(--shadow)}.monitor-history-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--bg-card);border-bottom:1px solid var(--border)}.monitor-history-head h3{margin:0;font-size:15px}.monitor-history-close{border:none;background:transparent;color:var(--text-dim);font-size:22px;line-height:1;padding:0 4px}.monitor-history-list{margin:0;padding:0;list-style:none}.monitor-history-item{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:10px 14px;border-bottom:1px solid var(--border);cursor:pointer}.monitor-history-item:hover{background:var(--bg-hover)}.monitor-history-item:last-child{border-bottom:none}.monitor-history-time{width:132px;color:var(--text-dim);font-size:12px;font-variant-numeric:tabular-nums}.monitor-history-stock-name{color:var(--accent);font-weight:700}.monitor-history-badge{display:inline-block;padding:1px 8px;border-radius:10px;color:#fff;font-size:12px;line-height:18px}.monitor-history-bullish{background:var(--up)}.monitor-history-bearish{background:var(--down)}.monitor-history-neutral{background:var(--text-dim)}.monitor-history-empty{padding:32px 14px;text-align:center;color:var(--text-dim)}.topbar-user{color:var(--text-dim)}.content{flex:1;overflow-y:auto;padding:20px}.page-placeholder{color:var(--text-dim);text-align:center;margin-top:80px}.toast-host{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 16px;border-radius:8px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 4px 16px var(--shadow);animation:toast-in .2s ease-out}.toast-success{border-left:4px solid var(--down)}.toast-error{border-left:4px solid var(--up)}.toast-info{border-left:4px solid var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.focus-theme-badges{display:inline-flex;gap:4px;flex-wrap:wrap}.focus-theme-badge{padding:1px 8px;border-radius:10px;font-size:12px;color:#fff;line-height:18px;white-space:nowrap}.sparkline{display:inline-flex;align-items:flex-end;gap:1px;min-width:40px}.sparkline-bar{flex:1;min-width:3px;background:var(--accent);border-radius:1px 1px 0 0}.sparkline-bar-neg{opacity:.55}.sparkline-interactive .sparkline-bar{position:relative;cursor:pointer}.sparkline-interactive .sparkline-bar:hover:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;font-size:12px;white-space:nowrap;z-index:10;box-shadow:0 4px 12px var(--shadow)}.tooltip-wrap{position:relative;display:inline-block}.tooltip-bubble{position:absolute;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;font-size:12px;line-height:1.6;white-space:normal;max-width:320px;z-index:9999;box-shadow:0 4px 16px var(--shadow);pointer-events:none;opacity:1}.tooltip-global{position:absolute;transform:none;pointer-events:none}.category-link{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;background:var(--bg-hover);border:1px solid var(--border);color:var(--accent)}.category-link:hover{border-color:var(--accent)}.stock-name-hover{cursor:pointer;color:var(--accent);text-decoration:underline;text-underline-offset:2px}.stock-name-hover:hover{color:#60a5fa}.page-table{width:100%;border-collapse:collapse;font-size:12px}.page-table th,.page-table td{padding:3px 6px;border-bottom:1px solid var(--border);white-space:nowrap;vertical-align:middle}.page-table th{font-weight:600;color:var(--text-dim);text-align:left;background:var(--bg-card)}.page-table tbody tr:hover{background:var(--bg-hover)}.page-table td.truncate{max-width:160px;overflow:hidden;text-overflow:ellipsis}.content>div{max-width:1400px;margin:0 auto}.kline-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;pointer-events:none}.kline-modal{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(760px,92vw);height:56vh;max-height:56vh;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px var(--shadow);display:flex;flex-direction:column;overflow:visible;pointer-events:auto}.kline-header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border)}.kline-title{display:flex;align-items:baseline;gap:8px;flex:1}.kline-name{font-size:16px;font-weight:600}.kline-code{color:var(--text-dim);font-size:13px}.kline-title .kline-category{margin-left:4px;font-size:12px;padding:1px 8px}.kline-periods{display:flex;gap:4px}.kline-period-btn{padding:4px 12px;border-radius:6px;font-size:13px}.kline-period-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.kline-sp-btn{padding:4px 12px;border-radius:6px;font-size:13px;white-space:nowrap}.kline-sp-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.kline-sp-btn.loading{opacity:.7;cursor:wait}.kline-close{border:none;background:transparent;font-size:22px;line-height:1;padding:2px 8px;color:var(--text-dim)}.kline-close:hover{color:var(--text)}.kline-info-bar{display:flex;flex-wrap:nowrap;gap:12px;padding:8px 16px;font-size:12px;color:var(--text-dim);border-bottom:1px solid var(--border);height:38px;min-height:38px;align-items:center;overflow:hidden}.kline-info-placeholder{color:var(--text-dim);opacity:.7}.kline-trade-summary{display:flex;gap:6px;flex-wrap:wrap;max-height:52px;overflow:auto;padding:6px 16px;border-bottom:1px solid var(--border);font-size:11px}.kline-trade-summary span{padding:2px 6px;border-radius:4px;white-space:nowrap}.kline-trade-summary .buy{color:#dc2626;background:#dc26261a}.kline-trade-summary .sell{color:#059669;background:#0596691a}.kline-latest{font-size:16px;font-weight:600}.kline-sp-info{margin-left:auto;padding:2px 8px;border-radius:4px;background:#3b82f626;color:#3b82f6;font-weight:500;white-space:nowrap}.kline-body{position:relative;flex:1;min-height:0}.kline-data-source{position:absolute;left:12px;bottom:8px;z-index:2;padding:2px 7px;border:1px solid currentColor;border-radius:4px;background:color-mix(in srgb,var(--bg-card) 88%,transparent);font-size:11px;line-height:1.4;pointer-events:auto;white-space:nowrap}.kline-chart{width:100%;height:100%}.kline-status{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim)}.kline-error{color:var(--up)}.kline-arrow{position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.kline-arrow-right{left:-10px;border-width:8px 10px 8px 0;border-color:transparent var(--bg-card) transparent transparent}.kline-arrow-left{right:-10px;border-width:8px 0 8px 10px;border-color:transparent transparent transparent var(--bg-card)}tr.kline-active-row,tr.kline-active-row:hover{background:#3b82f61f!important}.home-page h2{margin-top:0}.home-desc{color:var(--text-dim)}.home-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:16px 20px;margin-top:16px}.home-card h3{margin-top:0;font-size:15px}.home-row{display:flex;align-items:center;gap:12px;margin:10px 0;flex-wrap:wrap}.home-hint{color:var(--text-dim);font-size:12px}