:root{--blue-950: #0a1f4d;--blue-900: #10306e;--blue-800: #163d8c;--blue-700: #1d4ed8;--blue-600: #2563eb;--blue-500: #3b82f6;--blue-100: #dbe7ff;--blue-50: #eef4ff;--ink: #0f1b33;--ink-2: #334155;--muted: #64748b;--line: #dfe6f1;--line-2: #eef2f8;--bg: #f4f7fc;--card: #ffffff;--green: #15803d;--green-bg: #e7f7ee;--amber: #b45309;--amber-bg: #fff4e0;--red: #b91c1c;--red-bg: #fdecec;--violet: #6d28d9;--violet-bg: #f1ebff;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16,48,110,.06), 0 4px 16px rgba(16,48,110,.06);--rail: 64px;--menu: 236px;--top: 56px;font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.45}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);-webkit-font-smoothing:antialiased}a{color:var(--blue-700);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;color:var(--ink);letter-spacing:-.01em}h1{font-size:22px;font-weight:650}h2{font-size:17px;font-weight:650}h3{font-size:15px;font-weight:600}.muted{color:var(--muted)}.small{font-size:12px}.tiny{font-size:11px}.nowrap{white-space:nowrap}.right{text-align:right}.center{text-align:center}.mono{font-variant-numeric:tabular-nums}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.strong{font-weight:600}.row{display:flex;gap:8px;align-items:center}.row.wrap{flex-wrap:wrap}.row.end{justify-content:flex-end}.row.between{justify-content:space-between}.row.top{align-items:flex-start}.col{display:flex;flex-direction:column;gap:8px}.grow{flex:1;min-width:0}.gap-lg{gap:16px}.mt{margin-top:12px}.mt-lg{margin-top:20px}.mb{margin-bottom:12px}.grid{display:grid;gap:12px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.span2{grid-column:span 2}.span3{grid-column:1 / -1}@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.g2,.g3,.g4{grid-template-columns:1fr}.span2,.span3{grid-column:auto}}.shell{display:grid;grid-template-columns:var(--rail) var(--menu) 1fr;grid-template-rows:var(--top) 1fr;height:100%}.shell.nomenu{grid-template-columns:var(--rail) 0 1fr}.rail{grid-row:1 / 3;background:linear-gradient(180deg,var(--blue-900),var(--blue-950));display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:4px;overflow-y:auto;z-index:30}.rail .logo{width:40px;height:40px;border-radius:11px;background:#fff;color:var(--blue-800);display:grid;place-items:center;font-weight:800;font-size:13px;letter-spacing:.02em;margin-bottom:10px}.rail button{width:46px;height:42px;border:0;background:transparent;color:#b9cbf5;border-radius:10px;display:grid;place-items:center;cursor:pointer;position:relative}.rail button:hover{background:#ffffff14;color:#fff}.rail button.active{background:#fff;color:var(--blue-800)}.rail button .tip{position:absolute;left:54px;background:var(--ink);color:#fff;font-size:12px;padding:4px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s}.rail button:hover .tip{opacity:1}.menu{grid-row:1 / 3;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;z-index:20}.menu .menu-head{height:var(--top);display:flex;align-items:center;padding:0 16px;font-weight:650;font-size:15px;border-bottom:1px solid var(--line-2);color:var(--blue-900)}.menu .menu-filter{padding:10px 12px 4px}.menu .menu-filter input{width:100%}.menu nav{overflow-y:auto;padding:4px 8px 16px}.menu .group{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:12px 10px 4px;font-weight:600}.menu nav a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink-2);font-size:13.5px}.menu nav a:hover{background:var(--blue-50);text-decoration:none;color:var(--blue-800)}.menu nav a.active{background:var(--blue-50);color:var(--blue-700);font-weight:600;box-shadow:inset 3px 0 0 var(--blue-700)}.top{grid-column:3;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px;z-index:10;min-width:0}.top .burger{display:none}.main{grid-column:3;overflow:auto;min-width:0}.page{padding:20px 24px 40px;max-width:1500px;margin:0 auto}.page.wide{max-width:none}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.page-head .sub{color:var(--muted);margin-top:3px;font-size:13px}.crumbs{font-size:12px;color:var(--muted);margin-bottom:4px}.crumbs a{color:var(--muted)}@media(max-width:700px){.hide-sm{display:none!important}.top{gap:6px;padding:0 10px}}@media(max-width:1000px){.shell,.shell.nomenu{grid-template-columns:1fr;grid-template-rows:var(--top) 1fr}.rail,.menu{position:fixed;top:0;bottom:0;transform:translate(calc(-100% - var(--rail) - 12px));transition:transform .18s}.rail{left:0;width:var(--rail)}.menu{left:var(--rail);width:var(--menu)}.shell.open .rail,.shell.open .menu{transform:none;box-shadow:8px 0 24px #0a1f4d2e}.top,.main{grid-column:1}.top .burger{display:grid}.page{padding:14px 16px 32px}.scrim{position:fixed;inset:0;background:#0a1f4d4d;z-index:15}}.btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;color:var(--ink-2);border-radius:var(--radius-sm);padding:7px 12px;font-weight:550;cursor:pointer;white-space:nowrap;line-height:1.2;min-height:34px}.btn:hover{border-color:#c4d2ea;background:#fafcff;text-decoration:none}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--blue-700);border-color:var(--blue-700);color:#fff}.btn.primary:hover{background:var(--blue-800)}.btn.danger{color:var(--red);border-color:#f3c4c4}.btn.danger:hover{background:var(--red-bg)}.btn.success{background:var(--green);border-color:var(--green);color:#fff}.btn.ghost{border-color:transparent;background:transparent}.btn.ghost:hover{background:var(--blue-50)}.btn.sm{padding:4px 9px;min-height:28px;font-size:12.5px}.btn.icon{padding:6px;width:34px;justify-content:center}.btn.sm.icon{width:28px;padding:4px}.input,.select,textarea.input{border:1px solid var(--line);background:#fff;border-radius:var(--radius-sm);padding:7px 10px;min-height:34px;width:100%;outline:none}.input:focus,.select:focus,textarea.input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px #3b82f626}.input.sm,.select.sm{padding:4px 7px;min-height:28px;font-size:13px}.input[readonly],.input:disabled,.select:disabled{background:#f6f8fc;color:var(--muted)}textarea.input{min-height:72px;resize:vertical}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>label{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field>label .req{color:var(--red);margin-left:2px}.field .help{font-size:11.5px;color:var(--muted)}.field .err{font-size:12px;color:var(--red)}.field.invalid .input,.field.invalid .select{border-color:#f0a3a3}.check{display:inline-flex;align-items:center;gap:7px;cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:16px;height:16px;accent-color:var(--blue-700)}.search{position:relative}.search input{padding-left:32px}.search svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.card .card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line-2);flex-wrap:wrap}.card .card-body{padding:16px}.card .card-body.tight{padding:0}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--blue-800);font-weight:650;margin:18px 0 8px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--line-2)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.kpi{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 14px;display:flex;flex-direction:column;gap:4px;position:relative;cursor:default}.kpi.link{cursor:pointer}.kpi.link:hover{border-color:var(--blue-500)}.kpi .label{font-size:12px;color:var(--muted);font-weight:550}.kpi .value{font-size:24px;font-weight:700;color:var(--blue-900);font-variant-numeric:tabular-nums}.kpi .note{font-size:11.5px;color:var(--muted)}.kpi .dot{position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%}.dot.red{background:#ef4444}.dot.green{background:#22c55e}.dot.amber{background:#f59e0b}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--line-2);color:var(--ink-2);white-space:nowrap;text-transform:capitalize}.pill.blue{background:var(--blue-50);color:var(--blue-700)}.pill.green{background:var(--green-bg);color:var(--green)}.pill.amber{background:var(--amber-bg);color:var(--amber)}.pill.red{background:var(--red-bg);color:var(--red)}.pill.violet{background:var(--violet-bg);color:var(--violet)}.pill.gray{background:#eef1f5;color:#475569}.docdot{width:10px;height:10px;border-radius:50%;display:inline-block}.docdot.green{background:#22c55e}.docdot.amber{background:#f59e0b}.docdot.red{background:#ef4444}.progress{height:7px;background:var(--line-2);border-radius:99px;overflow:hidden;min-width:70px}.progress>div{height:100%;background:var(--blue-600);border-radius:99px}.progress.green>div{background:#22c55e}.alert{border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;border:1px solid;display:flex;gap:8px;align-items:flex-start}.alert.info{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-900)}.alert.warn{background:var(--amber-bg);border-color:#f8dcb0;color:#7c3d06}.alert.danger{background:var(--red-bg);border-color:#f5c2c2;color:#7f1d1d}.alert.success{background:var(--green-bg);border-color:#bfe8cf;color:#14532d}.alert ul{margin:4px 0 0;padding-left:18px}.empty{padding:36px 16px;text-align:center;color:var(--muted)}.empty svg{color:#b6c4dd;margin-bottom:6px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:14px;overflow-x:auto}.tabs button{border:0;background:transparent;padding:9px 14px;cursor:pointer;color:var(--muted);font-weight:600;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.tabs button.active{color:var(--blue-700);border-bottom-color:var(--blue-700)}.tabs button .count{background:var(--line-2);border-radius:99px;padding:0 7px;font-size:11.5px}.tabs button.active .count{background:var(--blue-50)}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:4px 11px;font-size:12.5px;cursor:pointer;color:var(--ink-2);font-weight:550}.chip.active{background:var(--blue-700);color:#fff;border-color:var(--blue-700)}.chip .n{opacity:.75;margin-left:4px}.table-wrap{overflow:auto;max-width:100%}table.t{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}table.t th{position:sticky;top:0;background:#f8faff;color:var(--ink-2);text-align:left;font-weight:600;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}table.t th.sort{cursor:pointer}table.t th.sort:hover{color:var(--blue-700)}table.t tr.filters th{background:#fff;padding:4px 6px;top:33px;font-weight:400}table.t tr.filters .input,table.t tr.filters .select{min-height:28px;padding:3px 7px;font-size:12.5px}table.t td{padding:7px 10px;border-bottom:1px solid var(--line-2);vertical-align:middle}table.t tbody tr:hover td{background:#fafcff}table.t tbody tr.click{cursor:pointer}table.t tbody tr.sel td{background:var(--blue-50)}table.t tfoot td{font-weight:650;background:#f8faff;border-top:1px solid var(--line)}table.t td.actions{width:1%;white-space:nowrap;text-align:right}table.t .input.cell,table.t .select.cell{min-height:28px;padding:3px 6px;font-size:13px}.pager{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line-2);font-size:12.5px;color:var(--muted)}table.grid-t{border-collapse:collapse;font-size:12px}table.grid-t th,table.grid-t td{border:1px solid var(--line);padding:3px 4px;text-align:center;min-width:30px}table.grid-t th{background:#f8faff;position:sticky;top:0;z-index:1}table.grid-t td.n{text-align:left;white-space:nowrap;padding:3px 8px}table.grid-t td.sticky,table.grid-t th.sticky{position:sticky;left:0;background:#fff;z-index:2}.c-official{background:#e7f7ee}.c-raw{background:#eef4ff}.c-missing{background:#fdecec;color:var(--red);font-weight:700}.c-nm{background:#f3f4f6;color:#9ca3af}.c-weekend{background:#f1f5f9}.c-holiday{background:#fff4e0}.c-absent{color:var(--red);font-weight:700}td.editable{cursor:pointer}td.editable:hover{outline:2px solid var(--blue-500);outline-offset:-2px}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:14px;height:14px;border-radius:3px;border:1px solid var(--line);display:inline-block}.overlay{position:fixed;inset:0;background:#0a1f4d59;z-index:100;display:flex;align-items:flex-start;justify-content:center;padding:6vh 16px;overflow-y:auto}.modal{background:#fff;border-radius:12px;width:100%;max-width:560px;box-shadow:0 24px 64px #0a1f4d47;display:flex;flex-direction:column;max-height:88vh}.modal.lg{max-width:860px}.modal.xl{max-width:1180px}.modal .m-head{padding:14px 18px;border-bottom:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center;gap:8px}.modal .m-body{padding:16px 18px;overflow-y:auto}.modal .m-foot{padding:12px 18px;border-top:1px solid var(--line-2);display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(480px,100%);background:#fff;z-index:101;box-shadow:-12px 0 40px #0a1f4d2e;display:flex;flex-direction:column}.drawer .d-head{padding:14px 18px;border-bottom:1px solid var(--line-2);display:flex;justify-content:space-between;align-items:center}.drawer .d-body{padding:16px 18px;overflow-y:auto;flex:1}.kv{display:grid;grid-template-columns:140px 1fr;gap:6px 12px;font-size:13px}.kv dt{color:var(--muted)}.kv dd{margin:0;word-break:break-word}.toasts{position:fixed;bottom:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 36px))}.toast{background:var(--ink);color:#fff;padding:10px 14px;border-radius:9px;box-shadow:var(--shadow);font-size:13px;display:flex;gap:8px;align-items:flex-start}.toast.error{background:#7f1d1d}.toast.success{background:#14532d}.popover{position:absolute;z-index:60;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 32px #0a1f4d2e;min-width:220px}.combo{position:relative}.combo .list{position:absolute;z-index:70;left:0;right:0;top:calc(100% + 4px);background:#fff;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 32px #0a1f4d29;max-height:260px;overflow-y:auto}.combo .opt{padding:7px 10px;cursor:pointer;font-size:13px}.combo .opt:hover,.combo .opt.hi{background:var(--blue-50)}.combo .opt.none{color:var(--muted);cursor:default}.combo .clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--muted);cursor:pointer;padding:2px}.multi{display:flex;flex-wrap:wrap;gap:4px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:4px 6px;min-height:34px;background:#fff}.multi .tag{background:var(--blue-50);color:var(--blue-800);border-radius:6px;padding:2px 6px;font-size:12px;display:inline-flex;gap:4px;align-items:center}.multi .tag button{border:0;background:transparent;cursor:pointer;padding:0;color:inherit}.multi input{border:0;outline:0;flex:1;min-width:80px;padding:2px}.cmdk{max-width:620px}.cmdk .m-body{padding:0}.cmdk input{border:0;border-bottom:1px solid var(--line-2);border-radius:0;padding:14px 16px;font-size:15px;box-shadow:none!important}.cmdk .res{max-height:420px;overflow-y:auto;padding:6px}.cmdk .res .grp{font-size:11px;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px;letter-spacing:.06em}.cmdk .res a{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;color:var(--ink)}.cmdk .res a:hover,.cmdk .res a.hi{background:var(--blue-50);text-decoration:none}.bell{position:relative}.bell .badge{position:absolute;top:2px;right:2px;background:#ef4444;color:#fff;border-radius:99px;font-size:10px;font-weight:700;min-width:16px;height:16px;display:grid;place-items:center;padding:0 4px}.notif{width:min(400px,calc(100vw - 24px));max-height:480px;overflow-y:auto;right:0;top:46px}.notif .n{padding:10px 14px;border-bottom:1px solid var(--line-2);display:block;color:var(--ink);font-size:13px}.notif .n:hover{background:#fafcff;text-decoration:none}.notif .n.unread{background:#f7faff;box-shadow:inset 3px 0 0 var(--blue-600)}.notif .n .when{font-size:11px;color:var(--muted)}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;padding:0 0 14px 20px;font-size:13px}.timeline li:before{content:"";position:absolute;left:5px;top:6px;width:8px;height:8px;border-radius:50%;background:var(--blue-600)}.timeline li:after{content:"";position:absolute;left:8.5px;top:16px;bottom:0;width:1px;background:var(--line)}.timeline li:last-child:after{display:none}.steps{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.steps .s{padding:4px 10px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.steps .s.done{background:var(--green-bg);border-color:#bfe8cf;color:var(--green)}.steps .s.cur{background:var(--blue-50);border-color:var(--blue-100);color:var(--blue-700);font-weight:600}.login{min-height:100%;display:grid;place-items:center;background:radial-gradient(1200px 600px at 10% -10%,#dbe7ff 0,transparent 60%),linear-gradient(160deg,#f6f9ff,#eaf1ff);padding:20px}.login .box{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:28px;box-shadow:0 24px 64px #10306e24;border:1px solid var(--line)}.login .brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.login .brand .mark{width:44px;height:44px;border-radius:12px;background:var(--blue-700);color:#fff;display:grid;place-items:center;font-weight:800}.spinner{width:18px;height:18px;border:2px solid var(--blue-100);border-top-color:var(--blue-700);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.loading{display:flex;gap:10px;align-items:center;justify-content:center;padding:40px;color:var(--muted)}.bar-chart{display:flex;flex-direction:column;gap:6px}.bar-chart .b{display:grid;grid-template-columns:140px 1fr 60px;gap:8px;align-items:center;font-size:12.5px}.bar-chart .b .track{height:10px;background:var(--line-2);border-radius:99px;overflow:hidden}.bar-chart .b .track>div{height:100%;background:var(--blue-600);border-radius:99px}.sticky-bar{position:sticky;bottom:0;background:#fffffff5;border-top:1px solid var(--line);padding:10px 16px;display:flex;gap:8px;justify-content:flex-end;align-items:center;z-index:5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-wrap:wrap}.matrix th,.matrix td{text-align:center}.matrix td:first-child,.matrix th:first-child{text-align:left}@media print{.rail,.menu,.top,.no-print{display:none!important}.shell{display:block}.main{overflow:visible}}