:root{box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);--bg:#f1f4fb;--cd:#fff;--tx:#0f172a;--mu:#64748b;--bd:#e2e8f0;--pr:#6366f1;--p2:#06b6d4;--ok:#16a34a;--er:#dc2626;--sd:#0f172a;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0b1020;--cd:#151b2e;--tx:#e8ecf8;--mu:#94a3b8;--bd:#25304a;--pr:#818cf8;--p2:#22d3ee;--ok:#4ade80;--er:#f87171;--sd:#0a0e1c;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0b1020;--cd:#151b2e;--tx:#e8ecf8;--mu:#94a3b8;--bd:#25304a;--pr:#818cf8;--p2:#22d3ee;--ok:#4ade80;--er:#f87171;--sd:#0a0e1c;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h2,h3{margin:0 0 12px}label{display:block;font-size:12px;font-weight:600;color:var(--mu);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.04em}
input,select{width:100%;padding:12px;border:1.5px solid var(--bd);border-radius:12px;background:var(--bg);color:var(--tx);font:inherit}
input:focus,select:focus{outline:none;border-color:var(--pr);box-shadow:0 0 0 3px color-mix(in srgb,var(--pr) 25%,transparent)}
button{padding:11px 18px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--pr),var(--p2));color:#fff;font:inherit;font-weight:600;cursor:pointer;transition:transform .1s}
button:active{transform:scale(.97)}button.s{background:transparent;color:var(--pr);border:1.5px solid var(--pr)}button.d{background:var(--er)}button.g{background:var(--ok)}button.sm{padding:6px 10px;font-size:13px}
.auth{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 20% 10%,#6366f1,transparent 50%),radial-gradient(circle at 80% 90%,#06b6d4,transparent 50%),#1e1b4b}
.nw{width:100%;max-width:430px;background:var(--cd);border-radius:22px;padding:28px;box-shadow:0 25px 60px rgba(0,0,0,.35)}
.ph{font-size:44px;text-align:center}.nw h2{text-align:center;margin-bottom:2px}.nw .mu{text-align:center}
.shell{display:flex;min-height:100vh}
.side{width:260px;flex:0 0 260px;background:var(--sd);color:#e2e8f0;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh;overflow-y:auto}
.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:17px;padding:4px 8px 22px;color:#fff}
.logo{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#06b6d4);display:grid;place-items:center;font-size:21px;overflow:hidden;flex:0 0 42px}.logo img{width:100%;height:100%;object-fit:cover}
.nv{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:transparent;color:#cbd5e1;padding:13px 14px;margin-bottom:5px;border-radius:12px;font-weight:500}
.nv:hover{background:rgba(255,255,255,.07)}.nv.on{background:linear-gradient(135deg,#6366f1,#06b6d4);color:#fff}
.me{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;color:#fff}.me b{display:block}.me small{color:#94a3b8}.me button{width:100%;margin-top:10px;background:rgba(255,255,255,.1)}
.main{flex:1;min-width:0}.top{display:flex;align-items:center;gap:10px;padding:22px 26px 0}.top h2{margin:0;font-size:26px}
.burger{display:none;background:var(--cd);color:var(--tx);border:1px solid var(--bd);font-size:18px;padding:6px 12px}
.w{max-width:1060px;padding:18px 26px}
.card{background:var(--cd);border:1px solid var(--bd);border-radius:18px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px rgba(15,23,42,.05)}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}
.stat{background:var(--cd);border:1px solid var(--bd);border-radius:18px;padding:16px;display:flex;gap:12px;align-items:center}
.stat i{font-style:normal;font-size:22px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--pr) 15%,transparent)}.stat b{display:block;font-size:24px;line-height:1.1}.stat span{color:var(--mu);font-size:12px}
.tw{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 8px;border-bottom:1px solid var(--bd);text-align:left;white-space:nowrap}th{color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.m{color:var(--er);font-size:13px;min-height:18px;margin-top:6px}.ok{color:var(--ok)}.mu{color:var(--mu);font-size:13px}
.r{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.r>*{flex:1;min-width:130px}.r>button{flex:0 0 auto}
.tag{padding:2px 9px;border-radius:99px;font-size:12px;background:var(--bg);border:1px solid var(--bd)}.tag.p{color:var(--er);border-color:var(--er)}
.dn{display:flex;gap:8px;align-items:center;margin-bottom:12px}.dn input{text-align:center;font-weight:600}.dn button{flex:0 0 46px;padding:11px 0}
.ac{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--bd);border-radius:16px;margin-bottom:10px;background:var(--bg)}
.av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--pr),var(--p2));color:#fff;display:grid;place-items:center;font-weight:700;flex:0 0 44px}
.ai{flex:1;min-width:0}.ai b{display:block;overflow:hidden;text-overflow:ellipsis}
.tg{display:flex;gap:8px}.ab{width:62px;height:48px;padding:0;background:var(--cd);color:var(--mu);border:2px solid var(--bd);font-size:18px}.ab.gp{background:var(--ok);color:#fff;border-color:var(--ok)}.ab.ga{background:var(--er);color:#fff;border-color:var(--er)}
.bar{height:8px;background:var(--bd);border-radius:9px;overflow:hidden;min-width:80px}.bar div{height:100%;background:linear-gradient(90deg,var(--pr),var(--p2))}
.mo{position:fixed;inset:0;background:rgba(2,6,23,.6);display:grid;place-items:center;padding:16px;z-index:50}.md{background:var(--cd);border-radius:20px;padding:22px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}.r2{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}
.sw{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--bd)}.sw input{width:22px;height:22px}
.key{font:700 18px/1.4 ui-monospace,Menlo,monospace;letter-spacing:.12em;text-align:center;background:var(--bg);padding:12px;border-radius:12px;word-break:break-all;margin:10px 0;user-select:all}
.ov{display:none}
@media(max-width:760px){.side{position:fixed;left:0;top:0;z-index:20;transform:translateX(-102%);transition:transform .2s}.side.open{transform:none;box-shadow:0 0 40px rgba(0,0,0,.5)}.burger{display:block}.top{padding:14px 14px 0}.top h2{font-size:21px}.w{padding:14px}.ov.open{display:block;position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:15}}
.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:12px 18px;border-radius:12px;z-index:99;max-width:90vw;box-shadow:0 8px 30px rgba(0,0,0,.3)}