html,body,#root{min-height:100svh;margin:0}:root{--bg:#0f1620;--panel:#18222e;--panel-2:#1f2c3a;--border:#2b3a4d;--text:#e7eef6;--muted:#93a4b8;--accent:#3b82f6;--safe:#22c55e;--moderate:#f59e0b;--reach:#ef4444;--nodata:#64748b;--unmatched:#8b5cf6}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.page{max-width:1080px;margin:0 auto;padding:28px 20px 64px}.hero h1{letter-spacing:-.02em;margin:0 0 6px;font-size:26px}.hero p{color:var(--muted);max-width:64ch;margin:0 0 20px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px}.inputs{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.field{flex-direction:column;gap:6px;min-width:150px;display:flex}.field.grow{flex:1;min-width:220px}.field.action{min-width:auto}.field label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}select,input[type=number],input[type=file]{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:9px;height:42px;padding:10px 12px;font-size:15px}input[type=file]{padding:8px 10px}select:focus,input:focus{outline:2px solid var(--accent);outline-offset:0}.toggle{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;height:42px;padding:3px;display:inline-flex}.toggle button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:0 16px;font-size:14px;font-weight:600}.toggle button.active{background:var(--accent);color:#fff}button{font:inherit}button.primary{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:9px;height:42px;padding:0 22px;font-weight:700}button.primary:disabled{opacity:.6;cursor:default}.alert{color:#ffd9d9;background:#3b1d1d;border:1px solid #6b2a2a;border-radius:10px;margin-top:14px;padding:12px 14px}.results{margin-top:20px}.results-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);background:var(--panel-2);border-radius:999px;padding:5px 12px;font-size:13px}.chip b{font-size:14px}.chip.v-safe{color:var(--safe);border-color:#1c4a30}.chip.v-moderate{color:var(--moderate);border-color:#5a431a}.chip.v-reach{color:var(--reach);border-color:#5a2424}.chip.v-nodata{color:var(--nodata)}.chip.v-unmatched{color:var(--unmatched);border-color:#3c2e5e}.results-actions{align-items:center;gap:10px;display:flex}.results-actions button{background:var(--panel-2);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 14px}.results-actions button:hover{border-color:var(--accent)}.muted{color:var(--muted);font-size:13px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{text-align:left;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);background:var(--panel);padding:8px 10px;font-size:12px;position:sticky;top:0}tbody td{vertical-align:middle;border-bottom:1px solid #223040;padding:10px}tbody tr:hover{background:#1b2733}.c-order{width:36px;color:var(--muted);text-align:right}.c-band{white-space:nowrap;width:130px;color:var(--muted);font-variant-numeric:tabular-nums}.c-pct{width:170px}.c-verdict{width:110px}.college-name{font-weight:600}.college-name .code{background:var(--panel-2);border:1px solid var(--border);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:6px;padding:0 6px;font-size:12px;display:inline-block}.branch-name{color:var(--muted);margin-top:2px;font-size:13px}.fuzzy{color:var(--accent);cursor:help;font-weight:700}.pct{align-items:center;gap:9px;display:flex}.bar{background:var(--panel-2);border:1px solid var(--border);border-radius:7px;flex:1;min-width:60px;height:14px;overflow:hidden}.bar-fill{opacity:.9;border-radius:7px 0 0 7px;height:100%}.bar-fill.v-safe{background:var(--safe)}.bar-fill.v-moderate{background:var(--moderate)}.bar-fill.v-reach{background:var(--reach)}.pct-num{text-align:right;font-variant-numeric:tabular-nums;min-width:42px;font-size:13px;font-weight:700}.pct-num.v-safe{color:var(--safe)}.pct-num.v-moderate{color:var(--moderate)}.pct-num.v-reach{color:var(--reach)}.badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-block}.badge.v-safe{color:var(--safe);background:#0e3a22}.badge.v-moderate{color:var(--moderate);background:#3a2c0e}.badge.v-reach{color:var(--reach);background:#3a1616}.badge.v-nodata{color:var(--nodata);background:#25303d}.badge.v-unmatched{color:var(--unmatched);background:#251d3a}.disclaimer{color:var(--muted);margin:16px 2px 0;font-size:12px;line-height:1.6}@media print{body{color:#000;background:#fff}.no-print{display:none!important}.panel{background:#fff;border:none;padding:0}.page{max-width:none}tbody tr:hover{background:0 0}.bar{border:1px solid #999}}