:root{--bg: #0b0e14;--panel: #11151c;--panel-2: #171d27;--border: #232b38;--border-strong: #303b4d;--text: #d7dee8;--text-muted: #93a0b0;--text-faint: #6b7686;--green: #3fb950;--green-dim: rgba(63, 185, 80, .14);--red: #f85149;--red-dim: rgba(248, 81, 73, .14);--amber: #e3b341;--amber-dim: rgba(227, 179, 65, .14);--blue: #58a6ff;--blue-dim: rgba(88, 166, 255, .14);--purple: #bc8cff;--purple-dim: rgba(188, 140, 255, .14);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--fs-xs: 11px;--fs-sm: 12.5px;--fs-md: 14px;--fs-lg: 18px;--fs-xl: 24px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-6: 24px;--sp-8: 32px;--radius: 8px;--radius-sm: 6px;--dur: .18s}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--blue);text-decoration:none}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-header{display:flex;align-items:center;gap:var(--sp-6);padding:var(--sp-3) var(--sp-6);border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:30}.app-header .brand{font-size:var(--fs-lg);font-weight:700;letter-spacing:.5px;color:var(--text);display:flex;align-items:center;gap:var(--sp-2)}.app-nav{display:flex;gap:var(--sp-1);flex:1}.app-nav a{padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:color var(--dur),background var(--dur)}.app-nav a:hover{color:var(--text);background:var(--panel-2)}.app-nav a.active{color:var(--text);background:var(--blue-dim)}.app-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:var(--sp-6);display:grid;grid-template-columns:repeat(12,1fr);gap:var(--sp-4);align-content:start}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);min-width:0}.panel>h2{margin:0 0 var(--sp-3);font-size:var(--fs-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px}.span-12{grid-column:span 12}.span-8{grid-column:span 8}.span-6{grid-column:span 6}.span-4{grid-column:span 4}@media (max-width: 1024px){.span-8,.span-6,.span-4{grid-column:span 12}}.badge{display:inline-flex;align-items:center;gap:var(--sp-1);padding:2px var(--sp-2);border-radius:999px;font-size:var(--fs-xs);font-weight:600;font-family:var(--font-mono);white-space:nowrap}.badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge-green{color:var(--green);background:var(--green-dim)}.badge-red{color:var(--red);background:var(--red-dim)}.badge-amber{color:var(--amber);background:var(--amber-dim)}.badge-blue{color:var(--blue);background:var(--blue-dim)}.badge-gray{color:var(--text-muted);background:#93a0b01f}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;padding:var(--sp-2) var(--sp-3);color:var(--text-faint);font-weight:600;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--border);white-space:nowrap}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--dur)}.table tbody tr:hover{background:var(--panel-2)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.pos{color:var(--green)}.neg{color:var(--red)}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.bar{height:8px;border-radius:4px;background:var(--panel-2);overflow:hidden}.bar>i{display:block;height:100%;border-radius:4px;background:var(--blue);transition:width .4s}.field{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-3)}.field label{font-size:var(--fs-xs);font-weight:600;color:var(--text-muted)}.field input,.field select{background:var(--panel-2);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-mono);font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);min-height:44px;transition:border-color var(--dur)}.field input:focus,.field select:focus{outline:none;border-color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur),border-color var(--dur),opacity var(--dur)}.btn:hover:not(:disabled){border-color:var(--blue)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blue-dim);border-color:var(--blue);color:var(--blue)}.btn-danger{background:var(--red-dim);border-color:var(--red);color:var(--red)}.notice{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);border:1px solid}.notice-amber{color:var(--amber);background:var(--amber-dim);border-color:#e3b34159}.notice-red{color:var(--red);background:var(--red-dim);border-color:#f8514959}.notice-blue{color:var(--blue);background:var(--blue-dim);border-color:#58a6ff59}.empty{color:var(--text-faint);font-size:var(--fs-sm);padding:var(--sp-6);text-align:center}