:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#18232d;background:#f3f6fa}*{box-sizing:border-box}body{margin:0}header{background:linear-gradient(135deg,#123b66,#0f6099);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}header h1{margin:0;font-size:1.5rem}header p{margin:.35rem 0 0;opacity:.9}.badge{background:#ffffff20;border:1px solid #ffffff44;padding:8px 12px;border-radius:999px;font-size:.84rem}nav{display:flex;overflow:auto;gap:8px;padding:10px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #d8e1ea}nav button{white-space:nowrap;border:0;background:#e9f0f7;padding:11px 15px;border-radius:11px;font-weight:750;color:#17212b}nav button.active{background:#276fba;color:#fff}main{max-width:1180px;margin:auto;padding:16px}.tab{display:none}.tab.active{display:block}.card{background:#fff;border:1px solid #d9e2ec;border-radius:16px;padding:18px;margin-bottom:16px;box-shadow:0 2px 9px #1020300d}.card h2,.card h3{margin-top:0}.grid{display:grid;gap:12px}.metrics{grid-template-columns:repeat(4,1fr)}.metric{background:#eaf2fb;border-left:5px solid #3d79c6;padding:14px;border-radius:12px}.metric span{display:block;color:#536170}.metric b{font-size:1.55rem}.formgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}.formgrid.four{grid-template-columns:repeat(3,1fr)}label{display:block;font-weight:650}input,select,textarea{width:100%;padding:11px;border:1px solid #b8c6d4;border-radius:9px;font:inherit;margin-top:6px;background:#fff}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}button{cursor:pointer}.actions button,.primary{border:0;border-radius:9px;padding:11px 15px;font-weight:750;background:#5f7f91;color:#fff}.actions button.primary,.primary{background:#218838}.note{background:#fff7d8;border-left:5px solid #f4aa2b;padding:12px;border-radius:10px;margin:12px 0}.ok{background:#e6f6e9;border-left-color:#218838}.bad{background:#fde7e7;border-left-color:#c62828}.info{background:#e8f2ff;border-left-color:#2b6cb0}.muted{color:#5c6976}.balls{display:flex;flex-wrap:wrap;gap:7px}.ball{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#164f80;color:#fff;font-weight:750}.tablewrap{overflow:auto;border:1px solid #dae2ea;border-radius:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:9px 10px;border-bottom:1px solid #e2e8ef;text-align:left;vertical-align:top}th{background:#3976bf;color:#fff;position:sticky;top:0}.game{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.tag{display:inline-block;padding:3px 7px;border-radius:999px;background:#edf2f7;font-size:.78rem;margin:1px}.progress{height:9px;background:#e3e9ef;border-radius:99px;overflow:hidden}.progress>span{display:block;height:100%;background:#2d7ac2}.small{font-size:.86rem}.center{text-align:center}footer{padding:24px;text-align:center;color:#667482}@media(max-width:760px){.metrics{grid-template-columns:repeat(2,1fr)}.formgrid,.formgrid.four{grid-template-columns:1fr 1fr}header{align-items:flex-start;flex-direction:column}.card{padding:14px}th,td{padding:8px 7px;font-size:.88rem}}@media(max-width:480px){.formgrid,.formgrid.four{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metric b{font-size:1.3rem}}