*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--signal:#25d366;--signal-dim:#25d3661f;--signal-border:#25d36640;--link:#3b82f6;--link-dim:#3b82f61f;--link-border:#3b82f640;--alert:#f59e0b;--alert-dim:#f59e0b1f;--alert-border:#f59e0b40;--cutoff:#ef4444;--cutoff-dim:#ef44441f;--cutoff-border:#ef444440}:root,:root[data-theme=dark]{--surface-0:#0e0f1a;--surface-1:#13141f;--surface-2:#181924;--surface-3:#1e1f2c;--surface-4:#252633;--ink-primary:#e8e9f0;--ink-secondary:#8c8da3;--ink-tertiary:#5c5d73;--ink-muted:#3c3d52;--edge:#ffffff0f;--edge-strong:#ffffff1a;--edge-emphasis:#ffffff29;--control-bg:#ffffff0a;--control-border:#ffffff1a;--control-focus:#25d3664d;--signal-text:var(--signal);--link-text:var(--link);--alert-text:var(--alert);--cutoff-text:var(--cutoff)}:root[data-theme=light]{--surface-0:#f8f9fa;--surface-1:#fff;--surface-2:#f1f3f5;--surface-3:#e9ecef;--surface-4:#dee2e6;--ink-primary:#111827;--ink-secondary:#4b5563;--ink-tertiary:#6b7280;--ink-muted:#9ca3af;--edge:#00000014;--edge-strong:#0000001f;--edge-emphasis:#0003;--control-bg:#fff;--control-border:#00000026;--control-focus:#25d3664d;--signal-text:#166534;--link-text:#1e3a8a;--alert-text:#92400e;--cutoff-text:#991b1b}:root{--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--r-sm:4px;--r-md:6px;--r-lg:10px;--sidebar-w:15vw;--ease:.18s cubic-bezier(.4, 0, .2, 1)}html{-webkit-font-smoothing:antialiased;font-size:14px}body{background:var(--surface-0);color:var(--ink-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5}.app{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--surface-0);border-right:1px solid var(--edge);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-brand{padding:var(--sp-5) var(--sp-4);border-bottom:1px solid var(--edge);align-items:center;gap:var(--sp-3);display:flex}.sidebar-brand-mark{border-radius:var(--r-md);background:var(--signal);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex}.sidebar-brand-name{color:var(--ink-primary);letter-spacing:.02em;font-size:12px;font-weight:600}.sidebar-brand-sub{color:var(--ink-tertiary);font-size:10px;font-weight:500}.sidebar-nav{padding:var(--sp-3) var(--sp-2);flex:1;overflow-y:auto}.nav-label{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;padding:var(--sp-2) var(--sp-3) var(--sp-1);font-size:10px;font-weight:600}.nav-item{align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-md);color:var(--ink-secondary);cursor:pointer;transition:var(--ease);border:1px solid #0000;margin-bottom:1px;font-size:13px;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--ink-primary)}.nav-item.active{background:var(--signal-dim);color:var(--signal);border-color:var(--signal-border)}.sidebar-foot{padding:var(--sp-3) var(--sp-2);border-top:1px solid var(--edge)}.main{margin-left:var(--sidebar-w);flex-direction:column;flex:1;display:flex}.topbar{border-bottom:1px solid var(--edge);height:52px;padding:0 var(--sp-5);background:var(--surface-0);z-index:50;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{flex-direction:column;display:flex}.topbar-title{color:var(--ink-primary);font-size:15px;font-weight:600}.topbar-sub{color:var(--ink-tertiary);font-size:11px}.topbar-right{align-items:center;gap:var(--sp-2);display:flex}.page{padding:var(--sp-5);flex:1;width:100%}.page-head{margin-bottom:var(--sp-5)}.page-head h1{color:var(--ink-primary);margin-bottom:2px;font-size:18px;font-weight:700}.page-head p{color:var(--ink-tertiary);font-size:13px}.card{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-lg);padding:var(--sp-5)}.section-label{color:var(--ink-secondary);margin-bottom:var(--sp-4);align-items:center;gap:var(--sp-2);font-size:12px;font-weight:600;display:flex}.kpi-grid{gap:var(--sp-3);margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.kpi{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-lg);padding:var(--sp-4);transition:var(--ease);position:relative;overflow:hidden}.kpi:after{content:"";background:var(--kpi-accent,var(--signal));height:2px;position:absolute;top:0;left:0;right:0}.kpi:hover{border-color:var(--edge-strong)}.kpi-value{color:var(--ink-primary);margin-bottom:var(--sp-1);font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;line-height:1}.kpi-label{color:var(--ink-secondary);font-size:12px;font-weight:500}.kpi-sub{color:var(--ink-tertiary);margin-top:var(--sp-1);font-family:JetBrains Mono,monospace;font-size:11px}.signal-bars{align-items:flex-end;gap:2px;height:20px;display:flex}.signal-bar{background:var(--ink-muted);width:4px;transition:background var(--ease);border-radius:1px}.signal-bar.filled{background:var(--signal)}.signal-bar:first-child{height:4px}.signal-bar:nth-child(2){height:6px}.signal-bar:nth-child(3){height:8px}.signal-bar:nth-child(4){height:10px}.signal-bar:nth-child(5){height:12px}.signal-bar:nth-child(6){height:14px}.signal-bar:nth-child(7){height:16px}.signal-bar:nth-child(8){height:18px}.signal-bar:nth-child(9){height:20px}.badge{border-radius:var(--r-sm);border:1px solid;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-signal{background:var(--signal-dim);color:var(--signal-text);border-color:var(--signal-border)}.badge-link{background:var(--link-dim);color:var(--link-text);border-color:var(--link-border)}.badge-alert{background:var(--alert-dim);color:var(--alert-text);border-color:var(--alert-border)}.badge-cutoff{background:var(--cutoff-dim);color:var(--cutoff-text);border-color:var(--cutoff-border)}.badge-neutral{background:var(--surface-3);color:var(--ink-secondary);border-color:var(--edge)}.badge-dot{background:currentColor;border-radius:50%;width:5px;height:5px}.table-wrap{border:1px solid var(--edge);border-radius:var(--r-lg);overflow:hidden}table{border-collapse:collapse;width:100%;font-size:13px}thead{background:var(--surface-2)}th{padding:10px var(--sp-4);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-tertiary);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}th:hover{color:var(--ink-secondary)}td{padding:12px var(--sp-4);border-top:1px solid var(--edge);color:var(--ink-secondary)}tbody tr{transition:var(--ease);cursor:pointer}tbody tr:hover td{background:var(--surface-2);color:var(--ink-primary)}.mono{font-family:JetBrains Mono,monospace;font-size:12px}.btn{align-items:center;gap:var(--sp-2);border-radius:var(--r-md);cursor:pointer;transition:var(--ease);border:none;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.btn-signal{background:var(--signal);color:#000}.btn-signal:hover{filter:brightness(1.1)}.btn-ghost{color:var(--ink-secondary);border:1px solid var(--edge);background:0 0}.btn-ghost:hover{background:var(--surface-2);color:var(--ink-primary);border-color:var(--edge-strong)}.btn-cutoff{background:var(--cutoff-dim);color:var(--cutoff);border:1px solid var(--cutoff-border)}.btn-cutoff:hover{background:var(--cutoff);color:#fff}.btn-sm{padding:5px 10px;font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed}.input,.select{width:100%;padding:8px var(--sp-3);background:var(--control-bg);border:1px solid var(--control-border);border-radius:var(--r-md);color:var(--ink-primary);transition:var(--ease);outline:none;font-family:inherit;font-size:13px}.input:focus,.select:focus{border-color:var(--signal);box-shadow:0 0 0 2px var(--control-focus)}.input::placeholder{color:var(--ink-muted)}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%235c5d73' fill='none' stroke-width='1.5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.grid-2{gap:var(--sp-3);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--sp-3);grid-template-columns:repeat(3,1fr);display:grid}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-gap{align-items:center;gap:var(--sp-2);display:flex}.gap-3{gap:var(--sp-3)}.gap-4{gap:var(--sp-4)}.info-row{padding:var(--sp-2) 0;border-bottom:1px solid var(--edge);justify-content:space-between;align-items:flex-start;display:flex}.info-row:last-child{border-bottom:none}.info-key{color:var(--ink-tertiary);min-width:140px;font-size:12px}.info-value{color:var(--ink-primary);text-align:right;word-break:break-all;font-size:12px;font-weight:500}.chart-box{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-lg);padding:var(--sp-5)}.chart-box canvas{max-height:260px}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot-signal{background:var(--signal);box-shadow:0 0 6px var(--signal);animation:2s infinite pulse}.dot-alert{background:var(--alert)}.dot-cutoff{background:var(--cutoff)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.pagination{align-items:center;gap:var(--sp-1);margin-top:var(--sp-4);justify-content:flex-end;display:flex}.pg-btn{border-radius:var(--r-md);border:1px solid var(--edge);width:28px;height:28px;color:var(--ink-secondary);cursor:pointer;transition:var(--ease);background:0 0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.pg-btn:hover{border-color:var(--signal);color:var(--signal)}.pg-btn.active{background:var(--signal);border-color:var(--signal);color:#000;font-weight:600}.pg-btn:disabled{opacity:.3;cursor:default}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--surface-3) 50%, var(--surface-2) 75%);border-radius:var(--r-md);background-size:400% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:-100%}}.empty{text-align:center;padding:var(--sp-7) var(--sp-5);color:var(--ink-tertiary)}.empty-icon{margin-bottom:var(--sp-3);opacity:.5;font-size:32px}.empty h3{color:var(--ink-secondary);margin-bottom:var(--sp-1);font-size:14px}.login-bg{background:var(--surface-0);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg:before{content:"";background:radial-gradient(circle, var(--signal-dim), transparent 70%);pointer-events:none;border-radius:50%;width:500px;height:500px;position:absolute;top:-180px;left:-80px}.login-card{background:var(--surface-1);border:1px solid var(--edge);border-radius:var(--r-lg);width:100%;max-width:380px;padding:var(--sp-6);z-index:1;position:relative}.login-error{background:var(--cutoff-dim);border:1px solid var(--cutoff-border);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-3);color:var(--cutoff);margin-top:var(--sp-3);font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.3s both fadeIn}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.feed-item{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--edge);border-radius:var(--r-md);transition:var(--ease);cursor:pointer;border-left:3px solid var(--feed-color,var(--edge));display:flex}.feed-item:hover{background:var(--surface-2);border-color:var(--edge-strong)}.progress-track{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--signal);border-radius:3px;height:100%;transition:width .8s}