:root{color-scheme:light;--page-bg:#eef2ff;--card-bg:#fff;--card-border:#d9e2ff;--shadow-color:32 55 129/14%;--table-border:#d5dbf0;--table-header-bg:#f5f7ff;--table-header-shadow:rgba(15,23,42,.08);--table-row-hover:#f1f5ff;--accent:#2563eb;--accent-strong:#1d4ed8;--accent-soft:rgba(37,99,235,.12);--text-primary:#0f172a;--text-muted:#475569;--search-bg:#f8faff;--search-border:#cbd5f5;--clear-bg:rgba(15,23,42,.08);--clear-bg-hover:rgba(15,23,42,.18)}*{box-sizing:border-box}html{scrollbar-gutter:stable both-edges}body,html{padding:0;margin:0;font-family:Open Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;color:var(--text-primary);background:radial-gradient(circle at top right,rgba(37,99,235,.08),transparent 45%),radial-gradient(circle at bottom left,rgba(56,189,248,.15),transparent 50%),var(--page-bg);line-height:1.6}body{overflow-y:scroll}.page,body{min-height:100vh}.page{display:flex;justify-content:center;align-items:flex-start;padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,3rem)}.table-card{width:100%;max-width:clamp(1200px,92vw,1800px);background:var(--card-bg);border-radius:24px;padding:clamp(1.75rem,4vw,2.75rem);box-shadow:0 18px 40px -22px rgb(var(--shadow-color)),0 24px 80px -60px rgb(var(--shadow-color));border:1px solid var(--card-border);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.25rem)}.table-card__header h1{margin:0;font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;letter-spacing:-.02em}.table-card__header p{margin:.75rem 0 0;max-width:60ch;color:var(--text-muted)}.table-container{display:flex;flex-direction:column;gap:1.25rem}.table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;justify-content:space-between}.table-toolbar__field{position:relative;flex:1 1 320px;max-width:420px}.table-toolbar__input{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--search-border);border-radius:999px;padding:.7rem 3rem .7rem 1.1rem;font-size:.95rem;background:var(--search-bg);color:var(--text-primary);box-shadow:inset 0 1px 3px rgba(15,23,42,.05);transition:border-color .2s ease,box-shadow .2s ease}.table-toolbar__input::-webkit-search-cancel-button,.table-toolbar__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.table-toolbar__input::-ms-clear{display:none}.table-toolbar__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.2)}.table-toolbar__clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);border:none;border-radius:999px;width:1.9rem;height:1.9rem;background:var(--clear-bg);color:var(--text-primary);font-size:1.1rem;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s ease}.table-toolbar__clear:focus-visible,.table-toolbar__clear:hover{background:var(--clear-bg-hover)}.table-toolbar__clear:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.table-toolbar__meta{margin:0;color:var(--text-muted);font-size:.95rem}.table-scroll{overflow:auto;border-radius:18px;border:1px solid var(--table-border);background:linear-gradient(180deg,hsla(0,0%,100%,.98),hsla(0,0%,100%,.94));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.6);max-height:min(75vh,900px);position:relative}.table-scroll:after{content:"";position:sticky;bottom:0;display:block;height:.5rem;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.75))}table{width:100%;min-width:720px;border-collapse:separate;border-spacing:0;font-size:.95rem;color:inherit}caption{padding:0;margin-bottom:1rem}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}thead th{position:sticky;top:0;background:var(--table-header-bg);padding:0;border-bottom:1px solid var(--table-border);box-shadow:inset 0 -1px 0 hsla(0,0%,100%,.7),0 2px 6px var(--table-header-shadow);z-index:3}thead th+th{border-left:1px solid hsla(0,0%,100%,.7)}thead button{all:unset;width:100%;padding:.9rem .75rem;font-size:.85rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;transition:color .2s ease,background .2s ease}thead button:focus-visible,thead button:hover{color:var(--accent)}thead button:focus-visible{outline:2px solid var(--accent);outline-offset:-4px}thead button:after{content:"\25B4";opacity:0;transition:transform .2s ease,opacity .2s ease;font-size:.8rem;color:var(--accent)}thead button.ascending:after{opacity:1;transform:rotate(0deg)}thead button.descending:after{opacity:1;transform:rotate(180deg)}tbody td{padding:.75rem;border-bottom:1px solid rgba(226,232,240,.8);font-variant-numeric:tabular-nums;background:var(--cell-bg,transparent);color:var(--cell-text,inherit);transition:background .2s ease,color .2s ease}tbody tr:last-of-type td{border-bottom:none}tbody tr{cursor:pointer}tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}tbody tr:hover td{background-color:var(--table-row-hover)}tbody tr.selected-row td{box-shadow:inset 0 0 0 999px rgba(37,99,235,.12);color:var(--text-primary)}tbody tr.selected-row:hover td{box-shadow:inset 0 0 0 999px rgba(37,99,235,.18)}.sticky-column-header{left:0;z-index:4;box-shadow:6px 0 12px -10px rgba(15,23,42,.3)}.sticky-column{position:sticky;left:0;z-index:2;background:var(--cell-bg,#fff);box-shadow:6px 0 12px -10px rgba(15,23,42,.28)}.sorted-column{position:relative;isolation:isolate;font-weight:600}.sorted-column:after{content:"";position:absolute;inset:0;background:var(--accent-soft);z-index:-1}tbody tr.seventy-five td{--cell-bg:#fef9c3;--cell-text:#a16207}tbody tr.fifty td{--cell-bg:#fde68a;--cell-text:#92400e}tbody tr.twenty-five td{--cell-bg:#fef2f2;--cell-text:#c2410c}tbody tr.zero td{--cell-bg:#fecaca;--cell-text:#991b1b}@media (max-width:900px){.table-toolbar{gap:.75rem}.table-toolbar__meta{width:100%;text-align:left}}@media (max-width:640px){.page{padding:1.5rem 1rem 2.5rem}.table-card{border-radius:18px;padding:1.5rem}table{min-width:600px}}