:root{color-scheme:dark;--bg:#09111f;--surface:#111c2e;--surface2:#17263b;--line:#28384f;--muted:#90a0b7;--text:#eef4fb;--blue:#6299ff;--blue2:#3278e7;--mint:#31d3a0;--amber:#f4b967;--red:#ff747e;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans SC",sans-serif}
*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg);font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.hidden{display:none!important}.shell{display:flex;min-height:100vh}.sidebar{width:246px;flex-shrink:0;background:#0c1728;border-right:1px solid #203147;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:25px 16px}.logo{display:flex;align-items:center;gap:12px;margin:1px 9px 36px}.logo b{font-size:20px;letter-spacing:-.7px}.logo small{display:block;color:#7186a2;font-size:10px;letter-spacing:1.5px;margin-top:5px}.brand-mark{border:1px solid #5b94f8;background:linear-gradient(155deg,#1a4383,#0d2444);color:#dbe9ff;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:20px;font-weight:850;letter-spacing:-2px}.brand-mark span{color:var(--mint)}.side-caption{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:#6984a2;margin:0 15px 12px}.nav-item{display:flex;width:100%;gap:15px;align-items:center;border:0;background:none;text-align:left;color:#a5b6cc;padding:13px 16px;border-radius:9px;margin:2px 0;font-size:14px}.nav-item:first-letter{font-size:19px}.nav-item.active{background:#173459;color:#fff;border:1px solid #264c7b}.nav-item:hover{background:#1b2e46;color:#fff}.side-bottom{margin-top:auto;border-top:1px solid #203147;padding:20px 8px 2px;color:#d6e2f0;font-size:12px;line-height:2}.side-bottom small{color:#6984a2}.tiny-dot{width:7px;height:7px;border-radius:50%;background:var(--amber);display:inline-block;margin-right:5px}.main{flex:1;min-width:0;padding:26px clamp(18px,3vw,48px) 20px}.topbar{display:flex;align-items:center;justify-content:space-between;margin:0 0 28px;gap:20px}.topbar h1{margin:6px 0 0;font-size:27px;letter-spacing:-.5px}.eyebrow{font-weight:750;font-size:10px;letter-spacing:2.1px;color:#72a7fa}.top-actions{display:flex;gap:8px;align-items:center}.status-tag{border:1px solid #516945;background:#243520;color:#bfe39c;border-radius:20px;padding:8px 12px;font-size:10px;letter-spacing:1px;font-weight:800}.ghost{border:1px solid var(--line);background:transparent;color:#c8d7eb;padding:9px 14px;border-radius:8px}.ghost:hover,.secondary:hover{border-color:#5c89c2;background:#1c3655}.page{display:none}.page.active{display:block}.hero{border:1px solid #36537b;border-radius:14px;background:radial-gradient(circle at 90% 10%,#244a7b,#152e52 37%,#12253e 85%);padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}.hero h2{font-size:21px;margin:9px 0}.hero p{color:#9bb3d1;margin:6px 0 0}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.small-note{font-size:11px;color:#9eb4d4;white-space:nowrap}.primary{border:1px solid #4c91ff;background:#347bdf;color:white;padding:11px 18px;border-radius:9px;font-weight:700}.primary:hover{background:#4c90f2}.secondary{border:1px solid #3c526e;background:#1b2d43;color:#dae7f8;padding:10px 13px;border-radius:8px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px}.stat{padding:19px;min-width:0}.stat label,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:25px;margin:14px 0 11px;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat small{font-size:11px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:17px}.panel{padding:21px 23px;margin-bottom:17px;overflow:hidden}.panel h3{font-size:15px;margin:0 0 16px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px}.panel-head h3{margin:0}.pill{background:#1d3551;border:1px solid #355674;color:#9ec1ed;font-size:10px;letter-spacing:.6px;padding:5px 10px;border-radius:999px}.status-description{color:#9fb0c7;min-height:45px;line-height:1.65}.section-small{color:#b9c9dc;font-size:12px;margin:19px 0 10px}.control-buttons{display:flex;gap:8px;flex-wrap:wrap}.danger-note{border-left:3px solid #d78c65;background:#332c31;padding:11px 13px;margin-top:17px;border-radius:0 6px 6px 0;color:#e0bcb5;font-size:12px;line-height:1.6}.metric-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid var(--line);padding:12px 0}.metric-row:last-child{border-bottom:0}.metric-row span{color:var(--muted)}.metric-row b{font-variant-numeric:tabular-nums}.link-button{color:#8fb8ff;background:none;border:0}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;min-width:520px}th{text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#7a8faa;text-align:left;font-weight:700;background:#14223a}td,th{padding:13px 12px;border-bottom:1px solid #23354c;white-space:nowrap}td{font-size:12px;color:#c5d3e5}tr:last-child td{border-bottom:0}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.muted,.note{color:var(--muted);font-size:12px;line-height:1.6}.note{margin:15px 0 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 18px}.section-heading h2{font-size:18px;margin:0 0 6px}.section-heading p{color:var(--muted);margin:0;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label,.login-card label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b4c3d6}.form-grid input,.form-grid select,.login-card input,.inline-form input,.inline-form select{width:100%;background:#0d182a;border:1px solid #344b67;color:#e7f3ff;border-radius:8px;padding:11px 12px;outline:none}.form-grid input:focus,.form-grid select:focus,.login-card input:focus{border-color:#4b9afa}.form-submit{display:flex;align-items:end}.wide{grid-column:1/-1}.inline-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.inline-form input{max-width:220px}.inline-form select{width:auto}.chip{font-size:11px;display:inline-flex;background:#1b3550;border:1px solid #3b5975;color:#bad4f2;padding:5px 9px;border-radius:7px;margin:0 7px 7px 0}.chip.off{background:#1b2634;color:#8496a9;border-color:#2b3b4e}.inline-action{border:1px solid #2b4f75;background:#173253;color:#b8d9ff;padding:6px 9px;margin-right:5px;border-radius:6px;font-size:11px}.inline-action.red{color:#ffb1b4;border-color:#674047;background:#30202b}.error{color:var(--red);font-size:12px}.toast{position:fixed;right:26px;top:18px;z-index:20;max-width:430px;padding:13px 18px;border-radius:9px;background:#194b49;border:1px solid #27987e;color:#ddfff8;box-shadow:0 10px 30px #0009;font-size:13px}.toast.bad{background:#57282e;border-color:#c96974;color:#ffe1e1}.login-layer{background:radial-gradient(circle at 10% 10%,#123360,#081423 50%);position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.login-card{background:#111e31;border:1px solid #335074;border-radius:18px;padding:36px;width:min(430px,100%);box-shadow:0 30px 100px #0006;display:flex;flex-direction:column;gap:19px}.login-card .brand-mark{width:55px;height:55px}.login-card h1{font-size:25px;margin:0}.login-card p{color:#90a7c1;line-height:1.7;margin:0}.login-card label{gap:10px}.login-card .primary{margin-top:4px}footer{color:#627996;font-size:10px;text-align:center;padding:18px 0;letter-spacing:.5px}
@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:205px}.main{padding:24px}.hero h2{font-size:18px}}
@media(max-width:760px){.shell{display:block}.sidebar{position:relative;width:100%;height:auto;padding:12px 12px 2px}.logo{margin:0 4px 12px}.logo b{font-size:17px}.brand-mark{height:35px;width:35px;font-size:16px}.side-caption,.side-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:4px;padding-bottom:10px}.nav-item{width:auto;white-space:nowrap;padding:9px 12px;font-size:12px;gap:7px}.main{padding:18px 13px}.topbar{align-items:flex-start;gap:9px}.topbar h1{font-size:21px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.status-tag{font-size:9px}.top-actions .ghost{padding:8px}.hero{display:block;padding:20px}.hero-actions{align-items:flex-start;margin-top:20px}.stats{gap:9px}.stat{padding:14px}.stat strong{font-size:21px}.two-col{grid-template-columns:1fr}.panel{padding:17px}.form-grid{grid-template-columns:1fr}.section-heading{display:block}.section-heading button{margin-top:15px}.topbar .eyebrow{font-size:9px}}