:root{--top: #1d252c;--top-text: #e3e8eb;--top-mut: #93a1a9;--top-line: #3a4750;--side: #f3f4f5;--side-line: #d5d9dc;--bg: #e9ebed;--card: #ffffff;--panel: #ffffff;--head: #f0f2f3;--line: #cfd4d8;--line2: #e3e6e8;--text: #1b2328;--mut: #5f6b72;--mut2: #8a959b;--sel: #dbe8f3;--hover: #f0f4f7;--brand: #2f6690;--brand-dark: #244f70;--acc: #2f6690;--acc-dark: #244f70;--green: #2e7d4f;--amber: #a8641a;--red: #b03a32;--sidebar: #1d252c;--r: 2px;--font: "Segoe UI", Tahoma, Arial, sans-serif;--mono: Consolas, "Courier New", monospace;--side-panel: 400px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font);font-size:13px;line-height:1.4;color:var(--text);background:var(--bg)}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:12.5px;color:var(--text)}a{color:var(--acc)}.app{height:100vh;display:flex;flex-direction:column}.top{height:38px;flex:0 0 auto;background:var(--top);color:var(--top-text);display:flex;align-items:center;gap:14px;padding:0 12px}.top .logo{font-weight:700;letter-spacing:.5px;font-size:14px;color:var(--top-text)}.top .logo b{color:#7fb2d9;font-weight:700}.top .vsep{width:1px;height:18px;background:var(--top-line)}.top .org{font-weight:600}.top .sp{flex:1}.lang-sw{display:flex}.lang-sw button{padding:3px 7px;border:1px solid var(--top-line);background:transparent;color:var(--top-mut);font-size:11px;border-radius:0}.lang-sw button+button{border-left:0}.lang-sw button.on{background:var(--top-line);color:#fff}.logout{background:#27323a;border:1px solid var(--top-line);color:var(--top-text);font-size:12px;padding:3px 10px;border-radius:var(--r)}.logout:hover{border-color:#5b6b75}.body{flex:1;display:flex;min-height:0}.sidebar{width:200px;flex:0 0 auto;background:var(--side);border-right:1px solid var(--side-line);overflow-y:auto;display:flex;flex-direction:column}.grp{padding:10px 12px 4px;font-size:10.5px;font-weight:700;color:var(--mut);letter-spacing:.6px;text-transform:uppercase}.nav{display:flex;flex-direction:column}.nav a{display:block;padding:5px 12px 5px 16px;color:var(--text);text-decoration:none;border-left:3px solid transparent}.nav a:hover{background:#e6e9eb}.nav a.on{background:#fff;border-left-color:var(--acc);font-weight:600}.side-foot{margin-top:auto;padding:10px 12px;font-size:11.5px;color:var(--mut);border-top:1px solid var(--side-line)}.main{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0}.content{flex:1;overflow:auto;min-height:0}.content.with-side{padding-right:var(--side-panel)}.crumb{padding:7px 14px 0;font-size:11.5px;color:var(--mut)}.status{height:24px;flex:0 0 auto;background:#dfe3e6;border-top:1px solid var(--line);display:flex;align-items:center;font-size:11.5px;color:#3b464c}.status>div{padding:0 12px;border-right:1px solid var(--line);height:100%;display:flex;align-items:center}.status .sp{flex:1;border:0}.page-head{display:block;margin:0}.page-head h1{margin:0;padding:2px 14px 8px;font-size:16px;font-weight:600}.page-head h1 small{font-size:12px;font-weight:400;color:var(--mut);margin-left:8px}.page-head>.head-actions,.page-head>.period,.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 14px;background:var(--head);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 12px}.toolbar .sp,.head-actions .sp,.period .sp{flex:1}.gap{width:10px}.btn,.btn-primary,.chip,.tab-btn{background:linear-gradient(#fff,#eef0f2);border:1px solid #b9c0c5;color:var(--text);font-size:12.5px;padding:4px 11px;border-radius:var(--r);white-space:nowrap;line-height:1.4}.btn:hover,.chip:hover{border-color:#8f99a0}.btn.primary,.btn-primary{background:linear-gradient(#3a77a6,var(--acc));border-color:var(--acc-dark);color:#fff;font-weight:400}.btn.primary:hover,.btn-primary:hover{background:linear-gradient(#3370a0,var(--acc-dark))}.btn.danger{color:var(--red)}.btn.danger:hover{border-color:var(--red)}.btn:disabled,.btn-primary:disabled{opacity:.5;cursor:default}.btn-primary.wide{width:100%;padding:6px 12px;font-size:13px}.chip.on{background:#d3e2ef;border-color:var(--acc);font-weight:600;color:var(--text)}.icon-btn,.del{background:none;border:1px solid transparent;color:var(--mut2);font-size:13px;padding:1px 6px;border-radius:var(--r)}.icon-btn:hover{border-color:var(--line);color:var(--text)}.del:hover{color:var(--red);border-color:var(--line)}input,select,textarea{border:1px solid #b9c0c5;background:#fff;padding:3px 7px;border-radius:var(--r)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--acc);box-shadow:0 0 0 1px var(--acc)}input:disabled,select:disabled{background:#f3f4f5;color:var(--mut)}input[type=number]::-webkit-inner-spin-button{opacity:.5}.search{width:200px}.period input[type=date]{padding:3px 5px}.fld{display:grid;grid-template-columns:120px 1fr;gap:6px;align-items:center;margin:0 0 6px}.fld>span{color:var(--mut);font-size:12px}.fld input,.fld select,.fld textarea{width:100%}.fld textarea{resize:vertical;font-family:inherit}.row2,.row3{display:grid;gap:0 10px}.row2{grid-template-columns:1fr 1fr}.row3{grid-template-columns:1fr 1fr 1fr}.row2 .fld,.row3 .fld{grid-template-columns:1fr;gap:2px}.panel{background:var(--panel);border:1px solid var(--line);margin:0 14px 12px;min-width:0}.panel.pad{padding:0}.phead,.phead-line{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--head);border-bottom:1px solid var(--line);padding:5px 10px;min-height:30px}.phead .t,.phead-line .t{font-weight:600;font-size:13px}.panel.pad>:not(.phead-line):not(table):not(.kpis){margin-left:10px;margin-right:10px}table{border-collapse:collapse;width:100%;font-size:12.5px}th{position:sticky;top:0;z-index:1;background:var(--head);text-align:left;font-weight:600;color:#3b464c;padding:5px 8px;border-bottom:1px solid var(--line);border-right:1px solid var(--line2);white-space:nowrap;font-size:12px;text-transform:none;letter-spacing:0}td{padding:4px 8px;border-bottom:1px solid var(--line2);border-right:1px solid var(--line2);vertical-align:middle}th:last-child,td:last-child{border-right:0}tbody tr:nth-child(2n) td{background:#fafbfb}tbody tr:hover td{background:var(--hover)}tbody tr.sel td{background:var(--sel)}tr.total td,table.list tr.total td{font-weight:600;background:var(--head)!important}.num,.r,th.num,td.num,table.list th.num,table.list td.num{text-align:right;font-variant-numeric:tabular-nums}.b{font-weight:600}table.list td.nm{cursor:pointer;color:var(--text)}table.list td.nm:hover{color:var(--acc);text-decoration:underline}table.items td{padding:2px 4px}table.items input,table.items select{width:100%}.mut,.muted{color:var(--mut)}.small{font-size:11.5px}.empty{text-align:center;color:var(--mut2);padding:14px}.muted{padding:8px 14px}.pill{display:inline-flex;align-items:center;gap:6px;padding:0;background:none;border:0;font-size:12.5px;color:var(--text);white-space:nowrap}.pill:before{content:"";width:8px;height:8px;border-radius:50%;background:#9aa4aa;flex:0 0 auto}.pill.ok:before,.pill.good:before{background:var(--green)}.pill.low:before{background:var(--amber)}.pill.low{color:var(--amber)}.pill.crit:before{background:var(--red)}.pill.crit{color:var(--red)}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#9aa4aa}.dot.on{background:var(--green)}.cat-badge{display:inline-block;font-size:11.5px;color:var(--mut);border:1px solid var(--line2);padding:0 5px;border-radius:var(--r)}.dep{display:inline-flex;align-items:center;gap:6px;font-size:12.5px}.dep:before{content:"";width:8px;height:8px;border-radius:50%;background:#9aa4aa}.dep.kit:before{background:var(--amber)}.dep.bar:before{background:var(--acc)}.bar{height:6px;background:var(--line2);border-radius:0;min-width:60px}.bar>div{height:100%;background:var(--acc)}.kpis,.pnl{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:0 0 12px;gap:0}.kpi{padding:8px 12px;border-right:1px solid var(--line2);background:var(--panel);border-radius:0;box-shadow:none}.kpi:last-child{border-right:0}.kpi .lbl{font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.4px}.kpi .val{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.kpi .sub{font-size:11.5px;color:var(--mut)}.panel .kpis{margin:8px 0 0;border-bottom:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}.grid2>*{min-width:0}.grid2>div:first-child .panel{margin-right:6px}.grid2>div:last-child .panel{margin-left:6px}.grid2>.panel:first-child{margin-right:6px}.grid2>.panel:last-child{margin-left:6px}.layout{display:flex;gap:0;margin:0 14px 12px;border:1px solid var(--line);background:var(--panel);min-height:300px}.layout>.panel{margin:0;border:0;border-left:1px solid var(--line);flex:1}.cats{width:190px;flex:0 0 auto;background:var(--panel);overflow-y:auto}.cat{display:flex;justify-content:space-between;padding:5px 10px;border-bottom:1px solid var(--line2);cursor:pointer}.cat:hover{background:var(--hover)}.cat.on{background:var(--sel);font-weight:600}.cat span{color:var(--mut);font-weight:400}.tabs{display:flex;align-items:center;background:var(--head);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 14px;margin:0 0 12px;gap:0}.tab{padding:6px 14px;cursor:pointer;border:1px solid transparent;border-bottom:0;margin-bottom:-1px;color:var(--mut);background:transparent;font-size:12.5px;border-radius:0}.tab.on{background:var(--panel);border-color:var(--line);color:var(--text);font-weight:600}.tabs .search{margin-left:auto}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px 14px;background:var(--head);border-bottom:1px solid var(--line);margin:-1px 0 12px}.filters select{max-width:220px}.bulkbar{display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--acc);background:#eef4f9;margin-left:auto}.add-card{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 14px;background:var(--head);border-bottom:1px solid var(--line);margin:-1px 0 12px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f141773;display:flex;align-items:center;justify-content:center;z-index:50;padding:20px}.mcard{width:460px;max-width:100%;max-height:100%;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:0;box-shadow:0 10px 30px #00000040}.mcard.wide{width:760px}.mhead{display:flex;justify-content:space-between;align-items:center;background:var(--head);border-bottom:1px solid var(--line);padding:6px 10px;flex:0 0 auto}.mhead .t{font-weight:600}.mclose{background:none;border:0;font-size:16px;color:var(--mut);padding:0 4px}.mbody{padding:10px;overflow-y:auto;flex:1 1 auto}.mfoot{display:flex;justify-content:flex-end;gap:4px;padding:8px 10px;border-top:1px solid var(--line2);background:#fafbfb;flex:0 0 auto}.modal.side{inset:38px 0 24px auto;width:var(--side-panel);padding:0;background:transparent;align-items:stretch;justify-content:stretch;z-index:30}.modal.side .mcard,.modal.side .mcard.wide{width:100%;height:100%;max-height:none;border-top:0;border-bottom:0;border-right:0;box-shadow:-4px 0 12px #0000000f}.content.with-side.side-wide{--side-panel: 520px;padding-right:520px}.modal.side.wide-side{width:520px}.note,.login-note{padding:6px 8px;border:1px solid #e3cfa9;background:#fbf5ea;font-size:12px;color:#5b4a2e;line-height:1.45;margin:4px 0 10px;border-radius:0}.err,.err-bar{padding:6px 10px;border:1px solid #e4b4ae;background:#fbeceb;font-size:12.5px;color:var(--red);margin:0 14px 12px;border-radius:0}.err-row{display:flex;align-items:center;gap:12px}.err-row span{flex:1}.err-retry{background:#fff;border:1px solid #e4b4ae;color:var(--red);border-radius:var(--r);padding:3px 10px;font-size:12px;white-space:nowrap}.err-retry:hover{border-color:var(--red)}.toast{position:fixed;bottom:36px;left:50%;transform:translate(-50%);background:var(--top);color:var(--top-text);padding:7px 16px;border-radius:var(--r);font-size:12.5px;z-index:70;box-shadow:0 4px 16px #00000040}.shift-line{display:flex;justify-content:space-between;align-items:center;padding:6px 10px}.worker-row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px;border-bottom:1px solid var(--line2)}.worker-name{font-weight:600}.worker-sub{font-size:11.5px;color:var(--mut)}.staff-pick{display:flex;align-items:center;gap:8px;padding:4px 0;border-bottom:1px solid var(--line2)}.staff-pick:last-child{border-bottom:0}.items-head{display:flex;justify-content:space-between;align-items:center;margin:8px 0 4px}.cost-line{display:flex;justify-content:space-between;padding:6px 0;border-top:1px solid var(--line2);font-weight:600}.alg{display:flex;flex-wrap:wrap;gap:2px 12px}.alg-item{display:inline-flex;align-items:center;gap:4px;font-size:12px}.split{display:flex;min-height:0;margin:0 14px 12px;border:1px solid var(--line);background:var(--panel)}.split>.grid{flex:1;min-width:0;overflow:auto}.split>.props{width:340px;flex:0 0 auto;border-left:1px solid var(--line);background:var(--panel)}.props .ph{background:var(--head);border-bottom:1px solid var(--line);padding:6px 10px;font-weight:600}.props .sec{padding:8px 10px 2px;font-size:10.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}.props .fld{padding:0 10px}.props .pact{display:flex;gap:4px;padding:10px;border-top:1px solid var(--line2);margin-top:8px}.props .perr{margin:6px 10px;padding:6px 8px;border:1px solid #e4b4ae;background:#fbeceb;color:var(--red);font-size:12px}.split .cats{border-right:1px solid var(--line)}.cards2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 14px 12px}.cards2>.panel{margin:0}.kv{display:grid;grid-template-columns:120px 1fr;gap:6px;padding:4px 10px;font-size:12.5px}.kv>:first-child{color:var(--mut)}.code{font-family:var(--mono);background:#f3f5f6;border:1px solid var(--line2);padding:1px 6px}.doc{background:var(--panel);border:1px solid var(--line);padding:12px 16px;margin:0 14px 12px;max-width:900px}.login-wrap{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.login-top{height:38px;background:var(--top);color:var(--top-text);display:flex;align-items:center;gap:14px;padding:0 12px;flex:0 0 auto}.login-top .logo{font-weight:700;letter-spacing:.5px;font-size:14px}.login-top .logo b{color:#7fb2d9}.login-top .ctx{color:var(--top-mut)}.login-center{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:420px;max-width:100%;background:var(--panel);border:1px solid var(--line);border-radius:0;padding:0}.login-card.wide{width:480px}.login-card .ph{display:flex;justify-content:space-between;align-items:baseline;background:var(--head);border-bottom:1px solid var(--line);padding:7px 12px;font-weight:600}.login-card .ph span{font-weight:400;color:var(--mut);font-size:12px}.login-card .bd{padding:12px 12px 4px}.login-card .fld{grid-template-columns:130px 1fr;margin-bottom:8px}.login-card .fld input{font-size:13px;padding:5px 8px}.login-card .fld input.mono{font-family:var(--mono);font-size:12.5px}.login-card .act{display:flex;gap:6px;justify-content:flex-end;padding:8px 12px;border-top:1px solid var(--line2);background:#fafbfb}.login-card .act .btn,.login-card .act .btn-primary{padding:5px 14px}.login-card .foot{padding:8px 12px;font-size:12px;color:var(--mut);border-top:1px solid var(--line2);display:flex;justify-content:space-between}.login-card .foot a{color:var(--acc);text-decoration:none;cursor:pointer}.login-card .foot a:hover{text-decoration:underline}.login-err{margin:4px 0 10px;padding:6px 8px;border:1px solid #e4b4ae;background:#fbeceb;font-size:12px;color:var(--red);border-radius:0}.login-ok{margin:4px 0 10px;padding:6px 8px;border:1px solid #b9dcc6;background:#eef7f1;font-size:12px;color:var(--green)}.login-sec{padding:4px 0 6px;font-size:10.5px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}.login-code{display:flex;gap:6px;align-items:stretch;margin-bottom:10px}.login-code div{flex:1;min-width:0;border:1px solid var(--line);background:#f3f5f6;padding:6px 8px;font-family:var(--mono);font-size:12.5px;word-break:break-all}.login-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--line2);font-size:12.5px}.login-row:last-child{border-bottom:0}.login-row span:first-child{color:var(--mut)}.login-status{height:24px;background:#dfe3e6;border-top:1px solid var(--line);display:flex;align-items:center;font-size:11.5px;color:#3b464c;flex:0 0 auto}.login-status>div{padding:0 12px;border-right:1px solid var(--line);height:100%;display:flex;align-items:center}.login-status .sp{flex:1;border:0}@media (max-width: 1100px){.grid2,.cards2{grid-template-columns:1fr}.grid2>div .panel,.grid2>.panel{margin-left:14px!important;margin-right:14px!important}}@media (max-width: 900px){.sidebar{width:160px}.split{flex-direction:column}.split>.props{width:auto;border-left:0;border-top:1px solid var(--line)}:root{--side-panel: 100vw}}.content:has(.modal.side){padding-right:var(--side-panel)}.content:has(.modal.side .mcard.wide){padding-right:520px}.modal.side:has(.mcard.wide){width:520px}.qrwrap{display:flex;flex-direction:column;align-items:center;padding:14px 10px}.qrbox{width:240px;height:240px;background:#fff;padding:10px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}.qrbox.dim{opacity:.15;background-image:conic-gradient(#000 0,#000 25%,#fff 0,#fff 50%,#000 0,#000 75%,#fff 0);background-size:28px 28px}.qrwrap .who{font-size:14px;font-weight:600;margin-top:10px}.qrwrap .cnt{font-size:22px;font-weight:600;color:var(--amber);margin-top:6px;font-variant-numeric:tabular-nums}.empty-qr{width:240px;height:240px;border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--mut);text-align:center;padding:12px;font-size:12.5px}.qrwrap .perr{margin-top:8px}.props .note{margin:6px 10px}