@import"https://fonts.googleapis.com/css2?family=Anton&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap";:root{--bg: #05070d;--surface: rgba(13, 18, 33, .6);--surface-2: rgba(21, 28, 48, .55);--surface-3: rgba(31, 40, 66, .55);--text: #f2f5fb;--muted: #93a0ba;--dim: #5f6b85;--white: #fff;--brand: #e72178;--neon-cy: #22d3ee;--neon-bl: #3b82f6;--neon-pu: #8b5cf6;--neon-pk: #ec4899;--c-g: #009b48;--c-y: #ffd500;--c-o: #ff5800;--c-r: #b71234;--c-b: #0046ad;--notify: #ff3b30;--line: #1f2840;--bd: 1px solid var(--line);--prog-track: rgba(58, 70, 104, .55);--prog-zero: #7e8aa6;--card-glow: radial-gradient(110% 90% at 100% 0%, color-mix(in srgb, var(--neon-bl) 16%, transparent), transparent 55%);--grad-energy: linear-gradient(100deg, var(--neon-cy), var(--neon-bl), var(--neon-pu), var(--neon-pk));--grad-energy-deep: linear-gradient(100deg, #2563eb, #7c3aed, #db2777);--font-disp: "Anton", sans-serif;--font-mono: "IBM Plex Mono", monospace;--font-body: "IBM Plex Sans", system-ui, sans-serif;--fs-display: 38px;--fs-h1: 26px;--fs-h2: 20px;--fs-h3: 16px;--fs-label: 11px;--fs-micro: 10.5px;--fs-sm: 13px;--fs-body: 14px;--r-xl: 22px;--r-lg: 18px;--r-md: 14px;--r-sm: 10px;--r-pill: 999px;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--card-pad: 16px}:root{--surface2: var(--surface-2);--surface3: var(--surface-3);--line2: color-mix(in srgb, var(--neon-pu) 38%, transparent);--cy: var(--neon-cy);--bl: var(--neon-bl);--pu: var(--neon-pu);--pk: var(--neon-pk);--grad: var(--grad-energy-deep);--acesa: var(--grad-energy);--r: var(--r-md)}*{box-sizing:border-box}body{margin:0;color:var(--text);font:var(--fs-body) / 1.5 var(--font-body);min-height:100vh;background:radial-gradient(60% 50% at 100% 0%,color-mix(in srgb,var(--neon-bl) 10%,transparent),transparent 60%),radial-gradient(50% 45% at 0% 100%,color-mix(in srgb,var(--neon-pu) 9%,transparent),transparent 60%),var(--bg)}h1,h2,h3{font-weight:600;margin:0}.muted{color:var(--muted)}.small{font-size:var(--fs-sm)}.tiny{font-size:12px}input,select,textarea{font:inherit;background:var(--surface-2);color:var(--text);border:var(--bd);border-radius:var(--r-sm);padding:9px 11px;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:color-mix(in srgb,var(--neon-bl) 70%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--neon-bl) 22%,transparent)}label{display:block;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--muted);margin:0 0 6px}button{font:inherit;cursor:pointer}.btn{background:var(--surface-2);border:var(--bd);color:var(--text);border-radius:var(--r-sm);padding:9px 16px}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--grad-energy-deep);border:none;color:#fff;font-weight:600;box-shadow:inset 0 1px #ffffff40,inset 0 -2px #05070d59}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{filter:brightness(.95)}.btn-ghost{background:transparent;border:var(--bd);color:var(--muted)}.card{background:var(--card-glow),var(--surface);border:var(--bd);border-radius:var(--r-lg);padding:var(--card-pad)}.pill{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill)}.tag-cp{background:color-mix(in srgb,var(--c-y) 14%,transparent);color:var(--c-y)}.tag-xp{background:color-mix(in srgb,var(--neon-bl) 16%,transparent);color:#7db1f5}.tag-fi{background:color-mix(in srgb,var(--c-o) 14%,transparent);color:#ff9054}.tag-bonus{background:color-mix(in srgb,var(--brand) 16%,transparent);color:#f6a3c4}.dif-easy{background:color-mix(in srgb,var(--c-g) 16%,transparent);color:#3ddc89}.dif-medium{background:color-mix(in srgb,var(--c-y) 14%,transparent);color:var(--c-y)}.dif-hard{background:color-mix(in srgb,var(--c-r) 18%,transparent);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:var(--fs-sm)}.ok{color:#3ddc89;font-size:var(--fs-sm)}.banner{border-radius:var(--r-sm);padding:11px 14px;font-size:var(--fs-sm)}.banner.warn{background:color-mix(in srgb,var(--c-o) 12%,transparent);border:1px solid color-mix(in srgb,var(--c-o) 40%,transparent);color:#ffb085}.banner.info{background:color-mix(in srgb,var(--neon-bl) 10%,transparent);border:1px solid color-mix(in srgb,var(--neon-bl) 35%,transparent);color:#9cc4f7}.hint{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-top:5px}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.side{border-right:var(--bd);padding:18px 14px;display:flex;flex-direction:column;gap:4px;background:var(--surface)}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand b{font-family:var(--font-disp);font-size:var(--fs-h2);letter-spacing:.04em;text-transform:uppercase}.logo{width:30px;height:30px;display:grid;place-items:center}.nav{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:var(--r-md);color:var(--muted);font-weight:500;border:1px solid transparent;background:none;width:100%;text-align:left}.nav .dot{width:7px;height:7px;border-radius:50%;background:var(--dim);flex:none}.nav:hover{background:var(--surface-2);color:var(--text)}.nav.active{background:var(--surface-2);color:var(--text);border-color:var(--line2)}.nav.active .dot{background:var(--neon-pu);box-shadow:0 0 8px var(--neon-pu)}.nav.soon{opacity:.45;cursor:default}.navsep{font-family:var(--font-mono);font-size:var(--fs-label);text-transform:uppercase;letter-spacing:.1em;color:var(--dim);padding:14px 12px 6px}.main{padding:22px 28px 40px;max-width:1240px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.topbar h1{font-family:var(--font-disp);font-size:var(--fs-h1);letter-spacing:.02em;text-transform:uppercase}.userchip{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:var(--fs-sm);color:var(--muted);border:var(--bd);border-radius:var(--r-pill);padding:5px 7px 5px 14px;background:var(--surface)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--grad-energy);display:grid;place-items:center;font-family:var(--font-disp);font-size:13px;color:#fff}.mcards{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.mcards{grid-template-columns:repeat(2,1fr)}}@media(max-width:440px){.mcards{grid-template-columns:1fr}}.metric{padding:14px 15px 13px;background:radial-gradient(170% 95% at 50% 0%,color-mix(in srgb,var(--tilec, var(--neon-bl)) 10%,transparent),transparent 72%),var(--surface);border:var(--bd);border-radius:var(--r-md)}.metric .k{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--dim)}.metric .k .dot{width:7px;height:7px;border-radius:50%;background:var(--tilec, var(--neon-bl));flex:none}.metric .v{font-family:var(--font-disp);font-size:30px;line-height:1.05;margin-top:8px;color:var(--text)}.metric .v.brl{color:var(--c-g)}.metric .d{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--muted);margin-top:4px}.metric .d.up{color:var(--c-g)}.sec{display:flex;align-items:center;gap:9px;margin:26px 0 12px;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.14em}.sec .dot{width:7px;height:7px;border-radius:50%;background:var(--neon-cy);flex:none;box-shadow:0 0 7px var(--neon-cy)}.est{font-family:var(--font-mono);font-size:10px;font-weight:600;color:#ffb085;background:color-mix(in srgb,var(--c-o) 13%,transparent);border-radius:5px;padding:1px 5px;margin-left:6px}.bar{height:10px;border-radius:var(--r-pill);background:var(--prog-track);overflow:visible}.bar>i{display:block;height:100%;border-radius:var(--r-pill);background:var(--acesa);box-shadow:0 0 10px color-mix(in srgb,var(--neon-pu) 55%,transparent)}.bar.plain>i{background:linear-gradient(90deg,#2b6fd6,var(--neon-bl));box-shadow:none}table{width:100%;border-collapse:collapse;font-size:var(--fs-body)}th,td{text-align:left;padding:9px 8px;border-bottom:var(--bd)}th{font-family:var(--font-mono);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;font-family:var(--font-mono)}.seg{display:inline-flex;border:var(--bd);border-radius:var(--r-sm);overflow:hidden}.seg button{background:transparent;border:none;color:var(--muted);padding:8px 16px}.seg button.on{background:var(--surface-3);color:var(--text)}.loginwrap{min-height:100vh;display:grid;place-items:center;padding:24px}.loginbox{width:380px;max-width:100%}.loginbox .brand{justify-content:center}.qr{background:#fff;padding:12px;border-radius:var(--r-sm);display:inline-block}a{color:#7db1f5}code{font-family:var(--font-mono);background:var(--surface-2);border:var(--bd);border-radius:6px;padding:2px 7px;font-size:var(--fs-sm);word-break:break-all}.charts3{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:12px}.charts2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-top:12px}@media(max-width:980px){.charts3{grid-template-columns:1fr}}@media(max-width:760px){.charts2{grid-template-columns:1fr}}.charth3{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}.specialcard{background:var(--card-glow),var(--surface);border:var(--bd);border-radius:var(--r-lg);padding:var(--card-pad);border-color:color-mix(in srgb,var(--neon-pu) 40%,transparent)}
