:root{--bg:#f6f7f9;--surface:#fff;--surface-sunken:#fafbfc;--ink:#16181d;--ink-muted:#646b7a;--ink-faint:#8b92a1;--line:#e4e7ec;--line-strong:#d0d5dd;--accent:#2f5bd7;--accent-soft:#eef2fd;--focus:#9db3ec;--available:#1a7f4b;--available-bg:#e8f5ee;--limited:#a35a00;--limited-bg:#fdf1e0;--unavailable:#b3261e;--unavailable-bg:#fdeceb;--radius:8px;--radius-sm:5px}@media (prefers-color-scheme:dark){:root{--bg:#101216;--surface:#171a20;--surface-sunken:#1c2027;--ink:#e8eaef;--ink-muted:#9aa2b1;--ink-faint:#767e8d;--line:#272c35;--line-strong:#333a45;--accent:#7d9df0;--accent-soft:#1b2233;--focus:#3d5893;--available:#4ec584;--available-bg:#122a1e;--limited:#e0a253;--limited-bg:#2c2113;--unavailable:#f08a83;--unavailable-bg:#2e1917}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app{flex-direction:column;min-height:100%;display:flex}.topnav{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;align-items:center;gap:26px;height:52px;padding:0 22px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.015em;color:var(--ink);font-size:15px;font-weight:640}.brand:hover{text-decoration:none}.navlinks{align-items:center;gap:2px;height:100%;display:flex}.navlink{color:var(--ink-muted);border-bottom:2px solid #0000;align-items:center;gap:7px;height:100%;padding:0 11px;font-size:13.5px;display:flex}.navlink:hover{color:var(--ink);text-decoration:none}.navlink.active{color:var(--ink);border-bottom-color:var(--accent);font-weight:550}.navbadge.bad{background:var(--unavailable-bg);color:var(--unavailable)}.navbadge{background:var(--accent-soft);color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:20px;padding:1px 7px;font-size:11.5px;font-weight:620}main{width:100%;max-width:1560px;padding:22px}.pagehead{margin-bottom:18px}.pagehead h1{letter-spacing:-.02em;margin:0 0 3px;font-size:19px;font-weight:640}.pagehead .sub{color:var(--ink-muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px}.card>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;display:flex}.card>header h2{margin:0;font-size:14px;font-weight:620}.card>header .sub{color:var(--ink-muted);font-size:12.5px}.card .body{padding:16px}.card .body.flush{padding:0}.grid{gap:16px;display:grid}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1100px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}}.metric{padding:14px 16px}.metric .label{color:var(--ink-muted);margin-bottom:5px;font-size:12px}.metric .value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:23px;font-weight:600}.metric .note{color:var(--ink-faint);margin-top:3px;font-size:12px}.metricrow{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;padding:8px 0;display:flex}.metricrow:last-child{border-bottom:none}.metricrow .k{color:var(--ink-muted);font-size:13px}.metricrow .v{font-variant-numeric:tabular-nums;font-weight:550}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px}th{color:var(--ink-muted);letter-spacing:.03em;text-transform:uppercase;background:var(--surface-sunken);font-size:11.5px;font-weight:560;position:sticky;top:0}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}th .caret{color:var(--ink-faint);margin-left:4px}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tbody tr:hover{background:var(--surface-sunken)}tbody tr.clickable{cursor:pointer}tbody tr.selected{background:var(--accent-soft)}tbody tr.muted td{color:var(--ink-faint)}tr:last-child td{border-bottom:none}.truncate{text-overflow:ellipsis;max-width:260px;overflow:hidden}.pill{white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:11.5px;font-weight:580;display:inline-block}.pill.available{background:var(--available-bg);color:var(--available)}.pill.limited{background:var(--limited-bg);color:var(--limited)}.pill.unavailable,.pill.nooffer{background:var(--unavailable-bg);color:var(--unavailable)}.pill.neutral{background:var(--surface-sunken);color:var(--ink-muted);border:1px solid var(--line)}.delta{font-variant-numeric:tabular-nums;margin-left:6px;font-size:11.5px;font-weight:620}.delta.up{color:var(--unavailable)}.delta.down{color:var(--available)}.nooffer-text{color:var(--ink-faint);font-style:italic}button,.btn{font:inherit;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);cursor:pointer;padding:6px 13px;font-size:13px;font-weight:540}button:hover:not(:disabled){background:var(--surface-sunken)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){filter:brightness(1.07)}button.subtle{color:var(--ink-muted);background:0 0;border-color:#0000}button.subtle:hover:not(:disabled){color:var(--ink);background:var(--surface-sunken)}input[type=text],input[type=number],input[type=search],select,textarea{font:inherit;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);width:100%;padding:6px 9px;font-size:13px}input:focus,select:focus,textarea:focus{outline:2px solid var(--focus);outline-offset:-1px;border-color:var(--accent)}textarea{resize:vertical;min-height:110px;font-family:ui-monospace,monospace;font-size:12.5px}input[type=checkbox]{cursor:pointer;width:15px;height:15px;accent-color:var(--accent)}.field{flex-direction:column;gap:4px;display:flex}.field label{color:var(--ink-muted);font-size:12px}.field .hint{color:var(--ink-faint);font-size:11.5px}.toolbar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.toolbar .spacer{flex:1}.banner{border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--surface-sunken);margin-bottom:14px;padding:11px 14px;font-size:13px}.banner.warn{border-color:var(--limited);background:var(--limited-bg);color:var(--limited)}.banner.bad{border-color:var(--unavailable);background:var(--unavailable-bg);color:var(--unavailable)}.empty{text-align:center;color:var(--ink-faint);padding:34px 16px;font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{background:var(--surface-sunken);border:1px solid var(--line);color:var(--ink-muted);font-variant-numeric:tabular-nums;border-radius:999px;padding:2px 9px;font-size:12px}.spinner{color:var(--ink-faint);padding:20px 0;font-size:13px}
