:root{--s2:#A9BBD0;--body:#E3EAF3;--segon:rgba(255,255,255,.85);--bg1:#16304F;--bg2:#102540;--card:#1D3A5E;--card2:#1A3557;--panel:#183252;--ink:#fff;--mut:#A9BBD0;--mut2:#8FA3BA;--acc:#4A93EC;--acc2:#2B7DE1;--ok:#3CCB8F;--bad:#FF7A7A;--warn:#F2B856;--div:rgba(169,187,208,.12);--sh:0 10px 30px rgba(4,14,30,.28)}
*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}
body{margin:0;transition:background .2s;font:400 13.5px/1.5 'DIN Pro',Barlow,system-ui,sans-serif;color:var(--ink);background:linear-gradient(160deg,var(--bg1),var(--bg2)) fixed;min-height:100vh}
.num,.big{font-variant-numeric:tabular-nums}.pop{font-family:Barlow,'DIN Pro',sans-serif}
.rail{position:fixed;inset:0 auto 0 0;width:76px;background:rgba(8,22,42,.35);display:flex;flex-direction:column;align-items:center;padding:22px 0;gap:8px;z-index:5}
.mk{font:600 10px Barlow,'DIN Pro',sans-serif;letter-spacing:.16em;color:var(--ink);margin-bottom:26px;opacity:.9}
.ri{width:76px;height:52px;display:grid;place-items:center;color:var(--mut2);position:relative}.ri svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.ri.on{color:var(--ink)}.ri.on:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--acc);box-shadow:0 0 12px var(--acc)}
.rail .end{margin-top:auto}
main{margin-left:76px;padding:0 32px 40px}
.top{height:72px;display:flex;align-items:center;gap:14px}
.bc{color:var(--mut);font-size:13px}.bc b{color:var(--ink);font-weight:500}.sp{flex:1}
h1{font:600 22px Barlow,'DIN Pro',sans-serif;letter-spacing:-.01em;margin:4px 0 2px}.sub{color:var(--mut);font-size:12.5px;margin:0}
.ex{display:inline-flex;align-items:center;gap:6px;font:600 10.5px Barlow;letter-spacing:.08em;color:var(--warn);background:rgba(245,184,90,.12);border-radius:999px;padding:3px 9px;margin-left:12px;vertical-align:middle}
.ex:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn)}
.card{background:var(--card);border-radius:16px;box-shadow:var(--sh)}.pad{padding:22px}
.lab{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
h2{font:600 16px Barlow,'DIN Pro',sans-serif;margin:40px 0 4px}h3{font:500 15px Barlow,'DIN Pro',sans-serif;margin:0}
.g{display:grid;gap:20px}.c4{grid-template-columns:repeat(4,1fr)}.c3{grid-template-columns:repeat(3,1fr)}.c2{grid-template-columns:1fr 1fr}
/* controls */
.seg{display:inline-flex;gap:4px;align-items:center}.seg span{padding:3px 9px;border-radius:7px;color:var(--mut);font-size:12px;font-weight:500}.seg .on{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--segon)}
.btn{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 16px;border-radius:9px;border:0;font:500 12.5px Barlow;color:#fff;cursor:pointer;white-space:nowrap}
.btn svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}
.bp{background:var(--acc);box-shadow:0 6px 18px rgba(43,125,225,.35)}.bs{background:rgba(255,255,255,.08);color:#fff}.bg{background:transparent;color:var(--mut)}.bd{background:rgba(255,107,107,.16);color:var(--bad)}
.sm{height:28px;padding:0 11px;font-size:12px;border-radius:8px}.lg{height:44px;padding:0 20px;font-size:14px;border-radius:11px}
.sel{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:9px;background:rgba(255,255,255,.06);color:var(--ink);font-weight:500;font-size:12.5px}
.sel svg{width:14px;height:14px;stroke:var(--mut);fill:none;stroke-width:1.8}
.av{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#4A93EC,#3CCB8F);display:grid;place-items:center;font:600 12px Barlow}
.inp{height:40px;border-radius:10px;background:rgba(6,18,36,.35);display:flex;align-items:center;gap:8px;padding:0 12px;color:var(--mut2);font-size:13px}.inp.f{box-shadow:0 0 0 1.5px var(--acc),0 0 0 5px rgba(43,125,225,.18);color:var(--ink)}
.inp svg{width:15px;height:15px;stroke:var(--mut2);fill:none;stroke-width:1.8}.fl{display:block;font-size:12px;color:var(--mut);margin:0 0 6px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.row+.row{margin-top:14px}
.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 12px;border-radius:999px;background:rgba(255,255,255,.07);font-size:12px;font-weight:500;color:#dfe1f5}.chip.on{background:rgba(43,125,225,.22);color:#fff;box-shadow:inset 0 0 0 1px rgba(43,125,225,.6)}.chip i{font-style:normal;color:var(--mut)}
.b{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:7px;font-size:11.5px;font-weight:500}.b:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.b-ok{background:rgba(61,220,151,.13);color:var(--ok)}.b-no{background:rgba(169,187,208,.12);color:var(--mut)}.b-bad{background:rgba(255,107,107,.14);color:var(--bad)}.b-warn{background:rgba(245,184,90,.14);color:var(--warn)}.b-acc{background:rgba(43,125,225,.2);color:#A8CBF5}
.tabs{display:flex;gap:22px;border-bottom:1px solid var(--div)}.tabs span{padding:9px 0;color:var(--mut);font-weight:500}.tabs .on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--acc)}
.call{display:inline-block;background:#0C1E36;border-radius:8px;padding:9px 12px;box-shadow:0 8px 20px rgba(0,0,0,.3);font-size:12px}.call b{display:flex;align-items:center;gap:8px;font-weight:600}.call b:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 0 3px rgba(255,107,107,.25)}.call span{color:var(--mut);padding-left:17px;display:block}
.pill2{background:rgba(43,125,225,.3)!important;color:#fff!important}.pill{display:inline-block;background:#fff;color:var(--acc2);font:600 11px Barlow;padding:3px 8px;border-radius:6px}
.tok{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.tk i{display:block;height:52px;border-radius:12px;margin-bottom:8px}.tk b{display:block;font-size:12px;font-weight:500}.tk span{font:11px ui-monospace,Menlo,monospace;color:var(--mut)}
.ts>div{display:flex;align-items:baseline;gap:16px;padding:8px 0;border-bottom:1px solid var(--div)}.ts>div:last-child{border:0}.ts code{width:118px;flex:none;font:11px ui-monospace,Menlo,monospace;color:var(--mut2);white-space:nowrap}
.empty{text-align:center;padding:26px 12px;border-radius:12px;border:1px dashed rgba(169,187,208,.3)}.empty .ic{width:42px;height:42px;margin:0 auto 10px;border-radius:12px;background:rgba(43,125,225,.18);display:grid;place-items:center}.empty .ic svg{width:20px;height:20px;stroke:#A8CBF5;fill:none;stroke-width:1.6}.empty p{color:var(--mut);margin:3px 0 14px;font-size:12.5px}
/* dashboard */
.dash{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}
.kp{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:20px}
.hero{background:linear-gradient(170deg,#2B7DE1,#1F6BC9);border-radius:16px;box-shadow:0 14px 34px rgba(31,107,201,.38);padding:22px 0 0;overflow:hidden}
.hero .big{font:600 34px Barlow,'DIN Pro',sans-serif;line-height:1;padding:0 22px}.hero .lab{color:#fff;padding:6px 22px 0}
.kc{padding:22px}.kc .big{font:500 30px Barlow,'DIN Pro',sans-serif;line-height:1}.kc .lab{margin-top:8px;font-size:10px}.kc .d{margin-top:22px;font-weight:600;font-size:13px}.up{color:var(--ok)}.dn{color:var(--bad)}
.ch-h{display:flex;align-items:center;gap:16px;padding:22px 22px 0}.ch-h small{display:flex;align-items:center;gap:6px;color:var(--mut);font-size:12px;margin-top:4px}
.panel{background:var(--panel);border-radius:18px;padding:24px 20px;box-shadow:var(--sh)}
.ph{display:flex;justify-content:space-between;align-items:center}.dots{color:var(--mut);font-size:18px;line-height:1;letter-spacing:-1px}
.st{background:var(--card);border-radius:14px;padding:16px 18px;display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;gap:10px;margin-top:14px}
.st .n{color:var(--mut);font-size:13px;line-height:1.35}.st .r{text-align:right}.st .r small{display:block;font-size:10px;color:var(--mut);letter-spacing:.08em;font-weight:600}.st .r b{font:600 24px Barlow,'DIN Pro',sans-serif}
.bt{padding:20px 22px}.bt .hd{display:flex;gap:12px;align-items:flex-start}.bt .ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.bt .ic svg{width:18px;height:18px;fill:none;stroke-width:1.8}
.bt .t{font:500 14px Barlow,'DIN Pro',sans-serif;margin-top:2px}.bt .v{margin-top:24px;font:600 26px Barlow,'DIN Pro',sans-serif}.bt .v small{font:400 12px Barlow;color:var(--mut);margin-left:4px}
.tiers{padding:16px 22px 22px}.tr{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;margin-bottom:12px}.tr .m{color:var(--mut);font-size:12.5px;font-weight:500}
.stk{display:flex;height:30px;border-radius:8px;overflow:hidden;gap:3px}.stk i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:11px;font-weight:600}
.tl{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px;font-size:12px;color:var(--mut)}.tl span{display:flex;gap:6px;align-items:center}.tl i{width:9px;height:9px;border-radius:3px;display:block}
.legend{display:flex;gap:14px;font-size:12px;color:var(--mut)}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:12px;height:2px;border-radius:2px;display:block}
table{width:100%;border-collapse:collapse}th{text-align:left;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--mut2);font-weight:600;padding:12px 22px;border-bottom:1px solid var(--div)}
td{padding:13px 22px;border-bottom:1px solid var(--div);color:var(--body);font-variant-numeric:tabular-nums}tr:last-child td{border:0}.rr{text-align:right}
.ua{display:flex;align-items:center;gap:11px}.ua i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:10.5px;font-weight:600;background:rgba(43,125,225,.22);color:#C2DAF7}.ua small{display:block;color:var(--mut2);font-size:11px}
.sc{display:flex;align-items:center;gap:10px}.sc .bar{width:84px;height:5px;border-radius:3px;background:rgba(169,187,208,.15);overflow:hidden}.sc .bar i{display:block;height:100%;border-radius:3px}
.foot{display:flex;justify-content:space-between;padding:13px 22px;color:var(--mut2);font-size:12px;border-top:1px solid var(--div)}
@media(max-width:1200px){.dash{grid-template-columns:1fr}.kp,.c4{grid-template-columns:1fr 1fr}.c3{grid-template-columns:1fr}.tok{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.kp,.c2,.c4{grid-template-columns:1fr}.rail{display:none}main{margin-left:0;padding:0 16px}.top .sel,.top .seg{display:none}}
.thn:after{content:'tema oscuro'}[data-theme=light] .thn:after{content:'tema claro'}.tt{width:36px;height:36px;border-radius:9px;border:0;background:rgba(255,255,255,.06);display:grid;place-items:center;cursor:pointer;color:var(--ink)}.tt svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}.tt .moon{display:none}
[data-theme=light] .tt .sun{display:none}[data-theme=light] .tt .moon{display:block}
[data-theme=light]{--s2:#768693;--bg1:#F3F6FA;--bg2:#EDF1F7;--card:#fff;--card2:#fff;--panel:#F8FAFD;--ink:#13283F;--body:#2A3D52;--mut:#5E6E80;--mut2:#5E6E80;--acc:#1F6BC9;--acc2:#2B7DE1;--ok:#13865A;--bad:#D63C42;--warn:#A9741A;--div:#E6EBF2;--segon:#1F6BC9;--sh:0 1px 2px rgba(19,40,63,.05),0 8px 24px rgba(31,80,140,.08)}
[data-theme=light] .rail{background:#fff;box-shadow:1px 0 0 #E6EBF2}
[data-theme=light] .ri{color:#8796A6}[data-theme=light] .ri.on{color:#1F6BC9}
[data-theme=light] .panel{box-shadow:0 0 0 1px #E9EEF4,var(--sh)}
[data-theme=light] .sel,[data-theme=light] .tt,[data-theme=light] .bs{background:#fff;box-shadow:0 0 0 1px #DFE5EE;color:var(--ink)}
[data-theme=light] .inp{background:#F5F8FB;box-shadow:inset 0 0 0 1px #DFE5EE;color:#5E6E80}[data-theme=light] .inp.f{background:#fff;box-shadow:0 0 0 1.5px #1F6BC9,0 0 0 5px rgba(31,107,201,.14)}
[data-theme=light] .chip{background:#EFF3F8;color:#2A3D52}[data-theme=light] .chip.on{background:#E7F0FC;color:#185AAE;box-shadow:inset 0 0 0 1px #BED6F5}
[data-theme=light] .b-ok{background:#E3F6EE;color:#14774F}[data-theme=light] .b-bad{background:#FDECEC;color:#B9262C}[data-theme=light] .b-warn{background:#FBF1DF;color:#8A5B0E}[data-theme=light] .b-no{background:#EEF1F5;color:#4F5F71}[data-theme=light] .b-acc{background:#E7F0FC;color:#185AAE}
[data-theme=light] .bd{background:#FDECEC;color:#B9262C}[data-theme=light] .bg{color:#4F5F71}
[data-theme=light] .bp{background:#1F6BC9;box-shadow:0 6px 16px rgba(31,107,201,.3)}
[data-theme=light] .ex{background:#FBF1DF;color:#8A5B0E}[data-theme=light] .ex:before{background:#D99A2B}
[data-theme=light] .call{background:#fff;box-shadow:0 0 0 1px #E6EBF2,0 10px 24px rgba(19,40,63,.12);color:var(--ink)}
[data-theme=light] .empty{border-color:#D3DCE7}[data-theme=light] .empty .ic{background:#E7F0FC}[data-theme=light] .empty .ic svg{stroke:#1F6BC9}
[data-theme=light] .ua i{background:#E7F0FC;color:#185AAE}[data-theme=light] .sc .bar{background:#E9EEF4}
[data-theme=light] .st{background:#fff;box-shadow:0 0 0 1px #E9EEF4,0 4px 12px rgba(31,80,140,.06)}
[data-theme=light] .pill{background:#E7F0FC;color:#185AAE}[data-theme=light] .pill2{background:#E7F0FC!important;color:#185AAE!important}
[data-theme=light] .tk i{box-shadow:inset 0 0 0 1px rgba(19,40,63,.08)!important}
[data-theme=light] .bt .ic svg[stroke="#A8CBF5"]{stroke:#1F6BC9}[data-theme=light] .bt .ic svg[stroke="#3CCB8F"]{stroke:#1A9A66}[data-theme=light] .bt .ic svg[stroke="#FF7A7A"]{stroke:#D63C42}
[data-theme=light] .tk.swd{display:none}[data-theme=light] .tk.swl{display:block}.tk.swl{display:none}
.mk img{width:56px;display:block}.lgl{display:none!important}[data-theme=light] .lgl{display:block!important}[data-theme=light] .lgd{display:none!important}.mk{margin-top:2px}
.bp{background:#1F6BC9!important}

html{scroll-behavior:smooth;scroll-padding-top:120px}
.snav{position:sticky;top:0;z-index:6;margin:0 -32px;padding:12px 32px;background:linear-gradient(180deg,var(--bg1) 70%,transparent);display:flex;gap:6px;flex-wrap:wrap}
[data-theme=light] .snav{background:linear-gradient(180deg,var(--bg1) 70%,rgba(243,246,250,0))}
.snav a{text-decoration:none;font-size:11.5px;font-weight:500;color:var(--mut);padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.05);white-space:nowrap}
[data-theme=light] .snav a{background:#fff;box-shadow:0 0 0 1px #DFE5EE}
.snav a b{color:var(--acc);font-weight:600;margin-right:4px}.snav a.on{color:#fff;background:#1F6BC9!important;box-shadow:none}.snav a.on b{color:#fff}
.sec{padding-top:36px}.sec>h2{display:flex;align-items:baseline;gap:12px;margin:0 0 4px}.sec>h2 .no{font:600 13px Barlow;color:var(--acc);letter-spacing:.08em}
.sec>p.sub{margin-bottom:18px}
.cc{background:var(--card);border-radius:16px;box-shadow:var(--sh);padding:20px 22px;min-width:0}
.cc>.hd{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.cc>.hd h3{font-size:14.5px}.cc>.hd p{margin:2px 0 0;color:var(--mut);font-size:12px;line-height:1.45}
.ch240{height:240px}.ch260{height:260px}.ch300{height:300px}.ch200{height:200px}
.c5{grid-template-columns:repeat(5,1fr)}.c32{grid-template-columns:2fr 1fr}.c23{grid-template-columns:1fr 2fr}
/* kpi variants */
.kx{padding:20px 22px}.kx .big{font:500 30px Barlow;line-height:1}.kx .lab{margin-top:8px;font-size:10px}
.kcomp{display:flex;align-items:center;gap:12px;padding:14px 16px}.kcomp .ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(43,125,225,.18)}.kcomp .ic svg{width:18px;height:18px;stroke:var(--acc);fill:none;stroke-width:1.8}
.kcomp .v{font:600 20px Barlow;line-height:1.1}.kcomp .l{font-size:11.5px;color:var(--mut)}
.trg{height:6px;border-radius:3px;background:var(--trk);position:relative;margin-top:16px}.trg i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:var(--acc)}.trg u{position:absolute;top:-4px;width:2px;height:14px;background:var(--ink);border-radius:1px}
.trgl{display:flex;justify-content:space-between;font-size:11px;color:var(--mut);margin-top:8px}
:root{--trk:rgba(169,187,208,.15)}[data-theme=light]{--trk:#E9EEF4}
/* deltas */
.dl{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 9px;border-radius:7px;font-weight:600;font-size:12.5px;font-variant-numeric:tabular-nums}
.dl.g{background:rgba(60,203,143,.13);color:var(--ok)}.dl.r{background:rgba(255,122,122,.14);color:var(--bad)}.dl.n{background:rgba(169,187,208,.12);color:var(--mut)}
[data-theme=light] .dl.g{background:#E3F6EE;color:#14774F}[data-theme=light] .dl.r{background:#FDECEC;color:#B9262C}[data-theme=light] .dl.n{background:#EEF1F5;color:#4F5F71}
.dtab td,.dtab th{padding:10px 12px}.dtab td:first-child,.dtab th:first-child{padding-left:0}
/* progress */
.pb{height:8px;border-radius:4px;background:var(--trk);overflow:hidden}.pb i{display:block;height:100%;border-radius:4px;background:var(--acc)}
.pbl{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:7px}.pbl span{color:var(--mut)}.pbl b{font-weight:600;font-variant-numeric:tabular-nums}
.pseg{display:flex;gap:4px}.pseg i{flex:1;height:8px;border-radius:3px;background:var(--trk)}.pseg i.f{background:var(--acc)}
.pmul{display:flex;height:10px;border-radius:5px;overflow:hidden;gap:2px}
/* bullet */
.bul{display:grid;grid-template-columns:150px 1fr 64px;gap:14px;align-items:center;margin-bottom:16px}.bul .n{font-weight:500}.bul .n small{display:block;color:var(--mut);font-size:11px;font-weight:400}
.bul .btr{position:relative;height:22px;border-radius:5px;overflow:hidden;display:flex}.bul .btr span{height:100%}
.bul .act{position:absolute;left:0;top:7px;height:8px;border-radius:2px;background:var(--acc)}.bul .tgt{position:absolute;top:2px;width:3px;height:18px;background:var(--ink);border-radius:1px}
.bul .v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
/* timeline */
.tln{position:relative;padding-left:26px}.tln:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;background:var(--div)}
.tln .ev{position:relative;padding-bottom:18px}.tln .ev:last-child{padding:0}.tln .ev:before{content:"";position:absolute;left:-23px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--card);box-shadow:inset 0 0 0 3px var(--c,var(--acc))}
.tln .ev b{display:block;font-weight:600}.tln .ev small{color:var(--mut);font-size:12px}.tln .ev time{float:right;font-size:11.5px;color:var(--mut);font-variant-numeric:tabular-nums}
/* lists */
.rl .it{display:grid;grid-template-columns:22px 1fr 60px 58px;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--div)}.rl .it:last-child{border:0}
.rl .n{color:var(--mut2);font-size:12px}.rl .nm{font-weight:500;margin-bottom:5px}.rl .v{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.rl .d{text-align:right;font-size:12px;font-weight:600}
/* table */
.tbar{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ck{width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1.5px var(--mut2);display:inline-grid;place-items:center;vertical-align:middle}.ck.on{background:#1F6BC9;box-shadow:none}.ck.on:after{content:"";width:8px;height:4px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.ck.mid{background:#1F6BC9;box-shadow:none}.ck.mid:after{content:"";width:8px;height:2px;background:#fff;border-radius:1px}
th .so{display:inline-flex;align-items:center;gap:4px;cursor:pointer}th .so svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:2.4}th.act{color:var(--ink)}
tr.rsel td{background:rgba(43,125,225,.08)}[data-theme=light] tr.rsel td{background:#F1F6FD}
.compact td{padding-top:7px;padding-bottom:7px}
.pg{display:flex;align-items:center;gap:4px}.pg span{min-width:28px;height:28px;border-radius:7px;display:grid;place-items:center;font-size:12px;color:var(--mut);font-variant-numeric:tabular-nums}.pg .on{background:#1F6BC9;color:#fff}
/* filters/date */
.fpanel{border-radius:12px;padding:16px;background:rgba(6,18,36,.25)}[data-theme=light] .fpanel{background:#F5F8FB;box-shadow:inset 0 0 0 1px #DFE5EE}
.ms{display:flex;flex-wrap:wrap;gap:6px;align-items:center;min-height:40px;border-radius:10px;padding:6px 10px;background:rgba(6,18,36,.35)}[data-theme=light] .ms{background:#F5F8FB;box-shadow:inset 0 0 0 1px #DFE5EE}
.ms .tag{display:inline-flex;gap:6px;align-items:center;height:24px;padding:0 8px;border-radius:6px;background:rgba(43,125,225,.22);font-size:12px;font-weight:500}[data-theme=light] .ms .tag{background:#E7F0FC;color:#185AAE}
.opt{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;font-size:13px}.opt:hover,.opt.h{background:rgba(255,255,255,.05)}[data-theme=light] .opt.h{background:#F1F6FD}.opt small{margin-left:auto;color:var(--mut);font-variant-numeric:tabular-nums}
.pop{border-radius:14px;padding:14px;background:var(--card);box-shadow:0 18px 40px rgba(4,14,30,.45),0 0 0 1px var(--div)}[data-theme=light] .pop{box-shadow:0 18px 40px rgba(19,40,63,.14),0 0 0 1px #E6EBF2}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.cal b{font-size:10.5px;color:var(--mut2);font-weight:600;padding:4px 0}
.cal span{height:30px;display:grid;place-items:center;border-radius:7px}.cal .o{color:var(--mut2);opacity:.5}.cal .r{background:rgba(43,125,225,.2);border-radius:0}.cal .s{background:#1F6BC9;color:#fff}.cal .t{box-shadow:inset 0 0 0 1px var(--acc)}
[data-theme=light] .cal .r{background:#E7F0FC}
.pre{display:flex;flex-direction:column;gap:2px;font-size:12.5px}.pre span{padding:7px 10px;border-radius:7px;color:var(--body)}.pre .on{background:rgba(43,125,225,.2);color:var(--ink);font-weight:500}[data-theme=light] .pre .on{background:#E7F0FC;color:#185AAE}
/* freshness */
.fr{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:rgba(6,18,36,.25)}[data-theme=light] .fr{background:#F5F8FB}
.live{width:9px;height:9px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(60,203,143,.2)}
.fr b{font-weight:600}.fr small{display:block;color:var(--mut);font-size:11.5px}.fr.st{background:rgba(242,184,86,.1);box-shadow:inset 0 0 0 1px rgba(242,184,86,.35)}[data-theme=light] .fr.st{background:#FBF1DF;box-shadow:inset 0 0 0 1px #F0D49A}
/* export */
.menu{width:240px;border-radius:12px;padding:6px}.menu .opt svg{width:15px;height:15px;stroke:var(--mut);fill:none;stroke-width:1.8}.menu hr{border:0;border-top:1px solid var(--div);margin:6px 0}
.kbd{font-size:10.5px;color:var(--mut2);border:1px solid var(--div);border-radius:4px;padding:0 4px;margin-left:auto}
/* states */
.sk{border-radius:8px;background:linear-gradient(90deg,rgba(169,187,208,.1) 25%,rgba(169,187,208,.2) 50%,rgba(169,187,208,.1) 75%);background-size:200% 100%;animation:sh 1.4s infinite}
[data-theme=light] .sk{background:linear-gradient(90deg,#EDF1F6 25%,#F6F8FB 50%,#EDF1F6 75%);background-size:200% 100%}
@keyframes sh{to{background-position:-200% 0}}
.err{text-align:center;padding:26px 12px;border-radius:12px;background:rgba(255,122,122,.07);box-shadow:inset 0 0 0 1px rgba(255,122,122,.3)}[data-theme=light] .err{background:#FDF3F3;box-shadow:inset 0 0 0 1px #F5C6C8}
.err .ic{width:42px;height:42px;margin:0 auto 10px;border-radius:12px;background:rgba(255,122,122,.16);display:grid;place-items:center}.err .ic svg{width:20px;height:20px;stroke:var(--bad);fill:none;stroke-width:1.8}.err p{color:var(--mut);margin:3px 0 14px;font-size:12.5px}
.drb{display:flex;align-items:center;gap:6px;font-size:13px;flex-wrap:wrap}.drb a{color:var(--acc);text-decoration:none;cursor:pointer;font-weight:500}.drb span{color:var(--mut2)}.drb b{font-weight:600}
.note{font-size:11.5px;color:var(--mut);margin-top:10px;display:flex;gap:6px;align-items:center}
.wl{display:flex;gap:2px;align-items:center;height:28px}.wl i{width:6px;border-radius:1px}
@media(max-width:1200px){.c5{grid-template-columns:repeat(3,1fr)}.c32,.c23{grid-template-columns:1fr}}