:root{--bg:#fff;--card:#f4f8ff;--fg:#0b2559;--mut:#5a6b8c;--acc:#1478e0;--ok:#0a8a5a;--bad:#d33}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--acc)}main{max-width:760px;margin:0 auto;padding:16px}header{align-items:center;padding:12px 16px;background:var(--card);position:-webkit-sticky;position:sticky;top:0}header,header nav{display:flex;gap:12px;flex-wrap:wrap}header nav{margin-left:auto}.brand{font-weight:700;color:var(--fg);text-decoration:none}.card{background:var(--card);border-radius:10px;padding:16px;margin:12px 0}.muted{color:var(--mut);font-size:.9em}button,input,select,textarea{font:inherit;width:100%;padding:10px;margin:4px 0 12px;border-radius:8px;border:1px solid #b9d0f2;background:#fff;color:var(--fg)}button{background:linear-gradient(135deg,#0b3aa8,#1e9bff);color:#fff;font-weight:600;border:0;cursor:pointer;min-height:44px}.badge{display:inline-block;padding:2px 8px;border-radius:99px;background:#dbeafe;color:#0b2a6f;font-size:.8em;margin-right:4px}.bar{height:8px;background:#2a3550;border-radius:4px;overflow:hidden}.bar>span{display:block;height:100%;background:var(--ok)}.ok{color:var(--ok)}.bad{color:var(--bad)}.placeholder{border:1px dashed var(--mut);padding:12px;border-radius:8px}#net{font-size:.8em}.badge.earned{background:var(--acc);color:#111}.badge.locked{opacity:.45;filter:grayscale(1)}.res{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:8px;gap:8px}.res div{background:#0f1525;border-radius:8px;padding:8px;text-align:center}table{width:100%;border-collapse:collapse}td,th{padding:6px;border-bottom:1px solid #2a3550;text-align:left;font-size:.9em}header{background:#0b2a6f!important;z-index:9}.brand,header a{color:#fff!important;text-decoration:none}header nav a:hover{color:#7cc4ff!important}.brand{display:flex;align-items:center;gap:8px}.brand img{height:40px;border-radius:6px;background:#fff}.card{border:1px solid #d5e4fa}h1,h2{color:#0b2a6f}.btn{display:inline-block;padding:12px 20px;border-radius:10px;background:linear-gradient(135deg,#0b3aa8,#1e9bff);color:#fff;text-decoration:none;font-weight:600}footer{background:#0b2a6f;color:#d6e6ff;padding:24px 16px;text-align:center;margin-top:40px}footer a{color:#7cc4ff}