:root{--mist:#E6E6F0;--steel:#8FA4BE;--ice:#A7BCD8;--navy:#2E4775;--slate:#4C6B8F;--ink:#1E2C46;--bg:#F4F6FA;--white:#fff;--line:#D8E0EA;--ok:#197B58;--warn:#A87316;--bad:#B94D5D;--shadow:0 18px 42px rgba(46,71,117,.12)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}.app-shell{min-height:100vh;display:flex}.sidebar{width:284px;background:linear-gradient(180deg,var(--navy),#263B62);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;padding:27px 24px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#DCEBFF,#7EA0D5);color:var(--navy);font-weight:900;font-size:24px}.brand b{letter-spacing:3px;font-size:18px}.brand small{display:block;color:#CFDBEC;letter-spacing:1.5px;font-size:9px;margin-top:2px}.side-scroll{flex:1;overflow:auto;padding:17px 12px}.scope{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.17);padding:11px 13px;border-radius:11px;color:#E8F1FF;font-size:12px;margin:0 0 14px}.nav-link{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:11px;color:#D8E4F8;text-decoration:none;margin:3px 0}.nav-link:hover,.nav-link.active{background:rgba(182,207,239,.2);color:#fff}.nav-link span{font-size:18px;margin-top:2px;width:16px}.nav-link b{font-size:13px;display:block}.nav-link small{display:block;font-size:10px;color:#B8CBE5;margin-top:1px}.user-card{padding:14px 16px;border-top:1px solid rgba(255,255,255,.15);display:grid;grid-template-columns:38px 1fr;gap:9px;align-items:center}.avatar{width:34px;height:34px;border-radius:50%;background:#A7BCD8;color:#2E4775;display:grid;place-items:center;font-weight:800}.user-card b{font-size:12px}.user-card small{font-size:10px;display:block;color:#C7D5E9}.user-card a{grid-column:1/-1;color:#DCEAFF;text-decoration:none;font-size:11px}.main{margin-left:284px;min-height:100vh;width:calc(100% - 284px);padding:28px 34px 48px;background:radial-gradient(circle at 93% 0,#E4EDF9 0,transparent 30%),var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--slate)}h1{font-size:30px;margin:5px 0 0;letter-spacing:-.8px}.top-actions{display:flex;align-items:center;gap:12px}.secure{font-size:11px;color:var(--ok);font-weight:700}.btn{border:0;background:linear-gradient(135deg,var(--navy),var(--slate));color:white;text-decoration:none;border-radius:10px;padding:10px 14px;font-weight:750;font-size:13px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 14px rgba(46,71,117,.18)}.btn:hover{filter:brightness(1.08)}.btn.secondary{color:var(--navy);background:#fff;border:1px solid #B8C8DE;box-shadow:none}.btn.danger{background:var(--bad)}.btn.warn{background:#A87316}.btn.small{padding:7px 10px;font-size:11px}.grid{display:grid;gap:16px}.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))}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 7px 20px rgba(46,71,117,.05)}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:94px;height:94px;border-radius:50%;background:var(--mist);right:-26px;top:-33px}.metric .label{font-size:10px;color:#64738B;font-weight:800;text-transform:uppercase;letter-spacing:1px}.metric .value{font-size:27px;font-weight:850;margin-top:11px;color:var(--navy)}.metric .note{font-size:11px;color:#738096;margin-top:5px}.card h2,.card h3{margin:0 0 10px}.card h2{font-size:17px}.card h3{font-size:14px}.muted{color:#6D7D95;font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;background:#fff}.data-table{width:100%;border-collapse:collapse;min-width:780px}.data-table th{background:#EEF3F9;color:var(--navy);font-size:10px;text-transform:uppercase;letter-spacing:.65px;padding:11px 10px;text-align:left;white-space:nowrap}.data-table td{padding:11px 10px;border-top:1px solid #E5EBF3;font-size:12px;vertical-align:middle}.data-table tr:hover td{background:#FAFCFF}.badge{display:inline-block;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:800}.badge.ok{background:#DBF2E9;color:#177054}.badge.warn{background:#FFF0CF;color:#956215}.badge.bad{background:#FFE1E4;color:#A53949}.badge.blue{background:#E2ECFA;color:#36588C}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;font-weight:800;color:#41536F}.field input,.field select,.field textarea{width:100%;border:1px solid #C9D4E2;background:#FBFCFE;border-radius:9px;padding:10px 11px;font:inherit;color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--slate);box-shadow:0 0 0 3px rgba(76,107,143,.13)}.field textarea{min-height:84px;resize:vertical}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:16px}.flash{border-radius:10px;padding:11px 13px;font-size:12px;margin:0 0 16px}.flash.success{background:#E5F5ED;color:#18674C;border:1px solid #BDE1CE}.flash.error{background:#FFEAEC;color:#9E3545;border:1px solid #F3C2C8}.flash.info{background:#EAF1FC;color:#315D95;border:1px solid #C9D9F0}.empty{border:1px dashed #B7C6DA;border-radius:15px;padding:44px 20px;text-align:center;background:rgba(255,255,255,.58)}.empty-icon{font-size:35px;color:var(--slate)}.empty h3{margin:9px 0 4px}.empty p{color:#738096;font-size:13px;margin:0 0 15px}.status-row{display:flex;gap:7px;flex-wrap:wrap}.inline-form{display:inline}.help{font-size:11px;color:#718198}.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#E6E6F0,#D6E2F1 45%,#8FA4BE)}.login-card{width:min(460px,92vw);background:rgba(255,255,255,.96);padding:35px;border-radius:22px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.login-brand{display:flex;align-items:center;gap:11px;margin-bottom:20px}.login-brand .brand-mark{width:48px;height:48px}.login-card h1{font-size:28px}.login-card p{color:#66758C;font-size:13px}.login-card form{margin-top:18px}.login-card .btn{width:100%;margin-top:10px}.wide{width:100%}.summary-strip{display:flex;gap:12px;flex-wrap:wrap;border:1px solid #D7E0EE;background:#F9FBFF;padding:12px;border-radius:12px}.summary-strip div{min-width:150px}.summary-strip b{display:block;color:#52637C;font-size:10px;text-transform:uppercase}.summary-strip span{font-weight:800;color:var(--navy);font-size:17px}.sticky-actions{position:sticky;bottom:0;background:#FFFFFFEE;backdrop-filter:blur(8px);border-top:1px solid var(--line);padding:10px;margin-top:0;display:flex;justify-content:flex-end;gap:8px}.hidden{display:none}@media(max-width:1050px){.grid-4{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:72px}.brand{padding:20px 12px}.brand>div:last-child,.nav-link div,.scope,.user-card div:not(.avatar),.user-card a{display:none}.nav-link{justify-content:center;padding:13px 6px}.nav-link span{margin:0}.user-card{display:block;padding:14px 19px}.main{margin-left:72px;width:calc(100% - 72px);padding:20px 16px}.topbar{align-items:flex-start}.top-actions .secure{display:none}.grid-4,.grid-3,.grid-2,.form-grid{grid-template-columns:1fr}.span-2,.span-3{grid-column:auto}h1{font-size:25px}}