header{position:sticky;top:0;z-index:20}.gs{width:280px;padding:7px 10px;border-radius:8px;border:1px solid var(--bd);background:var(--pn2);color:var(--tx);font:inherit}
.shell{display:flex;align-items:flex-start}#nav{width:220px;flex:none;position:sticky;top:60px;height:calc(100vh - 88px);overflow:auto;padding:14px 10px;border-right:1px solid var(--bd);background:var(--pn)}
#nav .grp{font-size:10.5px;text-transform:uppercase;letter-spacing:.7px;color:var(--mu);margin:12px 8px 4px}#nav button{display:block;width:100%;text-align:left;background:none;border:0;color:var(--tx);padding:6px 10px;border-radius:7px;cursor:pointer;font:inherit;font-size:13.5px;opacity:.85}
#nav button.on,#nav button:hover{background:var(--pn2);opacity:1}#nav button.on{color:var(--ac);font-weight:600}#nav .cnt{float:right;background:var(--wa);color:#111;border-radius:99px;font-size:10px;padding:0 6px}
main{flex:1;min-width:0}.tb{width:100%;border-collapse:collapse;font-size:13px}.tb th{text-align:left;color:var(--mu);font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.4px;padding:7px 8px;border-bottom:1px solid var(--bd);cursor:pointer;user-select:none;white-space:nowrap}
.tb td{padding:7px 8px;border-bottom:1px solid var(--bd);vertical-align:top}.tb tr.ck{cursor:pointer}.tb tr.ck:hover td,.tb tr.sel td{background:var(--pn2)}
.tbar{display:flex;gap:6px;align-items:center;margin-bottom:8px;flex-wrap:wrap}.tbar input,.inp,select.inp{padding:6px 9px;border:1px solid var(--bd);border-radius:7px;background:var(--pn2);color:var(--tx);font:inherit;font-size:13px}.tbar input{width:200px}
.tbar .btn{padding:3px 9px;font-size:12px}.tbar .btn.on{border-color:var(--ac);color:var(--ac)}
.lnk{color:var(--ac);cursor:pointer;text-decoration:none;border-bottom:1px dotted var(--ac)}.mu{color:var(--mu)}.r{text-align:right}
.pg>.grid{margin-bottom:14px}.c2e{grid-template-columns:1fr 1fr}.c13{grid-template-columns:1fr 2fr}.c31{grid-template-columns:2fr 1fr}
.pay{border-collapse:collapse;width:100%}.pay td,.pay th{border:1px solid var(--bd);padding:8px;text-align:center;font-size:13px}.pay td{cursor:pointer}.pay td.on{background:var(--ac);color:#fff;font-weight:700}.pay th{background:var(--pn2);color:var(--mu)}
.menu3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mc{border:1px solid var(--bd);border-radius:10px;padding:12px;cursor:pointer}.mc.on{border-color:var(--ac);box-shadow:0 0 0 2px var(--ac)}.mc ul{padding-left:16px;margin:6px 0;font-size:12.5px}.mc .pm{font-size:20px;font-weight:700}
.chk{display:flex;gap:8px;align-items:center;padding:5px 0;font-size:13px}.chk input{accent-color:var(--ac)}
.cal{display:grid;grid-template-columns:50px repeat(6,1fr);font-size:11.5px;border:1px solid var(--bd);border-radius:8px;overflow:hidden}.cal div{border-bottom:1px solid var(--bd);border-left:1px solid var(--bd);min-height:28px;padding:2px}.cal .hd{background:var(--pn2);font-weight:600;text-align:center}
.ap2{background:color-mix(in srgb,var(--ac) 15%,var(--pn));border-left:3px solid var(--ac);border-radius:4px;padding:2px 4px;margin:1px 0;cursor:pointer}
.tech{display:grid;grid-template-columns:90px 1fr;gap:6px;align-items:center;margin-bottom:6px;font-size:12px}.bar{position:relative;height:26px;background:var(--pn2);border-radius:6px}.bar span{position:absolute;top:2px;bottom:2px;border-radius:5px;color:#fff;font-size:11px;padding:4px 6px;overflow:hidden;white-space:nowrap}
.mpi{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:6px;margin-bottom:4px;font-size:13px}.mpi.red{background:color-mix(in srgb,var(--er) 15%,transparent)}.mpi.yellow{background:color-mix(in srgb,var(--wa) 18%,transparent)}.mpi.green{background:color-mix(in srgb,var(--ok) 12%,transparent)}
.lt{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.hb{display:flex;align-items:center;gap:8px;font-size:12.5px;margin:5px 0}.hb .b{height:16px;border-radius:4px;background:var(--ac)}.hb .lb{width:150px;color:var(--mu)}
.ph{height:70px;border-radius:8px;background:repeating-linear-gradient(135deg,var(--pn2),var(--pn2) 8px,var(--bd) 8px,var(--bd) 9px);display:grid;place-items:center;color:var(--mu);font-size:12px}
.prog{height:8px;background:var(--pn2);border-radius:99px;overflow:hidden}.prog i{display:block;height:100%;background:var(--ok)}
.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--bd)}.tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:8px 12px;color:var(--mu);cursor:pointer;font:inherit}.tabs button.on{color:var(--ac);border-color:var(--ac)}
.kb5{grid-template-columns:repeat(5,1fr)}.stat{font-size:22px;font-weight:700}.small{font-size:12px}
.fld{display:grid;grid-template-columns:140px 1fr;gap:8px;align-items:center;font-size:13px;margin-bottom:8px}
main{margin:0 auto!important}
