:root{--bg:#EEF3FA;--soft:#E2E9F3;--card:#FFFFFF;--ink:#070C18;--ink-2:#1C2333;--muted:#465065;--line:#CBD4E1;--accent:#0F4BEB;--accent-2:#0A3CC4;--accent-ink:#FFFFFF;--aqua:#0A9CC0;--amber:#E8930C;--ok:#0F8A3E;--bad:#C62828;--nav-bg:rgba(255,255,255,.82);--nav-line:rgba(15,40,90,.12);--shadow:0 1px 2px rgba(7,12,24,.06),0 14px 40px rgba(7,12,24,.08);--f:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0A0C11;--soft:#12151C;--card:#141821;--ink:#F2F4F8;--ink-2:#CFD5DF;--muted:#8E96A4;--line:#262C38;--accent:#5B8CFF;--accent-2:#7AA2FF;--accent-ink:#06102A;--aqua:#4FD6EC;--amber:#FFBE4D;--ok:#34D27A;--bad:#FF6B6B;--nav-bg:rgba(26,32,46,.9);--nav-line:rgba(255,255,255,.12);--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 40px rgba(0,0,0,.35);color-scheme:dark}}:root[data-theme=dark]{--bg:#0A0C11;--soft:#12151C;--card:#141821;--ink:#F2F4F8;--ink-2:#CFD5DF;--muted:#8E96A4;--line:#262C38;--accent:#5B8CFF;--accent-2:#7AA2FF;--accent-ink:#06102A;--aqua:#4FD6EC;--amber:#FFBE4D;--ok:#34D27A;--bad:#FF6B6B;--nav-bg:rgba(26,32,46,.9);--nav-line:rgba(255,255,255,.12);--shadow:0 1px 2px rgba(0,0,0,.3),0 14px 40px rgba(0,0,0,.35);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font:400 15px/1.55 var(--f);-webkit-font-smoothing:antialiased}body{overflow-x:clip}.orbs{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.orbs i{position:absolute;border-radius:50%;opacity:.16;animation:drift 40s ease-in-out infinite alternate}.orbs i:nth-child(1){width:60vmax;height:60vmax;left:-20vmax;top:-10vmax;background:radial-gradient(circle,#2F6BFF,transparent 70%)}.orbs i:nth-child(2){width:50vmax;height:50vmax;right:-18vmax;bottom:-20vmax;background:radial-gradient(circle,#18C8E8,transparent 70%);animation-duration:34s}@keyframes drift{to{transform:translate(12vw,10vh) scale(1.1)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}h1,h2,h3{margin:0;letter-spacing:-.02em;line-height:1.2}h1{font-size:1.6rem;font-weight:800}h2{font-size:1.15rem;font-weight:700}a{color:var(--accent)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:100vh}.side{position:sticky;top:0;height:100vh;padding:20px 14px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--nav-line);background:var(--nav-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 18px;font-weight:800;font-size:1.15rem}.brand b{color:var(--accent)}.brand small{display:block;font:500 .7rem var(--mono);color:var(--muted);letter-spacing:.04em}.nav{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:var(--ink-2);text-decoration:none;font-weight:600;font-size:.92rem;border:0;background:none;cursor:pointer;width:100%;text-align:left}.nav:hover{background:var(--soft)}.nav.on{background:var(--accent);color:var(--accent-ink)}.side .grow{flex:1}.who{padding:10px 12px;font-size:.82rem;color:var(--muted)}.who b{display:block;color:var(--ink)}main.page{padding:28px 32px 60px;min-width:0;display:grid;gap:20px;align-content:start;max-width:1280px}.top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.card{background:var(--card);border:1px solid var(--nav-line);border-radius:18px;padding:20px;box-shadow:var(--shadow);min-width:0}.grid{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.shell{grid-template-columns:1fr}.side{position:static;height:auto;flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--nav-line)}.side .grow,.who{display:none}.brand{padding:6px 10px;width:100%}.nav{width:auto}main.page{padding:20px 16px 60px}.g2,.g3,.g4{grid-template-columns:1fr}}.stat small{display:block;color:var(--muted);font-size:.8rem;font-weight:600}.stat b{display:block;font:800 1.7rem/1.2 var(--f);letter-spacing:-.03em;margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;border:1px solid transparent;font:600 .9rem var(--f);cursor:pointer;background:var(--accent);color:var(--accent-ink);text-decoration:none;white-space:nowrap}.btn:hover{background:var(--accent-2)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;border-color:var(--nav-line);color:var(--ink)}.btn.ghost:hover{border-color:var(--ink)}.btn.danger{background:var(--bad);color:#fff}.btn.sm{min-height:32px;padding:0 12px;font-size:.82rem}input,select,textarea{width:100%;min-height:42px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--ink);font:500 .92rem var(--f);padding:8px 12px}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}label.f{display:grid;gap:6px;font-size:.82rem;font-weight:600;color:var(--ink-2)}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.form{display:grid;gap:14px}table{width:100%;border-collapse:collapse;font-size:.88rem}th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}tr.click{cursor:pointer}tr.click:hover td{background:var(--soft)}.tablewrap{overflow-x:auto}.pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700;background:var(--soft);color:var(--ink-2);white-space:nowrap}.pill.ok{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.pill.warn{background:color-mix(in srgb,var(--amber) 18%,transparent);color:var(--amber)}.pill.bad{background:color-mix(in srgb,var(--bad) 14%,transparent);color:var(--bad)}.pill.blue{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.err{background:color-mix(in srgb,var(--bad) 12%,transparent);color:var(--bad);padding:10px 14px;border-radius:12px;font-size:.88rem;font-weight:600}.okmsg{background:color-mix(in srgb,var(--ok) 12%,transparent);color:var(--ok);padding:10px 14px;border-radius:12px;font-size:.88rem;font-weight:600}.login{min-height:100vh;display:grid;place-items:center;padding:20px}.login .card{width:min(420px,100%);display:grid;gap:16px}.bars{display:flex;align-items:flex-end;gap:3px;height:90px}.bars div{flex:1;background:linear-gradient(180deg,var(--accent),var(--aqua));border-radius:4px 4px 0 0;min-height:2px}.video{width:100%;aspect-ratio:4/3;background:#000;border-radius:14px;object-fit:cover}.pts{font:800 1.1rem var(--mono)}.pos{color:var(--ok)}.neg{color:var(--bad)}.modal{position:fixed;inset:0;background:#05080f8c;display:grid;place-items:center;padding:16px;z-index:50}.modal .card{width:min(560px,100%);max-height:90vh;overflow:auto;display:grid;gap:14px}.lines div{display:flex;justify-content:space-between;gap:10px;font-size:.88rem;padding:4px 0}.lines .t{border-top:1px solid var(--line);margin-top:6px;padding-top:8px;font-weight:800}.thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:var(--soft)}.theme{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid var(--nav-line);background:var(--soft)}.theme button{border:0;background:none;color:var(--muted);border-radius:999px;padding:4px 8px;cursor:pointer}.theme button.on{background:var(--card);color:var(--ink)}
