.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:100%;height:100%}.shell-main{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.shell-content{flex:1;overflow-y:auto;padding:var(--sp-4)}.sidebar{display:flex;flex-direction:column;background:var(--bg-1);border-right:1px solid var(--border);height:100%;min-height:0}.sidebar-brand{display:flex;align-items:center;gap:8px;height:var(--topbar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--border);font-weight:600;letter-spacing:.02em;flex:0 0 auto}.sidebar-brand .mark{color:var(--accent)}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--sp-2);display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-ctrl);color:var(--text-secondary);font-size:13px;font-weight:500;border-left:2px solid transparent;cursor:pointer}.nav-item:hover{background:var(--bg-2);color:var(--text-primary)}.nav-item.active{background:var(--accent-soft);color:var(--accent);border-left-color:var(--accent)}.nav-item svg{flex:0 0 auto}.sidebar-foot{flex:0 0 auto;padding:var(--sp-2);border-top:1px solid var(--border)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);height:var(--topbar-h);padding:0 var(--sp-4);border-bottom:1px solid var(--border);background:var(--bg-1);flex:0 0 auto}.topbar-left{display:flex;align-items:center;gap:var(--sp-3);min-width:0}.topbar-title{font-size:15px;font-weight:600;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:var(--sp-2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-ctrl);color:var(--text-secondary);background:transparent;border:1px solid transparent;cursor:pointer}.icon-btn:hover{background:var(--bg-2);color:var(--text-primary)}.hamburger{display:none}.live-dot{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary)}.live-dot .pulse{width:7px;height:7px;border-radius:50%;background:var(--up)}.live-dot.stale .pulse{background:var(--down)}.live-dot.connecting .pulse{background:var(--accent)}.drawer-scrim{display:none}@media (max-width: 860px){.shell{grid-template-columns:1fr}.hamburger{display:inline-flex}.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(80vw,280px);z-index:40;transform:translate(-100%);transition:transform .2s ease}.sidebar.open{transform:translate(0)}.drawer-scrim.show{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000080}.shell-content{padding:var(--sp-3)}}.login-wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:var(--sp-4);background:var(--bg-0)}.login-card{width:100%;max-width:340px;padding:var(--sp-6) var(--sp-5);display:flex;flex-direction:column}.login-brand{font-size:20px;font-weight:600;letter-spacing:.02em}.login-brand .mark{color:var(--accent)}.login-sub{margin:4px 0 var(--sp-5);font-size:13px}.login-label{display:block;margin:var(--sp-3) 0 6px}.login-error{margin-top:var(--sp-3);padding:8px 12px;font-size:13px;color:var(--down);background:var(--down-soft);border-radius:var(--r-ctrl)}.login-submit{margin-top:var(--sp-5);width:100%}.overview{display:flex;flex-direction:column;gap:var(--sp-4);max-width:1400px;margin:0 auto}.kpi-strip{display:grid;grid-template-columns:repeat(4,1fr)}.kpi-loading{padding:var(--sp-4)}.kpi{padding:var(--sp-3) var(--sp-4);border-right:1px solid var(--border)}.kpi:last-child{border-right:none}.kpi-val{font-size:22px;margin-top:2px}.kpi-sub{font-size:12px;margin-top:2px}.overview-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:var(--sp-4);align-items:start}.section-label{margin:0 0 8px 2px;display:block}.empty,.detail-empty{padding:var(--sp-5);text-align:center}.detail-head{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.detail-title{display:flex;align-items:baseline;gap:10px}.detail-sym{font-size:16px;font-weight:600}.detail-price{font-size:20px}.detail-change{font-size:12px}.detail-tf{display:flex;gap:4px}.tf-btn{font-size:11px;padding:3px 9px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--r-ctrl);cursor:pointer}.tf-btn:hover{border-color:var(--border-strong);color:var(--text-secondary)}.tf-active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.detail-freshness{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);flex-wrap:wrap}.detail-levels{font-size:12px}.detail-levels b{font-weight:600}.detail-chart{padding:0 var(--sp-2) var(--sp-2);background:var(--bg-inset)}.chart-msg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;z-index:2}.detail-news{padding:var(--sp-3) var(--sp-4) var(--sp-4)}.detail-news-head{display:flex;align-items:center;gap:6px;margin-bottom:4px}.news-list{display:flex;flex-direction:column}.news-empty{padding:var(--sp-3) 0;font-size:13px}.news-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.news-item:last-child{border-bottom:none}.news-item .tick{align-self:stretch;width:5px;height:auto;border-radius:3px}.news-body{min-width:0}.news-head{font-size:13px;line-height:1.35}.news-meta{font-size:11px;color:var(--text-muted);margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.news-impact{padding:1px 6px;font-size:10px}@media (max-width: 1080px){.overview-grid{grid-template-columns:1fr}}@media (max-width: 640px){.kpi-strip{grid-template-columns:repeat(2,1fr)}.kpi:nth-child(2){border-right:none}.kpi:nth-child(1),.kpi:nth-child(2){border-bottom:1px solid var(--border)}.kpi-val{font-size:19px}}.panel-pad{padding:var(--sp-4)}.state{padding:var(--sp-5);text-align:center;font-size:13px}.page{display:flex;flex-direction:column;gap:var(--sp-4);max-width:1400px;margin:0 auto}.grid-cards{display:grid;gap:var(--sp-3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.statcard{padding:var(--sp-3) var(--sp-4);background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-card)}.statcard-val{font-size:21px;margin-top:4px}.statcard-sub{font-size:12px;margin-top:2px}.warn{color:var(--accent)}.ok{color:var(--up)}.meter{margin-bottom:var(--sp-3)}.meter:last-child{margin-bottom:0}.meter-top{display:flex;justify-content:space-between;font-size:12px;margin-bottom:5px}.meter-track{height:7px;background:var(--bg-2);border-radius:var(--r-pill);overflow:hidden}.meter-fill{height:100%;border-radius:var(--r-pill)}.meter-ok{background:var(--up)}.meter-warn{background:var(--accent)}.meter-down{background:var(--down)}.cols-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);align-items:start}@media (max-width: 900px){.cols-2{grid-template-columns:1fr}}.tbl-scroll{overflow-x:auto}.pill{font-size:11px;padding:1px 8px;border-radius:var(--r-pill);font-family:var(--font-mono)}.pill-up{background:var(--up-soft);color:var(--up)}.pill-down{background:var(--down-soft);color:var(--down)}.pill-flat{background:var(--bg-2);color:var(--text-secondary)}.pill-warn{background:var(--accent-soft);color:var(--accent)}.filter-ticks{display:inline-flex;gap:3px;justify-content:flex-end}.flash{padding:10px 14px;border-radius:var(--r-card);font-size:13px}.flash-ok{background:var(--up-soft);color:var(--up)}.flash-err{background:var(--down-soft);color:var(--down)}.btn-close{height:28px;padding:0 10px;font-size:12px}.confirm-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--sp-4)}.confirm-box{width:100%;max-width:400px;padding:var(--sp-5);background:var(--bg-1)}.confirm-title{font-size:16px;font-weight:600;margin-bottom:var(--sp-3)}.confirm-body{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--sp-5)}.confirm-actions{display:flex;justify-content:flex-end;gap:var(--sp-2)}.svc-list{display:flex;flex-direction:column;gap:var(--sp-3)}.svc-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);flex-wrap:wrap}.svc-info{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.svc-label{font-weight:500}.flag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--sp-3)}.flag{display:flex;align-items:center;gap:10px;cursor:pointer}.flag input{position:absolute;opacity:0;width:0;height:0}.flag-track{flex:0 0 auto;width:38px;height:22px;border-radius:var(--r-pill);background:var(--bg-2);border:1px solid var(--border-strong);position:relative;transition:background .15s ease}.flag-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-muted);transition:transform .15s ease,background .15s ease}.flag input:checked+.flag-track{background:var(--accent-soft);border-color:var(--accent)}.flag input:checked+.flag-track .flag-thumb{transform:translate(16px);background:var(--accent)}.flag input:focus-visible+.flag-track{box-shadow:var(--focus-ring)}.flag input:disabled+.flag-track{opacity:.5;cursor:not-allowed}.flag-label{display:flex;flex-direction:column;font-size:13px;font-weight:500}.flag-key{font-size:11px;font-weight:400}.set-list{display:flex;flex-direction:column}.set-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);padding:12px var(--sp-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.set-row:last-child{border-bottom:none}.set-label{font-size:14px;font-weight:500}.set-desc{font-size:11px;margin-top:2px}.set-range{color:var(--text-muted)}.set-edit{display:flex;align-items:center;gap:8px}.set-input{width:120px;height:34px;text-align:right}.set-save{height:34px}:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "JetBrains Mono", "SF Mono", "Menlo", "Consolas", monospace;--r-card: 6px;--r-ctrl: 5px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--topbar-h: 52px;--sidebar-w: 208px;--up: #2fa572;--down: #e05561;--flat: var(--text-muted)}:root,[data-theme=dark]{--bg-0: #100f0d;--bg-1: #191813;--bg-2: #211f19;--bg-inset: #0b0a09;--text-primary: #ece8dd;--text-secondary: #a8a293;--text-muted: #6f6a5d;--border: rgba(236, 232, 221, .08);--border-strong: rgba(236, 232, 221, .16);--accent: #e0a83d;--accent-ink: #1a1508;--accent-soft: rgba(224, 168, 61, .14);--up: #35b37e;--down: #e5646f;--up-soft: rgba(53, 179, 126, .14);--down-soft: rgba(229, 100, 111, .14);--focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 3px var(--accent);color-scheme:dark}[data-theme=light]{--bg-0: #f4f1e9;--bg-1: #fbf9f3;--bg-2: #efece2;--bg-inset: #fffdf8;--text-primary: #1d1b16;--text-secondary: #55503f;--text-muted: #86806e;--border: rgba(29, 27, 22, .12);--border-strong: rgba(29, 27, 22, .22);--accent: #9a6a00;--accent-ink: #ffffff;--accent-soft: rgba(154, 106, 0, .12);--up: #12805a;--down: #c23b3b;--up-soft: rgba(18, 128, 90, .12);--down-soft: rgba(194, 59, 59, .1);--focus-ring: 0 0 0 2px var(--bg-0), 0 0 0 3px var(--accent);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-0);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--text-muted)}.secondary{color:var(--text-secondary)}.accent{color:var(--accent)}.microlabel{font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.panel{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--r-card)}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border)}.tick{width:7px;height:7px;border-radius:2px;flex:0 0 auto;display:inline-block}.tick-up{background:var(--up)}.tick-down{background:var(--down)}.tick-flat{background:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;padding:2px 8px;border-radius:var(--r-pill);border:1px solid var(--border-strong);color:var(--text-secondary)}.badge-warn{background:var(--accent-soft);border-color:transparent;color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;padding:0 14px;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-2);border:1px solid var(--border-strong);border-radius:var(--r-ctrl);cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover{background:var(--bg-1);border-color:var(--accent)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--accent);color:var(--accent-ink);border-color:transparent}.btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.btn-danger{color:var(--down);border-color:var(--down);background:transparent}.btn-danger:hover{background:var(--down-soft)}.field{width:100%;height:38px;padding:0 12px;font-size:14px;color:var(--text-primary);background:var(--bg-inset);border:1px solid var(--border-strong);border-radius:var(--r-ctrl);outline:none}.field:focus{box-shadow:var(--focus-ring);border-color:var(--accent)}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:right;padding:8px 12px;border-bottom:1px solid var(--border);white-space:nowrap}.tbl th:first-child{text-align:left}.tbl td{padding:9px 12px;border-bottom:1px solid var(--border);text-align:right;white-space:nowrap}.tbl td:first-child{text-align:left}.tbl tbody tr:last-child td{border-bottom:none}.tbl-row-btn{cursor:pointer}.tbl-row-btn:hover{background:var(--bg-2)}.tbl-row-active{background:var(--accent-soft)}:focus-visible{outline:none;box-shadow:var(--focus-ring)}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body{overflow-x:hidden;max-width:100%}.tbl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){body{font-size:13.5px}.topbar{padding-left:max(var(--sp-4),env(safe-area-inset-left));padding-right:max(var(--sp-4),env(safe-area-inset-right))}.shell-content{padding-left:max(var(--sp-3),env(safe-area-inset-left));padding-right:max(var(--sp-3),env(safe-area-inset-right));padding-bottom:max(var(--sp-4),env(safe-area-inset-bottom))}.tbl th,.tbl td{padding:8px 10px}.tf-btn{padding:6px 11px}.btn-close{height:32px}}