:root{--bg:#f6f7f9;--surface:#fff;--surface-2:#fbfcfd;--surface-3:#f1f3f6;--sidebar:#101828;--sidebar-hover:#1d2939;--sidebar-active:#2563eb;--text:#101828;--text-2:#475467;--text-3:#98a2b3;--text-inverse:#fff;--border:#e4e7ec;--border-2:#d0d5dd;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eff4ff;--up:#039855;--up-soft:#ecfdf3;--down:#d92d20;--down-soft:#fef3f2;--warn:#dc6803;--warn-soft:#fffaeb;--live:#d92d20;--shadow-xs:0 1px 2px rgba(16,24,40,.05);--shadow-sm:0 1px 3px rgba(16,24,40,.1),0 1px 2px rgba(16,24,40,.06);--shadow-md:0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06);--radius:8px;--radius-lg:12px;--sidebar-w:232px;--header-h:60px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Pretendard","Malgun Gothic",Roboto,"Helvetica Neue",sans-serif;--mono:"SF Mono",ui-monospace,"Cascadia Mono",Menlo,Consolas,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--sidebar);color:#cdd5df;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-brand{height:var(--header-h);display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid hsla(0,0%,100%,.08);color:#fff;font-weight:650;letter-spacing:-.01em}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#3b82f6,#2563eb);display:grid;place-items:center;font-size:13px;font-weight:700;color:#fff}.sidebar-section{padding:16px 12px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#667085;font-weight:600}.nav-item{display:flex;align-items:center;gap:10px;margin:2px 8px;padding:8px 10px;border-radius:var(--radius);color:#cdd5df;font-weight:500;transition:background .12s,color .12s}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{background:var(--sidebar-active);color:#fff}.nav-item .badge-count{margin-left:auto;background:hsla(0,0%,100%,.12);border-radius:10px;padding:1px 7px;font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.nav-item.active .badge-count{background:hsla(0,0%,100%,.22)}.main{flex:1 1;min-width:0;display:flex;flex-direction:column}.topbar{height:var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:14px;padding:0 24px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar h1{font-size:16px;font-weight:650;margin:0;letter-spacing:-.01em}.topbar .spacer{flex:1 1}.content{padding:24px;max-width:1600px;width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px}.card-title{font-size:14px;font-weight:650;margin:0}.card-sub{font-size:12px;color:var(--text-3)}.card-body{padding:18px}.card-body.tight{padding:0}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));grid-gap:14px;gap:14px;margin-bottom:20px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-xs)}.stat-label{font-size:12px;color:var(--text-2);font-weight:500;display:flex;align-items:center;gap:6px}.stat-value{font-size:26px;font-weight:680;letter-spacing:-.02em;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-foot{font-size:12px;color:var(--text-3);margin-top:4px}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3);font-weight:600;padding:10px 14px;background:var(--surface-2);white-space:nowrap;position:-webkit-sticky;position:sticky;top:0}table.data td,table.data th{border-bottom:1px solid var(--border)}table.data td{padding:11px 14px;vertical-align:middle}table.data tbody tr:hover{background:var(--surface-2)}table.data tbody tr:last-child td{border-bottom:none}.num,table.data td.num,table.data th.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.mono{font-family:var(--mono);font-size:12px}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:550;border:1px solid transparent;white-space:nowrap}.badge.live{background:var(--down-soft);color:var(--live);border-color:#fecdca}.badge.up{background:var(--up-soft);color:var(--up);border-color:#a6f4c5}.badge.down{background:var(--down-soft);color:var(--down);border-color:#fecdca}.badge.neutral{background:var(--surface-3);color:var(--text-2);border-color:var(--border-2)}.badge.info{background:var(--primary-soft);color:var(--primary);border-color:#b2ccff}.badge.warn{background:var(--warn-soft);color:var(--warn);border-color:#fedf89}.col>.badge{align-self:flex-start}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.dot.live{background:var(--live);animation:pulse 1.6s ease-in-out infinite}.dot.ok{background:var(--up)}.dot.off{background:var(--text-3)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--radius);border:1px solid var(--border-2);background:var(--surface);color:var(--text);font-size:13px;font-weight:550;cursor:pointer;transition:background .12s,border-color .12s;font-family:inherit}.btn:hover{background:var(--surface-3)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn.primary:hover{background:var(--primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}input.input,select.input{height:34px;padding:0 10px;border:1px solid var(--border-2);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:13px;font-family:inherit;outline:none}input.input:focus,select.input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.seg{display:inline-flex;background:var(--surface-3);border-radius:var(--radius);padding:3px;gap:2px}.seg button{border:none;background:transparent;cursor:pointer;padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:550;color:var(--text-2);font-family:inherit}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-xs)}.row{align-items:center;gap:10px}.col,.row{display:flex}.col{flex-direction:column}.gap-sm{gap:6px}.wrap{flex-wrap:wrap}.muted{color:var(--text-3)}.small{font-size:12px}.grid-2{display:grid;grid-template-columns:2fr 1fr;grid-gap:16px;gap:16px}@media (max-width:1100px){.grid-2{grid-template-columns:1fr}}.empty{padding:44px 20px;text-align:center;color:var(--text-3)}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,#e9edf2 37%,var(--surface-3) 63%);background-size:400% 100%;animation:sk 1.3s ease infinite;border-radius:6px}@keyframes sk{0%{background-position:100% 50%}to{background-position:0 50%}}.spark{display:flex;align-items:flex-end;gap:2px;height:56px}.spark i{flex:1 1;min-width:2px;background:var(--primary);opacity:.75;border-radius:2px 2px 0 0;display:block}.spark i:hover{opacity:1}.odds{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;font-family:var(--mono)}.odds.best{color:var(--up)}.flash-up{animation:fu 1.1s ease}.flash-down{animation:fd 1.1s ease}@keyframes fu{0%{background:var(--up-soft)}to{background:transparent}}@keyframes fd{0%{background:var(--down-soft)}to{background:transparent}}