:root{--bg: #05070d;--surface: #0d1424;--surface2: #121a2e;--surface3: #16203a;--line: #1f2840;--line2: #2b3654;--text: #f2f5fb;--muted: #93a0ba;--brand: #e72178;--cy: #22d3ee;--bl: #3b82f6;--pu: #8b5cf6;--pk: #ec4899;--c-g: #009b48;--c-y: #ffd500;--c-o: #ff5800;--c-r: #b71234;--grad: linear-gradient(92deg, #2563eb 0%, #7c3aed 52%, #db2777 100%);--acesa: linear-gradient(90deg, var(--cy), var(--bl) 38%, var(--pu) 72%, var(--pk));--r: 12px;--r-sm: 8px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh;background-image:radial-gradient(900px 500px at 80% -10%,rgba(124,58,237,.1),transparent),radial-gradient(700px 400px at -10% 10%,rgba(34,211,238,.06),transparent)}h1,h2,h3{font-weight:600;margin:0}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;background:var(--surface2);color:var(--text);border:1px solid var(--line2);border-radius:var(--r-sm);padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--bl);box-shadow:0 0 0 3px #3b82f640}label{display:block;font-size:13px;color:var(--muted);margin:0 0 6px}.btn{background:var(--surface2);border:1px solid var(--line2);color:var(--text);border-radius:var(--r-sm);padding:9px 16px}.btn:hover{background:var(--surface3)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--grad);border:none;color:#fff;font-weight:600}.btn-primary:hover{filter:brightness(1.08)}.btn-ghost{background:transparent;border:1px solid var(--line2);color:var(--muted)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}.pill{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px}.tag-cp{background:#ffd50024;color:var(--c-y)}.tag-xp{background:#3b82f629;color:#7db1f5}.tag-fi{background:#ff580024;color:#ff9054}.tag-bonus{background:#ec489929;color:#f6a3c4}.dif-easy{background:#009b4829;color:#3ddc89}.dif-medium{background:#ffd50024;color:var(--c-y)}.dif-hard{background:#b712342e;color:#ff6e86}.row{display:flex;align-items:center;gap:10px}.between{justify-content:space-between}.grid{display:grid;gap:14px}.err{color:#ff6e86;font-size:13px}.ok{color:#3ddc89;font-size:13px}.banner{border-radius:var(--r-sm);padding:11px 14px;font-size:13px}.banner.warn{background:#ff58001f;border:1px solid rgba(255,88,0,.4);color:#ffb085}.banner.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.35);color:#9cc4f7}.hint{font-size:12px;color:var(--muted);margin-top:5px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.side{border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px;background:#080b1480}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 16px}.logo{width:30px;height:30px;border-radius:9px;background:var(--grad);display:grid;place-items:center;font-weight:800;color:#fff}.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:10px;color:var(--muted);font-weight:500;border:1px solid transparent;background:none;width:100%;text-align:left}.nav:hover{background:var(--surface2);color:var(--text)}.nav.active{background:var(--surface2);color:var(--text);border-color:var(--line2)}.nav.soon{opacity:.45;cursor:default}.navsep{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);opacity:.7;padding:14px 12px 6px}.main{padding:22px 28px;max-width:1040px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.userchip{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--surface3);display:grid;place-items:center;font-weight:700;font-size:12px;color:var(--cy)}.mcards{grid-template-columns:repeat(auto-fit,minmax(158px,1fr))}.metric{padding:14px 16px}.metric .k{font-size:12px;color:var(--muted)}.metric .v{font-size:24px;font-weight:700;margin-top:4px}.metric .v.brl{color:#3ddc89}.metric .d{font-size:11px;color:var(--muted);margin-top:2px}.sec{display:flex;align-items:center;gap:9px;margin:22px 0 11px;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.sec:after{content:"";flex:1;height:1px;background:var(--line)}.est{font-size:10px;font-weight:600;color:#ffb085;background:#ff580021;border-radius:5px;padding:1px 5px;margin-left:6px}.bar{height:12px;border-radius:999px;background:var(--surface3);overflow:hidden}.bar>i{display:block;height:100%;border-radius:999px;background:var(--acesa);box-shadow:0 0 14px #8b5cf6b3}.bar.plain>i{background:linear-gradient(90deg,#2b6fd6,#3b82f6);box-shadow:none}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:9px 8px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td input,td select{padding:6px 8px}.num{width:78px}.seg{display:inline-flex;border:1px solid var(--line2);border-radius:var(--r-sm);overflow:hidden}.seg button{background:transparent;border:none;color:var(--muted);padding:8px 16px}.seg button.on{background:var(--surface3);color:var(--text)}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:24px}.loginbox{width:380px;max-width:100%}.qr{background:#fff;padding:12px;border-radius:var(--r-sm);display:inline-block}a{color:#7db1f5}code{background:var(--surface2);border:1px solid var(--line2);border-radius:6px;padding:2px 7px;font-size:13px;word-break:break-all}