:root{--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--surface-3:#eef2f7;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--brand:#1d4ed8;--brand-600:#2563eb;--brand-50:#eff6ff;--brand-100:#dbeafe;--nav-bg:#101a33;--nav-bg-2:#1a2545;--nav-text:#aebbd4;--nav-text-active:#fff;--danger:#b91c1c;--danger-bg:#fee2e2;--level1:#dc2626;--level1-bg:#fef2f2;--level2:#a16207;--level2-bg:#fef9c3;--level3:#7e22ce;--level3-bg:#f5e8ff;--success:#15803d;--success-bg:#dcfce7;--info:#0369a1;--info-bg:#e0f2fe;--done:#0f766e;--done-bg:#ccfbf1;--muted-fg:#64748b;--muted-bg:#f1f5f9;--radius:10px;--radius-sm:6px;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 1px 3px #0f172a14, 0 6px 16px -6px #0f172a1a;--shadow-lg:0 10px 40px -8px #0f172a47;--sidebar-w:236px;--header-h:58px;--font:"Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", "Cascadia Mono", Consolas, "Courier New", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.011em;margin:0;font-weight:650}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app{min-height:100%;display:flex}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);background:var(--nav-bg);color:var(--nav-text);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.sidebar__brand{height:var(--header-h);flex:0 0 var(--header-h);border-bottom:1px solid #ffffff12;align-items:center;gap:10px;padding:0 18px;display:flex}.sidebar__logo{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.sidebar__title{color:#fff;font-size:14px;font-weight:650;line-height:1.15}.sidebar__sub{color:#7d8db0;font-size:11px}.sidebar__nav{flex:1;padding:12px 10px 20px;overflow-y:auto}.sidebar__group{text-transform:uppercase;letter-spacing:.07em;color:#5c6b8c;padding:14px 10px 6px;font-size:10.5px;font-weight:600}.navlink{border-radius:var(--radius-sm);color:var(--nav-text);align-items:center;gap:10px;margin-bottom:2px;padding:8px 10px;font-size:13.5px;transition:background .12s,color .12s;display:flex}.navlink:hover{background:var(--nav-bg-2);color:#fff}.navlink--active{background:var(--brand);color:var(--nav-text-active);font-weight:550}.navlink--active:hover{background:var(--brand)}.navlink__badge{font-variant-numeric:tabular-nums;background:#ffffff24;border-radius:20px;margin-left:auto;padding:1px 7px;font-size:11px}.navlink--active .navlink__badge{background:#ffffff3d}.navlink__badge--alert{color:#fff;background:#dc2626}.sidebar__foot{color:#64748b;border-top:1px solid #ffffff12;padding:12px 14px;font-size:11px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{height:var(--header-h);flex:0 0 var(--header-h);background:var(--surface);border-bottom:1px solid var(--border);z-index:20;align-items:center;gap:14px;padding:0 22px;display:flex;position:sticky;top:0}.topbar__title{font-size:15.5px;font-weight:650}.topbar__crumb{color:var(--text-3);font-size:12px}.topbar__spacer{flex:1}.topbar__date{color:var(--text-2);background:var(--surface-3);border-radius:20px;align-items:center;gap:7px;padding:5px 11px;font-size:12.5px;display:flex}.topbar__user{border-left:1px solid var(--border);align-items:center;gap:9px;padding-left:14px;display:flex}.avatar{background:var(--brand-100);width:30px;height:30px;color:var(--brand);border-radius:50%;place-items:center;font-size:11.5px;font-weight:650;display:grid}.page{flex:1;padding:22px}.page__head{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.page__head h2{font-size:19px}.page__desc{color:var(--text-2);max-width:720px;margin-top:3px;font-size:13px}.page__actions{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:14px 16px;display:flex}.card__head h3{font-size:14px}.card__head .sub{color:var(--text-3);font-size:12px}.card__body{padding:16px}.card__body--flush{padding:0}.grid{gap:14px;display:grid}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--2-1{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.grid--1-2{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}@media (width<=1180px){.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3,.grid--2-1,.grid--1-2,.grid--2{grid-template-columns:minmax(0,1fr)}}.stat{padding:15px 16px}.stat__label{color:var(--text-2);align-items:center;gap:7px;font-size:12px;display:flex}.stat__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-top:7px;font-size:24px;font-weight:680}.stat__foot{color:var(--text-3);margin-top:5px;font-size:11.5px}.stat__icon{border-radius:8px;place-items:center;width:28px;height:28px;margin-left:auto;display:grid}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:520;transition:background .12s,border-color .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn--primary{background:var(--brand);border-color:var(--brand);color:#fff}.btn--primary:hover{background:var(--brand-600)}.btn--ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-3);color:var(--text)}.btn--sm{padding:4px 9px;font-size:12px}.btn--danger{color:var(--danger);border-color:#fca5a5}.btn--danger:hover{background:var(--danger-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);outline:none;padding:7px 10px;font-size:13px;transition:border-color .12s,box-shadow .12s}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand-600);box-shadow:0 0 0 3px var(--brand-100)}.input--num{text-align:right;font-variant-numeric:tabular-nums}.textarea{resize:vertical;min-height:64px}.field{flex-direction:column;gap:5px;display:flex}.field__label{color:var(--text-2);font-size:12px;font-weight:550}.field__hint{color:var(--text-3);font-size:11.5px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:2px 8px;font-size:11.5px;font-weight:560;line-height:1.6;display:inline-flex}.badge--danger{background:var(--danger-bg);color:var(--danger)}.badge--level1{background:var(--level1-bg);color:var(--level1)}.badge--level2{background:var(--level2-bg);color:var(--level2)}.badge--level3{background:var(--level3-bg);color:var(--level3)}.badge--success{background:var(--success-bg);color:var(--success)}.badge--info{background:var(--info-bg);color:var(--info)}.badge--done{background:var(--done-bg);color:var(--done)}.badge--muted{background:var(--muted-bg);color:var(--muted-fg)}.dot{background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.table-wrap{max-width:100%;overflow:auto}table.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table.tbl th{z-index:2;background:var(--surface-2);text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border);white-space:nowrap;padding:9px 11px;font-size:11.5px;font-weight:600;position:sticky;top:0}table.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;padding:8px 11px}table.tbl tbody tr:hover td{background:var(--brand-50)}table.tbl tbody tr:last-child td{border-bottom:none}.num{text-align:right;font-variant-numeric:tabular-nums}.mono{font-family:var(--mono);font-size:12px}.nowrap{white-space:nowrap}.strong{font-weight:600}.muted{color:var(--text-3)}.dim{color:var(--text-2)}.neg{color:var(--danger)}.pos{color:var(--success)}.tbl tfoot td{background:var(--surface-2);border-top:2px solid var(--border-strong);font-weight:650;position:sticky;bottom:0}.row-link{cursor:pointer}.lvl{border-left:3px solid #0000}.lvl--QUA_HAN{border-left-color:var(--danger)}.lvl--CAP_1{border-left-color:var(--level1)}.lvl--CAP_2{border-left-color:var(--level2)}.lvl--CAP_3{border-left-color:var(--level3)}.lvl--DA_VE{border-left-color:var(--success)}.toolbar{border-bottom:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px;padding:11px 14px;display:flex}.toolbar .input,.toolbar .select{width:auto;min-width:130px}.toolbar__spacer{flex:1}.search{align-items:center;display:flex;position:relative}.search svg{color:var(--text-3);pointer-events:none;position:absolute;left:9px}.search .input{min-width:220px;padding-left:30px}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;color:var(--text-2);white-space:nowrap;border-radius:20px;padding:4px 10px;font-size:12px}.chip:hover{background:var(--surface-3)}.chip--on{background:var(--text);border-color:var(--text);color:#fff;font-weight:550}.empty{text-align:center;color:var(--text-3);padding:44px 20px;font-size:13px}.pager{border-top:1px solid var(--border);color:var(--text-2);align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;display:flex}.kv{grid-template-columns:130px 1fr;gap:8px 14px;font-size:13px;display:grid}.kv dt{color:var(--text-2)}.kv dd{margin:0;font-weight:550}.progress{background:var(--surface-3);border-radius:20px;height:6px;overflow:hidden}.progress__bar{background:var(--brand);border-radius:20px;height:100%}.progress__bar--warn{background:#d97706}.progress__bar--danger{background:var(--danger)}.timeline{gap:0;padding:4px 0;display:flex;overflow-x:auto}.tl-step{flex:none;align-items:center;gap:8px;display:flex}.tl-step__dot{background:var(--surface-3);width:24px;height:24px;color:var(--text-3);border:2px solid var(--surface-3);border-radius:50%;place-items:center;font-size:11px;font-weight:650;display:grid}.tl-step--done .tl-step__dot{background:var(--brand);border-color:var(--brand);color:#fff}.tl-step--current .tl-step__dot{border-color:var(--brand);color:var(--brand);background:#fff}.tl-step__label{color:var(--text-2);white-space:nowrap;font-size:11.5px}.tl-step--done .tl-step__label,.tl-step--current .tl-step__label{color:var(--text);font-weight:560}.tl-line{background:var(--border-strong);flex:none;width:26px;height:2px;margin:0 6px}.tl-line--done{background:var(--brand)}.legend{color:var(--text-2);flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.legend__item{align-items:center;gap:6px;display:flex}.legend__swatch{border-radius:3px;width:11px;height:11px}.alert{border-radius:var(--radius-sm);border:1px solid;gap:10px;padding:11px 13px;font-size:12.5px;line-height:1.55;display:flex}.alert--info{background:var(--brand-50);border-color:var(--brand-100);color:#1e3a8a}.alert--warn{color:#78350f;background:#fffbeb;border-color:#fde68a}.alert svg{flex:none;margin-top:1px}.tabs{border-bottom:1px solid var(--border);gap:2px;padding:0 14px;display:flex}.tab{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 13px;font-size:13px}.tab:hover{color:var(--text)}.tab--on{color:var(--brand);border-bottom-color:var(--brand);font-weight:600}.modal-backdrop{z-index:100;background:#0f172a73;place-items:center;padding:22px;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);box-shadow:var(--shadow-lg);border-radius:12px;flex-direction:column;width:100%;max-height:90vh;animation:.14s ease-out pop;display:flex}.modal--sm{max-width:460px}.modal--md{max-width:640px}.modal--lg{max-width:940px}.modal__head{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:15px 18px;display:flex}.modal__head h3{font-size:15px}.modal__body{padding:18px;overflow-y:auto}.modal__foot{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 12px 12px;justify-content:flex-end;gap:8px;padding:13px 18px;display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}.row{align-items:center;gap:8px;display:flex}.row--between{justify-content:space-between}.col{flex-direction:column;gap:8px;display:flex}.gap-4{gap:4px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-8{margin-top:8px}.mt-14{margin-top:14px}.mt-20{margin-top:20px}.mb-10{margin-bottom:10px}.fs-12{font-size:12px}.fs-11{font-size:11.5px}.w-full{width:100%}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .span-2{grid-column:span 2}