:root{color-scheme:dark;--bg:#0e1c22;--card:#192d35;--line:#304951;--text:#eaf2f4;--muted:#a4bbc1;--accent:#76d6b2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(5vw,16px);background:#143b32;border-bottom:1px solid var(--line)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.brand{font-size:26px;font-weight:800;color:#d4f5a9}.brand span{margin-left:16px}main{max-width:1400px;margin:38px auto;padding:0 24px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.15em;color:var(--accent)}h1{font-size:clamp(28px,4vw,42px);margin:12px 0}h2{font-size:23px}h3{margin-top:24px}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:24px;margin:20px 0}.welcome{max-width:540px;margin:12vh auto;padding:32px}form{display:grid;gap:14px}label{font-size:13px;color:var(--muted);display:grid;gap:7px}input,select,button{font:inherit;border-radius:11px;padding:12px 15px;border:1px solid var(--line);background:#11232b;color:var(--text);max-width:100%}button{cursor:pointer;font-weight:650}button:hover,button.active{background:var(--accent);color:#12382d}form button{background:var(--accent);color:#14392d}nav{display:flex;gap:10px;flex-wrap:wrap}.toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:18px;margin-bottom:20px}.toolbar h2{margin-right:auto}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}td,th{padding:15px 12px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-size:12px;text-transform:uppercase}td:first-child{white-space:normal;min-width:160px}td button{padding:0;background:none;border:0;text-align:left;color:var(--accent)}.positive{color:#7ee2b6}.negative{color:#fa929e}.stats{display:flex;gap:12px;flex-wrap:wrap}.stats>div{background:#10242b;border-radius:12px;padding:16px;flex:1;min-width:120px}.stats strong{display:block;font-size:25px}.stats small{color:var(--muted)}dialog{background:var(--card);color:var(--text);border:1px solid var(--line);border-radius:22px;width:min(960px,95vw);max-height:90vh;padding:30px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}.close{float:right}svg{width:100%;height:190px}.match{border:1px solid var(--line);padding:13px;border-radius:12px;margin:10px 0}.match summary{cursor:pointer;font-weight:650}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:650px){header{align-items:start;flex-direction:column}main{padding:0 12px;margin-top:20px}.card{padding:15px}.toolbar label{flex:1;min-width:120px}.toolbar h2{width:100%;margin:0}dialog{padding:18px}.welcome{margin:8vh 12px}.brand{font-size:23px}}@media(prefers-reduced-motion:no-preference){dialog[open]{animation:appear .16s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}