:root{--navy:#091d3a;--blue:#1358a4;--blue2:#0c3670;--sky:#d8eaff;--ink:#112b49;--muted:#687a92;--line:#dae4f1;--bg:#f2f6fb;--panel:white;--cyan:#64b7ee;--red:#aa2d40;--redbg:#fff0f2;--amber:#956018;--amberbg:#fff6e5;--green:#13785b;--greenbg:#e6f7f0;--radius:15px;--shadow:0 7px 26px rgba(15,56,111,.055)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,'Segoe UI',system-ui,sans-serif;font-size:14px;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:var(--blue)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}h1{font-size:26px;letter-spacing:-.7px}h2{font-size:19px;letter-spacing:-.25px}h3{font-size:15px}.muted,.sub{color:var(--muted)}.small{font-size:12px}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 0%,#2263a8 0,transparent 35%),linear-gradient(140deg,#071b38 0%,#123c74 100%);padding:25px}.auth-card{width:min(460px,100%);background:white;border-radius:22px;padding:40px;box-shadow:0 25px 90px #06132785}.auth-brand,.logo{display:flex;align-items:center;gap:12px}.auth-brand{margin-bottom:32px}.auth-brand b,.logo b{font-size:13px;letter-spacing:.16em}.auth-brand small,.logo small{font-size:10px;display:block;letter-spacing:.16em;color:#6881a5;font-weight:700}.mark{background:linear-gradient(145deg,#0b4289,#246fc0);color:white;border:1px solid #73b7fa;border-radius:12px;width:44px;height:44px;display:grid;place-items:center;font:27px Georgia,serif;box-shadow:0 3px 14px #06244555}.auth-card h1{margin-bottom:9px}.auth-card p{line-height:1.6}.auth-card label{display:block;color:#2f4b6d;font-size:12px;font-weight:700;margin:20px 0}.auth-card label input{margin-top:8px}.auth-card input{width:100%;height:46px;border:1px solid #cfdbea;border-radius:10px;padding:12px}.auth-card button{width:100%;padding:13px;margin:6px 0}.auth-foot{text-align:center;font-size:11px;color:#8290a5;margin:19px 0 0}.err{color:var(--red);font-weight:700;min-height:1.5em;margin:10px 0 0}.shell{min-height:100vh;display:flex}.side{position:fixed;inset:0 auto 0 0;width:248px;background:#0a2144;color:#c7d6ea;display:flex;flex-direction:column;padding:26px 14px;box-shadow:6px 0 30px #081e4518}.logo{padding:0 10px 25px;border-bottom:1px solid #ffffff26;margin-bottom:22px}.logo b{color:white}.logo small{color:#8badd4}.side-label{letter-spacing:.19em;color:#7197c3;margin:9px 12px;font-size:10px;font-weight:800}.side nav{overflow-y:auto;flex:1}.navgroup{font-size:10px;letter-spacing:.12em;font-weight:800;margin:19px 12px 5px;color:#7096c3}.navbtn{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#bad0ea;text-align:left;border-radius:10px;padding:11px 13px;font-size:13px;margin:1px 0;font-weight:550}.navbtn:hover{background:#1b3d68}.navbtn.active{background:#1d559b;color:white;box-shadow:inset 3px 0 #6ebdf7;font-weight:750}.navicon{font-size:16px;width:22px;text-align:center}.profile{display:flex;align-items:center;gap:10px;padding:19px 7px 7px;border-top:1px solid #ffffff26}.profile-dot{color:#57ccab}.profile b{font-size:12px;color:#e5effb}.profile small{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;max-width:172px;white-space:nowrap;color:#9cb6d5}.side-logout{background:transparent;border:1px solid #ffffff35;color:#dceafa;padding:10px;border-radius:9px;margin-top:13px}.workspace{margin-left:248px;width:calc(100% - 248px);min-height:100vh;display:flex;flex-direction:column}.top{background:#fff;border-bottom:1px solid var(--line);padding:25px 35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.top h1{margin:6px 0 0;font-size:23px}.crumb{color:#7b91ad;font-size:10px;font-weight:800;letter-spacing:.15em}.crumb span{color:#aebfd1}.top-right{display:flex;gap:11px;align-items:center}.user-pill,.secure-pill{padding:8px 11px;background:#eaf3fc;border-radius:50px;font-size:11px;font-weight:750;color:#174b82}.secure-pill{background:#e6f5ee;color:#167b56}.content{padding:30px 35px 70px;max-width:1660px;width:100%;margin:auto;flex:1}.foot{font-size:11px;color:#7489a5;padding:22px 35px;border-top:1px solid var(--line)}.lead{color:#6d8099;margin-bottom:25px;line-height:1.6}.titleline{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:22px}.eyebrow{color:#1b6eaf;letter-spacing:.15em;font-weight:800;font-size:10px;margin-bottom:8px}.grid{display:grid;gap:17px}.grid.cols4{grid-template-columns:repeat(4,1fr)}.grid.cols3{grid-template-columns:repeat(3,1fr)}.grid.cols2{grid-template-columns:repeat(2,1fr)}.panel{background:white;border:1px solid #dfe8f3;border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.metric{font-size:30px;font-weight:800;letter-spacing:-.05em;margin:6px 0}.metric-label{color:#69809c;font-size:12px}.kpi-sub{font-size:11px;color:#8597ae;margin-top:9px}.panel h2{margin:0 0 16px}.section{margin-top:23px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:12px}.table th{font-size:10px;text-align:left;color:#697f9e;letter-spacing:.06em;text-transform:uppercase;background:#f5f8fd;padding:12px 13px;white-space:nowrap}.table td{padding:12px 13px;border-bottom:1px solid #ebf0f6;vertical-align:top}.table tr:last-child td{border-bottom:0}.table strong{font-weight:700}.actions{display:flex;gap:5px;flex-wrap:wrap}.primary,.outline,.smallbtn,.danger{border-radius:9px;padding:10px 13px;border:1px solid transparent;font-size:12px;font-weight:750;display:inline-flex;align-items:center;justify-content:center;gap:6px}.primary{background:#145ba8;color:white;border-color:#145ba8}.primary:hover{background:#0a4487}.outline,.smallbtn{background:white;color:#125191;border-color:#d1e0ef}.outline:hover,.smallbtn:hover{background:#eaf3ff}.danger{color:var(--red);background:#fff;border-color:#edcbd2}.danger:hover{background:var(--redbg)}.smallbtn{padding:6px 8px;font-size:11px}.smallbtn.danger{color:var(--red);border-color:#ecd7dc}.pill{padding:4px 8px;display:inline-block;border-radius:30px;background:#ebf2fb;color:#225e9f;font-size:10px;font-weight:750;white-space:nowrap}.pill.red{background:var(--redbg);color:var(--red)}.pill.green{background:var(--greenbg);color:var(--green)}.pill.amber{background:var(--amberbg);color:var(--amber)}.alert{padding:16px 20px;border-radius:12px;margin:0 0 19px;background:#e8f3ff;border:1px solid #c8def7;color:#154a83;line-height:1.55}.alert.red{background:var(--redbg);color:#8b2d41;border-color:#efd1d8}.alert.amber{background:var(--amberbg);color:#72511c;border-color:#ead8b9}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0 16px}.field,.filters select,.filters input{padding:10px;border:1px solid #d4dfed;border-radius:9px;background:white;color:#1c3b5e;min-height:40px}.filters input{min-width:220px;flex:1}.stack{display:flex;flex-direction:column;gap:10px}.stack label{font-size:12px;color:#29476a;font-weight:700;display:flex;flex-direction:column;gap:7px}.stack input,.stack textarea,.stack select{border:1px solid #cbdbea;border-radius:9px;padding:10px;background:#fff;color:#1d3a5b;width:100%;max-width:100%;font-family:inherit}.stack textarea{min-height:80px;resize:vertical}.stack .checkline{display:flex;flex-direction:row;align-items:center;gap:7px;font-weight:500}.stack .checkline input{width:auto}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.checks label{font-size:12px;display:flex;align-items:center;gap:7px}.checks input{width:auto}.empty{padding:36px;text-align:center;background:#f6f9fd;color:#607b9c;border:1px dashed #cfdff0;border-radius:10px;line-height:1.6}.note{font-size:12px;color:#70859b;line-height:1.6}.bold{font-weight:750}.separator{height:1px;background:#e2eaf5;margin:20px 0}dialog{border:1px solid #d6e4f2;border-radius:16px;width:min(650px,calc(100vw - 22px));padding:0;box-shadow:0 20px 120px #08162c77;color:#173657}dialog::backdrop{background:#061930a3}.modal-head{padding:20px 25px;border-bottom:1px solid #e4edf7;display:flex;justify-content:space-between}.modal-head h2{margin:0}.close{border:0;background:transparent;font-size:27px;color:#8091a4}.modal-inner{padding:22px 25px;max-height:74vh;overflow:auto}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.info-list{display:grid;grid-template-columns:150px 1fr;gap:10px;margin:10px 0;font-size:12px}.info-list b{color:#637e9a}.info-list span{overflow-wrap:anywhere}#toast{position:fixed;right:24px;bottom:24px;z-index:200;background:#102f55;color:white;padding:13px 20px;border-radius:12px;box-shadow:0 14px 42px #091e4144;font-size:13px;display:none;max-width:400px}@media(max-width:1100px){.grid.cols4{grid-template-columns:repeat(2,1fr)}.grid.cols3{grid-template-columns:repeat(2,1fr)}.top{padding:20px}.content{padding:22px}}@media(max-width:750px){.side{position:relative;width:100%;inset:auto;height:auto;padding:13px;flex-direction:column}.side nav{display:flex;gap:5px;overflow-x:auto}.side .logo,.side .side-label,.side .navgroup,.side .profile,.side-logout{display:none}.side .navbtn{white-space:nowrap;width:auto}.shell{display:block}.workspace{margin:0;width:100%}.top{padding:15px;display:block}.top-right{margin-top:11px}.content{padding:15px}.grid.cols4,.grid.cols3,.grid.cols2{grid-template-columns:1fr}.checks{grid-template-columns:1fr}}
