:root{
  --ff:Inter,"Segoe UI",Arial,sans-serif;--bg:#101416;--card:#191f22;--card2:#1b2225;--card3:#253035;
  --tx:#f5f6ef;--mut:#afbbba;--mut2:#93a09f;--line:#303a3e;--line2:#455156;
  --acc:#c6ed86;--acc2:#e2f6b5;--grad:linear-gradient(110deg,#bddf8c,#d5efac);--sh:none
}
body{background:var(--bg);font-size:14px}header{background:#13191bf2}
.hd{padding:14px 28px}.brand img{height:34px}.bt{letter-spacing:0;color:white;font-size:16px;text-transform:none}
.bt b{font-size:11px;letter-spacing:.01em;color:var(--mut);background:none;font-weight:500}
.chip{border-radius:6px}.chip.who{color:#e6ecd8;border-color:#46523e;background:#263125}
button,.btn{border-radius:8px}button:hover,.btn:hover{background:#293630;border-color:#798e71}
button.pri,.tab.on,.seg button.on{background:#c5e895;color:#1c2815;box-shadow:none}
button:focus-visible,a:focus-visible{outline:3px solid #87b960;outline-offset:3px}
input:focus,select:focus,textarea:focus{border-color:#9ab97c;box-shadow:0 0 0 3px #80a76c30}
select option,th,dialog,.drawer,.toast{background:#20282b}
.card,.kpi,.tile{background:var(--card);border-radius:14px}.kpi:before{display:none}
.kpi{border-top:2px solid #839d72}.kpi .v,.tile .n{font-variant-numeric:tabular-nums;letter-spacing:-.05em}
.tile.on{border-color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}tbody tr:hover td{background:#ffffff08}
.tw{border-radius:10px}.tile .l{letter-spacing:.05em}.brand,.hr{gap:10px}#btnOut{color:#f4f6ee;border-color:#718077}
main{max-width:1500px}.login{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;padding:0;max-width:1000px;margin:clamp(30px,9vh,100px) auto;border-radius:22px;background:#f6f6ee;color:#19241e;border:0}
.cover{min-height:484px;background:#223d32;position:relative;isolation:isolate;overflow:hidden;padding:36px;display:flex;flex-direction:column;justify-content:space-between}
.cover-top img{width:92px}.cover-title p{font-size:13px;color:#deebce;font-weight:600}
.cover-title h1{color:#f5f6e9;font-size:clamp(64px,7.5vw,110px);line-height:.87;letter-spacing:-.08em;margin:0;font-weight:550}.cover-title em{font-family:Georgia,serif;font-weight:400;color:#d2f4a6}
.orbit{position:absolute;inset:0;z-index:-1;overflow:hidden}.orbit i{position:absolute;left:79%;top:28%;width:calc(65px + var(--n)*32px);height:calc(155px + var(--n)*33px);border:1.3px solid #b5db97a8;border-radius:43% 57% 53% 47%;transform:translate(-50%,-50%) rotate(39deg)}.cover-title{width:fit-content;text-shadow:0 2px 18px #193228}
.signin{padding:clamp(28px,4vw,56px);align-self:center}.signin h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.06em;font-weight:650}
.intro{color:#536056;margin:6px 0 28px;font-size:14px}.signin label{color:#38463b;text-transform:none;letter-spacing:0;font-size:13px}
.signin select,.signin input{background:#fff;color:#1a251e;border:1px solid #b9c3b7;border-radius:8px;min-height:44px}
.signin select option{color:#1a251e;background:white}.signin .grow{flex:1}.signin button{min-height:43px;justify-content:center}
.signin #lGo{background:#233f32;color:white;justify-content:space-between}.signin #lSet{border-color:#b9c3b7;color:#263d30;background:transparent}
#lHint{color:#536056}.signin .err{color:#a12525}
#app{display:grid;grid-template-columns:155px minmax(0,1fr);gap:24px}.tabs{position:sticky;top:90px;align-self:start;display:grid;gap:5px;overflow:visible}.tab{display:block;text-align:left;border-radius:7px}
.tab.on{background:#2f3e31;color:#d6f5ad;border-color:#4d604a;box-shadow:none}.workpane{min-width:0}#pageTitle{font-size:clamp(28px,3vw,40px);letter-spacing:-.055em;line-height:1.1;margin:6px 0 24px}
@media(max-width:1050px){#app{display:block}.tabs{position:static;display:flex;overflow-x:auto}.tab{flex:none}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.hd{padding:10px 14px;gap:8px}.hr{gap:6px}.hr>*{font-size:11px;padding:6px 9px}.login{display:block;margin:12px auto;max-width:500px}.cover{min-height:176px;padding:22px}.cover-top{display:none}.cover-title h1{font-size:65px}.cover-title h1 br{display:none}.cover-title p{margin:0 0 10px}.cover{justify-content:flex-end}.signin{padding:26px}.intro{margin-bottom:20px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs{gap:2px}.tab{padding:9px 10px}.bt{display:block}}
:root{--bg:#100f20;--tx:#f6f3ff;--mut:#c1bdd3;--mut2:#b5aec8;--acc:#c8baff;--acc2:#d3c6fc;--line:#ffffff26;--line2:#ffffff42;--grad:linear-gradient(115deg,#c1aaff,#aabafb);--sh:0 14px 40px #07061840}
body{min-height:100vh;background:radial-gradient(ellipse at 6% 30%,#40305b 0,transparent 46%),radial-gradient(ellipse at 96% 22%,#25374c 0,transparent 46%),#151322;background-attachment:fixed}
header{background:#161424ce;backdrop-filter:blur(24px)}.card,.kpi,.tile,.tabs,.kv>div{background:linear-gradient(135deg,#ffffff10,#ffffff06);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff12,0 10px 28px #0b081e24;backdrop-filter:blur(16px)}
.tabs{padding:8px;border-radius:15px}.tab.on{background:#bb9aff26;border-color:#c9b5ff59;color:#f3eaff}.tile.on{box-shadow:inset 0 0 0 1px #c1acee}.kpi:first-child{background:linear-gradient(120deg,#9c7aff3b,#98c6ff15)}.kpi .v{color:#faf7ff}
.login{padding:0;background:linear-gradient(145deg,#30293ce8,#211e30eb);color:var(--tx);box-shadow:0 26px 100px #06061366;grid-template-columns:.95fr 1.05fr}.cover{background:radial-gradient(ellipse at 100% 0%,#9278ba,transparent 65%),linear-gradient(145deg,#433658,#413251 55%,#282437)}.orbit i{border-color:#f2d9ff66}.cover-title em{color:#ead5fc}.cover-title p,.cover-title h1{color:#f8f1ff}.signin label{color:#ded9ed}.intro,#lHint{color:#c7bed9}.signin input,.signin select{background:#19162395;border:1px solid #bca9da55;color:white}.signin select option{background:#211f2d;color:white}.signin #lGo,button.pri,.seg button.on{background:#d0bcfc;color:#271b37}.signin #lSet{border-color:#8a7b9a;color:#e8ddf8}.signin .err{color:#ffa4ab}.signin button:disabled{opacity:.45}.drawer,dialog,.toast,th,select option{background:#262235}.chip.who,.chip.live{background:#9a86d420;border-color:#b197cf6b;color:#e7d6ff}.chip.who{font-weight:650}.workpane dl{display:grid;grid-template-columns:1fr 1fr;gap:14px}.workpane dt{color:var(--mut)}.workpane dd{margin:0}.heat td.h3{background:#239a6855}.heat td.h1{background:#aa515455}.heat td.h2{background:#aa803f55}
@media(max-width:760px){.login{display:block}.tabs{padding:5px}.signin .row{align-items:stretch}.signin #lGo{min-width:95px}.grid,.kpis{min-width:0}.row>.kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
