:root{--bg:#f4f6fa;--card:#fff;--ink:#1c2430;--muted:#68758a;--line:#e3e8f0;--brand:#0a0f1f;--brand2:#0057ff;--accent:#0e9f6e;--warn:#d97706;--bad:#dc2626;--temp:#7c3aed;--contract:#0369a1;--perm:#0e9f6e;--health:#dc2626;--r:12px;--shadow:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04)}*{box-sizing:border-box;margin:0}body{font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--ink)}.appwrap{display:flex;min-height:100vh}nav.side{width:216px;background:var(--brand);color:#dbe4f5;display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;flex-shrink:0}.logo{padding:18px;display:flex;align-items:center;gap:11px;font-size:18px;font-weight:800;color:#fff;letter-spacing:2px}.logo .chip{background:#fff;border-radius:11px;padding:5px;display:flex;box-shadow:0 2px 6px rgba(0,0,0,.4)}nav.side a{display:flex;align-items:center;gap:10px;padding:10px 18px;color:#c6d3ec;text-decoration:none;font-weight:500;border-left:3px solid transparent;cursor:pointer}nav.side a.active,nav.side a:hover{background:hsla(0,0%,100%,.08);color:#fff;border-left-color:#00b5ff}nav.side .foot{margin-top:auto;padding:14px 18px;font-size:11px;color:#9db1d6}main.body{flex:1 1;padding:24px 28px;max-width:1280px;width:100%;min-width:0}h1{font-size:22px;margin-bottom:4px}.sub{color:var(--muted);margin-bottom:20px}.grid{display:grid;grid-gap:14px;gap:14px}.g4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.g2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px}.card h3{font-size:14px;margin-bottom:10px}.kpi .n{font-size:26px;font-weight:800}.kpi .l{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.kpi .d{font-size:12px;color:var(--accent);margin-top:2px}table{width:100%;border-collapse:collapse}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:8px 10px}td,th{border-bottom:1px solid var(--line)}td{padding:10px;vertical-align:top}tr.row:hover{background:#f8fafd;cursor:pointer}.badge{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:600;white-space:nowrap}.bt{background:#ede9fe;color:var(--temp)}.bc{background:#e0f2fe;color:var(--contract)}.bp{background:#d1fae5;color:#065f46}.bh{background:#fee2e2;color:var(--health)}.bg{background:#eef2f7;color:var(--muted)}.bwarn{background:#fef3c7;color:#92400e}.bbad{background:#fee2e2;color:#991b1b}.bok{background:#d1fae5;color:#065f46}.btn,button{background:var(--brand2);color:#fff;border:0;border-radius:8px;padding:9px 15px;font-weight:600;font-size:13px;cursor:pointer;font-family:inherit}button:hover{filter:brightness(1.1)}.btn2{background:#fff;color:var(--brand2);border:1px solid var(--line)}.btn-sm{padding:5px 10px;font-size:12px}.btn-danger{background:var(--bad)}.bar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.bar input[type=search],.bar select{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px;background:#fff}.bar input[type=search]{flex:1 1;min-width:160px}.spacer{flex:1 1}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);display:flex;align-items:flex-start;justify-content:center;padding:4vh 12px;z-index:50;overflow:auto}.modal{background:#fff;border-radius:14px;max-width:640px;width:100%;padding:22px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal h2{margin-bottom:14px;font-size:17px}.f{margin-bottom:12px}.f label{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-bottom:4px}.f input,.f select,.f textarea{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13px;font-family:inherit;background:#fff}.f textarea{min-height:70px;resize:vertical}.frow{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.factions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.kan{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(215px,1fr);grid-gap:12px;gap:12px;overflow-x:auto;padding-bottom:8px}.kcol{background:#eef1f7;border-radius:var(--r);padding:10px;min-height:320px}.kcol h3{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:10px;display:flex;justify-content:space-between}.kcard{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px;margin-bottom:8px;box-shadow:var(--shadow);cursor:-webkit-grab;cursor:grab}.kcard .nm{font-weight:700}.kcard .mt{font-size:12px;color:var(--muted)}.kcol.dragover{outline:2px dashed var(--brand2);outline-offset:-4px}.tag{display:inline-block;background:#eef2f7;border-radius:6px;padding:1px 7px;font-size:11px;margin:1px}.empty{text-align:center;color:var(--muted);padding:36px 12px}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 20px;border-radius:99px;font-weight:600;z-index:99}.authwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0f1f;padding:20px}.authcard{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.4)}.err{background:#fee2e2;color:#991b1b;border-radius:8px;padding:9px 12px;font-size:13px;margin-bottom:12px}@media(max-width:760px){.appwrap{flex-direction:column}nav.side{width:100%;height:auto;position:fixed;bottom:0;top:auto;flex-direction:row;overflow-x:auto;z-index:40;padding:0}.logo,nav.side .foot{display:none}nav.side a{flex-direction:column;gap:2px;font-size:10px;padding:8px;border-left:0;border-top:3px solid transparent;flex:1 1;text-align:center}nav.side a.active{border-top-color:#00b5ff;border-left:0}main.body{padding:16px 14px 90px}.frow{grid-template-columns:1fr}}