:root{--navy:#0b1d3a;--navy-2:#12294d;--blue:#1f6feb;--blue-dark:#1859bd;--ink:#14213d;--muted:#5b6b86;--line:#dde4ef;--bg:#f4f7fb;--white:#fff;--green:#12805c;--green-bg:#e3f6ee;--red:#b42318;--red-bg:#fde8e6;--amber:#8a5a00;--amber-bg:#fff1d6;--grey-bg:#e9eef6;color:var(--ink);font-family:Segoe UI,system-ui,-apple-system,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg)}:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{background:var(--navy);color:var(--white);align-items:center;gap:12px;padding:14px 24px;display:flex}.brand strong{letter-spacing:.2px;font-size:1.25rem}.brand span{color:#aebcd6;font-size:.78rem}.content{flex:1;justify-content:center;padding:32px 16px;display:flex}.panel{background:var(--white);border:1px solid var(--line);border-radius:10px;align-self:flex-start;width:100%;max-width:560px;padding:24px;box-shadow:0 1px 2px #0b1d3a0f}.summary{color:var(--muted);margin:0 0 18px}.summary-ok{color:var(--green)}.checks{border:1px solid var(--line);border-radius:8px;margin:0 0 18px;padding:0;list-style:none}.checks li{justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.checks li+li{border-top:1px solid var(--line)}.check-name{font-weight:600;display:block}.check-note{color:var(--muted);font-size:.85rem;display:block}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-dot{background:currentColor;border-radius:50%;width:7px;height:7px}.badge-ok{color:var(--green);background:var(--green-bg)}.badge-error{color:var(--red);background:var(--red-bg)}.badge-pending{color:var(--amber);background:var(--amber-bg)}.badge-unknown{color:var(--muted);background:var(--grey-bg)}.help{background:var(--red-bg);color:var(--red);border-radius:8px;margin:0 0 18px;padding:10px 12px;font-size:.92rem}.meta{background:var(--bg);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:0 0 18px;padding:12px 14px;font-size:.88rem;display:grid}.meta div{min-width:0}.meta dt{color:var(--muted)}.meta dd{overflow-wrap:anywhere;margin:0;font-weight:600}.btn{appearance:none;font:inherit;color:var(--white);background:var(--blue);cursor:pointer;border:0;border-radius:8px;padding:10px 18px;font-weight:600}.btn:hover:not(:disabled){background:var(--blue-dark)}.btn:focus-visible{outline-offset:2px;outline:3px solid #9cc2ff}@media (width<=480px){.topbar{padding:12px 16px}.panel{padding:18px}.meta{grid-template-columns:1fr}}:root{--side:252px;--shadow:0 1px 2px #0b1d3a0f, 0 1px 8px #0b1d3a0a}body{font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:1.35rem}h2{margin:0;font-size:1.02rem}.muted{color:var(--muted)}.link{color:var(--blue);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.shell-public .panel{margin:0 auto}.app{min-height:100vh;display:flex}.sidebar{width:var(--side);background:var(--navy);color:#cdd8ec;flex-direction:column;flex:none;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand-row{color:#fff;align-items:center;gap:10px;padding:18px 16px 14px;display:flex;text-decoration:none!important}.brand{flex-direction:column;line-height:1.15;display:flex}.brand strong{font-size:1.3rem}.brand em{color:#5aa2ff;font-style:normal}.brand small{color:#9fb2d3;font-size:.7rem}.sidebar nav{flex:1;padding:6px 10px}.nav-item{color:#cdd8ec;border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 12px;font-weight:500;display:flex;text-decoration:none!important}.nav-item:hover{background:#ffffff12}.nav-on{background:var(--blue);color:#fff}.nav-badge,.bell-badge{color:#fff;background:#e5484d;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.7rem;font-weight:700;display:inline-flex}.side-foot{color:#8fa3c7;border-top:1px solid #ffffff14;flex-direction:column;gap:2px;padding:14px 18px;font-size:.72rem;display:flex}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar2{border-bottom:1px solid var(--line);z-index:20;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top,0px));background:#fff;align-items:center;gap:14px;display:flex;position:sticky;top:0}.menu-btn{display:none}.search{flex:1;max-width:520px;position:relative}.search input{border:1px solid var(--line);background:var(--bg);width:100%;font:inherit;border-radius:8px;padding:9px 12px}.search-pop{border:1px solid var(--line);z-index:30;background:#fff;border-radius:10px;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 8px 28px #0b1d3a2e}.search-item{text-align:left;width:100%;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #eef2f8;padding:9px 14px;display:block}.search-item:hover{background:var(--bg)}.search-item small{color:var(--muted);display:block}.bell{color:var(--ink);padding:6px;display:inline-flex;position:relative}.bell-badge{margin:0;position:absolute;top:-2px;right:-4px}.usermenu{margin-left:auto;position:relative}.user-btn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;align-items:center;gap:10px;display:flex}.avatar{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-size:.8rem;font-weight:700;display:grid}.user-meta{text-align:left;flex-direction:column;line-height:1.2;display:flex}.user-meta small{color:var(--muted)}.user-pop{border:1px solid var(--line);z-index:30;background:#fff;border-radius:10px;min-width:200px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 28px #0b1d3a2e}.user-pop button{text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;padding:10px 14px;display:block}.user-pop button:hover{background:var(--bg)}.page{width:100%;max-width:1500px;padding:22px 24px 48px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.page-head p{margin:4px 0 0}.page-actions{flex-wrap:wrap;gap:8px;display:flex}.scrim{display:none}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;min-width:0;margin-bottom:16px;padding:16px 18px}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.grid{gap:16px;display:grid}.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))}.kv{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px 18px;margin:0;display:grid}.kv dt{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.76rem}.kv dd{overflow-wrap:anywhere;margin:2px 0 0;font-weight:600}.kpi{align-items:center;gap:14px;display:flex}.kpi-ico{color:#fff;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid}.kpi b{font-size:1.9rem;line-height:1.1;display:block}.kpi span{color:var(--muted)}.kpi small{margin-top:2px;font-size:.78rem;display:block}.up{color:var(--green)}.down{color:var(--red)}.btn{appearance:none;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:9px 16px;font-weight:600;display:inline-flex;text-decoration:none!important}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:var(--blue-dark)}.btn-ghost{color:var(--ink);border-color:var(--line);background:#fff}.btn-ghost:hover:not(:disabled){background:var(--bg)}.btn-danger{background:var(--red);color:#fff}.btn-sm{padding:5px 10px;font-size:.82rem}.btn:disabled{opacity:.55;cursor:default}.btn:focus-visible,.tab:focus-visible,.nav-item:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #9cc2ff}.icon-btn{cursor:pointer;color:var(--ink);background:0 0;border:0;padding:4px 8px;font-size:1.5rem;line-height:1}.pill{white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:.76rem;font-weight:600;display:inline-block}.pill-good{background:var(--green-bg);color:var(--green)}.pill-warn{background:var(--amber-bg);color:var(--amber)}.pill-bad{background:var(--red-bg);color:var(--red)}.pill-neutral{background:var(--grey-bg);color:#3c4a63}.state{text-align:center;color:var(--muted);padding:22px}.state-error{color:var(--red);background:var(--red-bg);border-radius:8px}.state-empty{color:var(--muted)}.notice{border-radius:8px;margin:10px 0;padding:10px 14px}.notice-ok{background:var(--green-bg);color:var(--green)}.notice-warn{background:var(--amber-bg);color:var(--amber)}.notice-bad{background:var(--red-bg);color:var(--red)}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;background:#fafcff;padding:9px 10px;font-size:.74rem}.table td{vertical-align:top;border-bottom:1px solid #eef2f8;padding:9px 10px}.row-click{cursor:pointer}.row-click:hover td{background:#f6f9ff}.pager{justify-content:flex-end;align-items:center;gap:12px;padding-top:10px;display:flex}.tabs{border-bottom:1px solid var(--line);gap:2px;margin-bottom:16px;display:flex;overflow-x:auto}.tab{font:inherit;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px;font-weight:600}.tab-on{color:var(--blue);border-bottom-color:var(--blue)}.tab-badge{background:var(--grey-bg);border-radius:999px;margin-left:6px;padding:0 7px;font-size:.72rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;display:grid}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field-wide{grid-column:1/-1}.field-label{font-size:.84rem;font-weight:600}.field-label b{color:var(--red)}.field input,.field select,.field textarea,.filter input,.filter select,.inline-input{font:inherit;background:#fff;border:1px solid #c8d3e4;border-radius:8px;width:100%;min-width:0;padding:8px 10px}.field-check{flex-direction:row;align-items:center;gap:8px}.field-check input{width:auto}.field-help{color:var(--muted);font-size:.78rem}.field-error{color:var(--red);font-size:.8rem}.form-error{background:var(--red-bg);color:var(--red);border-radius:8px;margin-top:12px;padding:8px 12px}.form-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;display:flex}.filter{color:var(--muted);flex-direction:column;gap:3px;min-width:140px;font-size:.74rem;font-weight:600;display:flex}.modal-back{z-index:50;background:#0b1d3a80;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:100%;max-width:560px;max-height:92vh;overflow:auto;box-shadow:0 20px 60px #0000004d}.modal-wide{max-width:900px}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-body{padding:16px 18px}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.toasts{z-index:80;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:16px;right:16px}.toast{color:#fff;border-radius:10px;max-width:380px;padding:10px 16px;box-shadow:0 6px 20px #00000040}.toast-ok{background:#12805c}.toast-error{background:#b42318}.donut-wrap{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.donut{flex:none;width:150px;height:150px}.donut-n{fill:var(--ink);font-size:20px;font-weight:700}.donut-c{fill:var(--muted);font-size:9px}.legend{flex:1;min-width:150px;margin:0;padding:0;list-style:none}.legend li{align-items:center;gap:8px;padding:3px 0;display:flex}.legend i{border-radius:3px;flex:none;width:10px;height:10px}.legend b{margin-left:auto;padding-left:10px}.bars{margin:0;padding:0;list-style:none}.bar-row{width:100%;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:110px 1fr 56px;align-items:center;gap:10px;padding:6px 0;display:grid}.bar-row:disabled{cursor:default}.bar-row b{text-align:right}.bar-track{background:#e8edf5;border-radius:6px;height:10px;overflow:hidden}.bar-fill{background:var(--blue);border-radius:6px;height:100%;display:block}.stage{border-radius:10px;padding:12px 14px}.stage b{font-size:1.5rem;display:block}.stage span{color:var(--muted);font-size:.8rem}.meter{background:#00000014;border-radius:4px;height:6px;margin-top:8px;overflow:hidden}.meter i{background:currentColor;height:100%;display:block}.auth-page{background:linear-gradient(160deg, var(--navy), #16386b);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:28px;box-shadow:0 20px 60px #00000059}.auth-card h1{margin:14px 0 4px}.auth-card .form-grid{grid-template-columns:1fr}.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand strong{font-size:1.4rem;display:block}.auth-brand em{color:var(--blue);font-style:normal}.auth-brand small{color:var(--muted)}.auth-links{text-align:center;margin:16px 0 0}.steps{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.step{background:var(--grey-bg);border-radius:999px;padding:4px 12px;font-size:.8rem;font-weight:600}.step-on{background:var(--blue);color:#fff}.drop{text-align:center;background:#fafcff;border:2px dashed #b9c7de;border-radius:12px;padding:20px}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.86em}@media (width<=1100px){.g4,.g3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.sidebar{z-index:40;transition:transform .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar-open{transform:none}.scrim{z-index:35;background:#0b1d3a80;display:block;position:fixed;inset:0}.menu-btn{display:inline-block}.g2,.g3,.g4{grid-template-columns:1fr}.page{padding:16px 14px 40px}.topbar2{padding:10px 14px}.user-meta{display:none}.form-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:90px 1fr 48px}.table.stack thead{display:none}.table.stack tr{border-bottom:1px solid var(--line);padding:8px 0;display:block}.table.stack td{border:0;justify-content:space-between;gap:12px;padding:4px 10px;display:flex}.table.stack td:before{content:attr(data-label);color:var(--muted);font-weight:600}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.g3w{grid-template-columns:repeat(auto-fit,minmax(440px,1fr))}@media (width<=900px){.g3w{grid-template-columns:1fr}}