:root{--color-bg-primary: #090d12;--color-bg-secondary: #0f151d;--color-bg-tertiary: #151d27;--color-bg-card: #101821;--color-bg-hover: #1b2531;--color-text-primary: #eef5f8;--color-text-secondary: #a5b4bf;--color-text-muted: #667582;--color-accent: #21c48a;--color-accent-hover: #3fe0a5;--color-success: #32d583;--color-warning: #f6b44b;--color-danger: #ff6270;--color-info: #64a9ff;--color-border: rgba(151, 170, 185, .16);--color-border-light: rgba(151, 170, 185, .28);--sidebar-width: 248px;--header-height: 72px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .24);--shadow-md: 0 16px 38px rgba(0, 0, 0, .28);--shadow-lg: 0 28px 80px rgba(0, 0, 0, .38)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5;color:var(--color-text-primary);background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 140px),linear-gradient(135deg,#080c10,#0b1118 45%,#090d12);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-light)}.app-layout{display:flex;height:100vh;overflow:hidden;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:34px 34px}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-left:var(--sidebar-width)}.page-layout{display:flex;flex-direction:column;height:100%}.page-content{flex:1;overflow:auto;padding:24px 28px 32px}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:#090d12f0;border-right:1px solid var(--color-border);display:flex;flex-direction:column;z-index:100}.sidebar-header{height:var(--header-height);display:flex;align-items:center;padding:0 18px;border-bottom:1px solid var(--color-border)}.sidebar-title{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;color:var(--color-text-primary)}.sidebar-logo{display:inline-grid;place-items:center;width:34px;height:34px;border:1px solid rgba(33,196,138,.35);border-radius:8px;background:#21c48a1f;color:var(--color-accent)}.sidebar-logo img{width:22px;height:22px}.symbol-link{display:inline-flex;align-items:center;width:fit-content;color:var(--color-text-primary);font-weight:700;text-decoration:none}.symbol-link:hover{color:var(--color-accent-hover)}.sidebar-nav{flex:1;padding:18px 12px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:12px;padding:11px 12px;margin-bottom:5px;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all .2s}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-border)}.sidebar-item.active{background:#21c48a24;color:var(--color-text-primary);border:1px solid rgba(33,196,138,.28)}.sidebar-badge{margin-left:auto;padding:2px 8px;font-size:11px;font-weight:600;background:var(--color-bg-tertiary);border-radius:10px;color:var(--color-text-muted)}.sidebar-item.active .sidebar-badge{background:#fff3;color:#fff}.sidebar-footer{padding:16px 12px;border-top:1px solid var(--color-border)}.header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 28px;background:#0c1219db;border-bottom:1px solid var(--color-border);flex-shrink:0}.header-title{font-size:20px;font-weight:760;letter-spacing:0}.header-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:16px}.header-update{font-size:12px;color:var(--color-text-muted)}.header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all .2s}.header-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.header-btn:disabled{opacity:.5;cursor:not-allowed}.header-btn.spinning svg{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card{background:#101821eb;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.card-hoverable{cursor:pointer;transition:all .2s}.card-hoverable:hover{border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--color-border)}.card-title{font-size:14px;font-weight:720}.card-subtitle{font-size:12px;color:var(--color-text-muted);margin-top:2px}.card-body{padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-primary{background:var(--color-accent);color:#06100d}.btn-primary:hover{background:var(--color-accent-hover)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-bg-hover)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:11px;font-weight:600;border-radius:999px;border:1px solid transparent}.badge-success{background:#22c55e26;color:var(--color-success)}.badge-warning{background:#f59e0b26;color:var(--color-warning)}.badge-danger{background:#ef444426;color:var(--color-danger)}.badge-info{background:#64a9ff21;color:var(--color-info)}.loading{display:flex;align-items:center;justify-content:center;padding:40px;color:var(--color-text-muted)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state-title{font-size:16px;font-weight:600;margin-bottom:8px}.empty-state-description{font-size:14px;color:var(--color-text-muted)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:18px;background:#101821eb;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.stat-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#21c48a24;border-radius:var(--radius-md);font-size:20px}.stat-icon.watchlist{background:#f59e0b26}.stat-icon.entry{background:#6366f126}.stat-icon.positions{background:#22c55e26}.stat-icon.oi{background:#ef444426}.stat-content{flex:1}.stat-value{font-size:26px;font-weight:780}.stat-label{font-size:13px;color:var(--color-text-muted);margin-top:2px}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--color-bg-secondary)}.table tbody tr{transition:background .2s}.table tbody tr:hover{background:var(--color-bg-hover)}.grid{display:grid;gap:24px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 1200px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sidebar{top:auto;bottom:0;width:100%;height:68px;transform:none;border-right:none;border-top:1px solid var(--color-border);background:#090d12fa}.main-content{margin-left:0;padding-bottom:68px}.sidebar-header,.sidebar-footer{display:none}.sidebar-nav{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:4px;height:100%;padding:6px 8px 8px;overflow-x:auto;overflow-y:hidden}.sidebar-item{display:grid;justify-items:center;align-content:center;gap:3px;min-width:68px;min-height:52px;margin:0;padding:6px 4px;font-size:11px;white-space:nowrap}.sidebar-item svg{width:17px;height:17px}.sidebar-badge{display:none}.header{min-height:68px;height:auto;gap:12px;padding:12px 14px}.header-title{font-size:18px}.header-subtitle,.header-update{font-size:11px}.header-right{gap:8px}.header-btn{width:34px;height:34px;flex-shrink:0}.page-content{padding:16px 14px 22px}.stats-grid,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.radar-dashboard{min-height:100%;padding:28px}.radar-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;margin-bottom:20px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:linear-gradient(135deg,rgba(33,196,138,.13),transparent 38%),#101821eb;box-shadow:var(--shadow-md)}.hero-title-row{display:flex;align-items:center;gap:12px}.hero-title-row svg{color:var(--color-accent)}.radar-hero h1{margin:0;font-size:32px;line-height:1.1;letter-spacing:0}.radar-hero p{max-width:760px;margin:12px 0 0;color:var(--color-text-secondary);font-size:14px}.hero-actions{display:grid;justify-items:end;gap:10px;flex-shrink:0}.sync-state{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--color-border);border-radius:999px;background:#ffffff0a;font-size:12px;font-weight:700}.sync-state span{width:8px;height:8px;border-radius:50%;background:currentColor}.sync-state.ok{color:var(--color-success)}.sync-state.warn{color:var(--color-warning)}.sync-state.danger{color:var(--color-danger)}.hero-time{color:var(--color-text-muted);font-size:12px}.command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.metric-card-v2{display:grid;grid-template-columns:42px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:112px;padding:16px;color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#101821e6;box-shadow:var(--shadow-sm)}.metric-card-v2:hover{color:var(--color-text-primary);border-color:#21c48a6b;background:#131d27f5}.metric-icon-v2{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius-md);color:var(--color-accent);background:#21c48a1f;border:1px solid rgba(33,196,138,.2)}.metric-card-v2 span,.position-row-v2 span,.signal-price-v2 span{color:var(--color-text-muted);font-size:12px}.metric-card-v2 strong{display:block;margin-top:3px;font-size:28px;line-height:1}.metric-card-v2 small{display:block;margin-top:8px;color:var(--color-text-secondary);font-size:12px}.radar-workspace{display:grid;grid-template-columns:1.15fr 1fr .95fr;gap:16px}.radar-panel{min-height:360px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#101821eb;overflow:hidden}.radar-panel-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--color-border)}.radar-panel-head h2{margin:0;font-size:15px}.radar-panel-head a{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-secondary);font-size:12px}.signal-stack,.position-stack-v2,.oi-table-v2{display:grid}.signal-row-v2,.position-row-v2,.oi-row-v2{display:grid;align-items:center;gap:12px;min-height:58px;padding:13px 18px;border-bottom:1px solid var(--color-border)}.signal-row-v2{grid-template-columns:minmax(110px,1fr) minmax(120px,1fr) 72px}.position-row-v2{grid-template-columns:minmax(110px,1fr) 82px 72px}.oi-row-v2{grid-template-columns:38px minmax(84px,1fr) 74px 74px}.signal-row-v2 strong,.position-row-v2 strong,.oi-row-v2 strong{display:block;font-size:14px}.signal-row-v2 div:first-child span,.position-row-v2 div:first-child span{display:block;margin-top:3px}.up-value,.down-value{font-weight:760;font-size:13px;text-align:right}.up-value{color:var(--color-success)}.down-value{color:var(--color-danger)}.rank-v2{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:12px}.empty-line-v2{display:flex;align-items:center;gap:12px;padding:24px 18px;color:var(--color-text-secondary)}.empty-line-v2 svg{color:var(--color-accent)}.empty-line-v2 strong{display:block;color:var(--color-text-primary)}.empty-line-v2 span{display:block;margin-top:3px;color:var(--color-text-muted);font-size:12px}@media (max-width: 1280px){.command-grid,.radar-workspace{grid-template-columns:repeat(2,minmax(0,1fr))}.radar-workspace .radar-panel:first-child{grid-column:1 / -1}}@media (max-width: 820px){.radar-dashboard{padding:16px 14px 22px}.radar-hero,.command-grid,.radar-workspace{grid-template-columns:1fr}.radar-hero{display:grid;gap:16px;padding:18px}.hero-actions{justify-items:start}.radar-hero h1{font-size:26px}.command-grid{gap:10px}.metric-card-v2{min-height:92px;padding:14px}.metric-card-v2 strong{font-size:24px}.radar-panel{min-height:0}.signal-row-v2,.position-row-v2,.oi-row-v2{gap:8px;padding:12px 14px}.signal-row-v2{grid-template-columns:minmax(96px,1fr) minmax(94px,1fr) 62px}.position-row-v2{grid-template-columns:minmax(96px,1fr) 72px 62px}.oi-row-v2{grid-template-columns:32px minmax(76px,1fr) 62px 62px}}@media (max-width: 480px){html,body{font-size:13px}.header{align-items:flex-start}.header-left{min-width:0}.header-right{flex-shrink:0}.header-update{display:none}.radar-hero h1{font-size:23px}.hero-title-row{gap:9px}.metric-card-v2{grid-template-columns:38px minmax(0,1fr) 16px}.metric-icon-v2{width:38px;height:38px}.radar-panel-head{padding:14px}.signal-row-v2,.position-row-v2,.oi-row-v2{grid-template-columns:1fr}.up-value,.down-value{text-align:left}}