:root{color-scheme:light dark;--bg:#f4f5f8;--sf:#fff;--tx:#151a28;--mu:#5b6479;--ln:#dfe3ec;--br:#1c2b4a;--bt:#fff;--lk:#1c2b4a;--hn:#f0a500;--hs:#fff3d1;--dg:#b3261e;--dgs:#fde8e6;--wn:#7a5200;--wns:#fff3d1;--in:#2b4a8b;--ins:#e5ecfb;--sh:0 1px 2px rgba(20,30,60,.06),0 4px 14px rgba(20,30,60,.05)}
@media (prefers-color-scheme:dark){:root{--bg:#0e121c;--sf:#161c2b;--tx:#e8ecf6;--mu:#9aa4bd;--ln:#283049;--br:#a8bdf2;--bt:#0e121c;--lk:#a8bdf2;--hn:#f2b01e;--hs:#3a2f10;--dg:#ff8a80;--dgs:#3a1c1b;--wn:#f2d27a;--wns:#3a2f10;--in:#a8bdf2;--ins:#222c4d;--sh:none}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:15px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--lk)}
h1{font-size:24px;margin:22px 0 4px;letter-spacing:-.01em}
h2{font-size:15px;margin:0 0 10px;font-weight:650}
.note{color:var(--mu);font-size:14px;margin:4px 0 14px}
.wrap{max-width:1040px;margin:0 auto;padding:0 18px 48px}

.top{background:var(--sf);border-bottom:1px solid var(--ln)}
.top .in{max-width:1040px;margin:0 auto;padding:10px 18px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px;color:var(--tx);text-decoration:none}
.brand svg{width:26px;height:26px}
.menu{display:flex;gap:4px;flex-wrap:wrap}
.menu a{padding:6px 12px;border-radius:99px;color:var(--mu);text-decoration:none;font-size:14px;font-weight:500}
.menu a:hover{background:var(--ins);color:var(--tx)}
.menu a.on{background:var(--br);color:var(--bt)}
.me{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--mu)}
.me form{margin:0}.me button{margin:0;padding:6px 12px;font-size:13px}

.box{background:var(--sf);border:1px solid var(--ln);border-radius:12px;padding:16px;margin:14px 0;box-shadow:var(--sh)}
.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:14px 0}
.stat{background:var(--sf);border:1px solid var(--ln);border-top:3px solid var(--hn);border-radius:12px;padding:14px 16px;box-shadow:var(--sh)}
.stat small{display:block;color:var(--mu);font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.stat b{font-size:30px;line-height:1.2;font-variant-numeric:tabular-nums}
.stat.hi{border-top-color:var(--dg)}
.cols{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.cols .box{margin:0}

.row{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin-top:8px}
.bar{height:8px;background:var(--ins);border-radius:99px;overflow:hidden;margin-top:4px}
.bar i{display:block;height:100%;background:var(--br);border-radius:99px}
.chart{display:flex;gap:4px;height:170px;align-items:stretch}
.col{flex:1;display:flex;flex-direction:column;min-width:0}
.track{flex:1;display:flex;align-items:flex-end}
.colbar{display:block;width:100%;background:var(--hn);border-radius:4px 4px 0 0;min-height:2px}
.col small{text-align:center;font-size:11px;color:var(--mu);margin-top:4px}

.tw{overflow-x:auto;background:var(--sf);border:1px solid var(--ln);border-radius:12px;box-shadow:var(--sh);margin:14px 0}
table{width:100%;border-collapse:collapse;font-size:13px}
th{background:var(--bg);color:var(--mu);font-size:11px;text-transform:uppercase;letter-spacing:.05em;text-align:left;padding:9px 12px;white-space:nowrap}
td{padding:9px 12px;border-top:1px solid var(--ln);vertical-align:top}
tr:hover td{background:var(--ins)}
td small{color:var(--mu)}
code{font:12px ui-monospace,Menlo,Consolas,monospace;word-break:break-all;background:var(--bg);padding:1px 5px;border-radius:5px}
.chip{display:inline-block;padding:1px 9px;border-radius:99px;font-size:12px;font-weight:600;background:var(--ins);color:var(--in)}
.chip.s2{background:var(--wns);color:var(--wn)}.chip.s3{background:var(--dgs);color:var(--dg)}

label{display:block;font-size:13px;color:var(--mu);margin:10px 0 4px}
input,select{width:100%;padding:9px 11px;border:1px solid var(--ln);border-radius:9px;background:var(--bg);color:var(--tx);font:inherit}
input[type=checkbox]{width:auto}
.chk{display:flex;align-items:center;gap:8px;color:var(--tx)}
input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid var(--hn);outline-offset:2px}
button{font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--br);background:var(--br);color:var(--bt);border-radius:9px;padding:8px 16px;margin-top:14px}
button.s{background:transparent;color:var(--lk)}
button.d{background:var(--dg);border-color:var(--dg);color:var(--bt)}
.filter{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.filter>div{flex:1;min-width:160px}.filter button{margin:0}
.act form{display:inline}.act button{margin:0 4px 0 0;padding:4px 10px;font-size:13px}.act a{margin-right:6px}
.err{background:var(--dgs);color:var(--dg);padding:10px 12px;border-radius:9px;margin:10px 0}

body.login{min-height:100vh;display:grid;place-items:center;padding:18px;background:radial-gradient(circle at 20% 15%,var(--hs),transparent 45%),radial-gradient(circle at 85% 85%,var(--ins),transparent 45%),var(--bg)}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:16px;padding:28px;width:min(380px,100%);box-shadow:var(--sh)}
.card .logo{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:700}
.card .logo svg{width:34px;height:34px}
.card .sub{color:var(--mu);margin:4px 0 8px}
.card button{width:100%}
.w0{width:0%}.h0{height:0%}
.w1{width:1%}.h1{height:1%}
.w2{width:2%}.h2{height:2%}
.w3{width:3%}.h3{height:3%}
.w4{width:4%}.h4{height:4%}
.w5{width:5%}.h5{height:5%}
.w6{width:6%}.h6{height:6%}
.w7{width:7%}.h7{height:7%}
.w8{width:8%}.h8{height:8%}
.w9{width:9%}.h9{height:9%}
.w10{width:10%}.h10{height:10%}
.w11{width:11%}.h11{height:11%}
.w12{width:12%}.h12{height:12%}
.w13{width:13%}.h13{height:13%}
.w14{width:14%}.h14{height:14%}
.w15{width:15%}.h15{height:15%}
.w16{width:16%}.h16{height:16%}
.w17{width:17%}.h17{height:17%}
.w18{width:18%}.h18{height:18%}
.w19{width:19%}.h19{height:19%}
.w20{width:20%}.h20{height:20%}
.w21{width:21%}.h21{height:21%}
.w22{width:22%}.h22{height:22%}
.w23{width:23%}.h23{height:23%}
.w24{width:24%}.h24{height:24%}
.w25{width:25%}.h25{height:25%}
.w26{width:26%}.h26{height:26%}
.w27{width:27%}.h27{height:27%}
.w28{width:28%}.h28{height:28%}
.w29{width:29%}.h29{height:29%}
.w30{width:30%}.h30{height:30%}
.w31{width:31%}.h31{height:31%}
.w32{width:32%}.h32{height:32%}
.w33{width:33%}.h33{height:33%}
.w34{width:34%}.h34{height:34%}
.w35{width:35%}.h35{height:35%}
.w36{width:36%}.h36{height:36%}
.w37{width:37%}.h37{height:37%}
.w38{width:38%}.h38{height:38%}
.w39{width:39%}.h39{height:39%}
.w40{width:40%}.h40{height:40%}
.w41{width:41%}.h41{height:41%}
.w42{width:42%}.h42{height:42%}
.w43{width:43%}.h43{height:43%}
.w44{width:44%}.h44{height:44%}
.w45{width:45%}.h45{height:45%}
.w46{width:46%}.h46{height:46%}
.w47{width:47%}.h47{height:47%}
.w48{width:48%}.h48{height:48%}
.w49{width:49%}.h49{height:49%}
.w50{width:50%}.h50{height:50%}
.w51{width:51%}.h51{height:51%}
.w52{width:52%}.h52{height:52%}
.w53{width:53%}.h53{height:53%}
.w54{width:54%}.h54{height:54%}
.w55{width:55%}.h55{height:55%}
.w56{width:56%}.h56{height:56%}
.w57{width:57%}.h57{height:57%}
.w58{width:58%}.h58{height:58%}
.w59{width:59%}.h59{height:59%}
.w60{width:60%}.h60{height:60%}
.w61{width:61%}.h61{height:61%}
.w62{width:62%}.h62{height:62%}
.w63{width:63%}.h63{height:63%}
.w64{width:64%}.h64{height:64%}
.w65{width:65%}.h65{height:65%}
.w66{width:66%}.h66{height:66%}
.w67{width:67%}.h67{height:67%}
.w68{width:68%}.h68{height:68%}
.w69{width:69%}.h69{height:69%}
.w70{width:70%}.h70{height:70%}
.w71{width:71%}.h71{height:71%}
.w72{width:72%}.h72{height:72%}
.w73{width:73%}.h73{height:73%}
.w74{width:74%}.h74{height:74%}
.w75{width:75%}.h75{height:75%}
.w76{width:76%}.h76{height:76%}
.w77{width:77%}.h77{height:77%}
.w78{width:78%}.h78{height:78%}
.w79{width:79%}.h79{height:79%}
.w80{width:80%}.h80{height:80%}
.w81{width:81%}.h81{height:81%}
.w82{width:82%}.h82{height:82%}
.w83{width:83%}.h83{height:83%}
.w84{width:84%}.h84{height:84%}
.w85{width:85%}.h85{height:85%}
.w86{width:86%}.h86{height:86%}
.w87{width:87%}.h87{height:87%}
.w88{width:88%}.h88{height:88%}
.w89{width:89%}.h89{height:89%}
.w90{width:90%}.h90{height:90%}
.w91{width:91%}.h91{height:91%}
.w92{width:92%}.h92{height:92%}
.w93{width:93%}.h93{height:93%}
.w94{width:94%}.h94{height:94%}
.w95{width:95%}.h95{height:95%}
.w96{width:96%}.h96{height:96%}
.w97{width:97%}.h97{height:97%}
.w98{width:98%}.h98{height:98%}
.w99{width:99%}.h99{height:99%}
.w100{width:100%}.h100{height:100%}
.info{background:var(--ins);color:var(--in);padding:10px 12px;border-radius:9px;margin:10px 0}
.card .alt{text-align:center;margin:14px 0 0;font-size:14px}
.act select{width:auto;margin:0 4px 0 0;padding:4px 8px}
.presets{font-size:14px;color:var(--mu);margin:-4px 0 12px}
.presets a{margin-right:14px}