:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#17324d;background:#f4f7fa;--blue:#064f93;--blue2:#0a6ebd;--green:#80bc00;--border:#dce5ec;--danger:#c53a44}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select{font:inherit}.hidden{display:none!important}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr}.brand-panel{background:linear-gradient(145deg,#003d78,#0876bd);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.brand-panel h1{font-size:3rem;margin:1rem 0 .4rem}.brand-panel p{font-size:1.1rem;opacity:.8}.mark{width:108px;height:108px;border-radius:30px 30px 30px 8px;background:linear-gradient(145deg,#7ebe00,#a4d331);display:grid;place-items:center;font-size:2rem;font-weight:900;color:#fff;box-shadow:0 18px 40px #002d5944}.mark.small{width:48px;height:48px;border-radius:14px 14px 14px 4px;font-size:1rem}.card{background:#fff;border:1px solid var(--border);border-radius:20px;box-shadow:0 14px 40px #183b5710}.login-card{width:min(430px,88%);padding:2.2rem;align-self:center;justify-self:center}.login-card h2{font-size:1.8rem;margin:.5rem 0}.muted{color:#6d8294;margin-bottom:1.7rem}.eyebrow{font-size:.73rem;font-weight:800;letter-spacing:.13em;color:var(--blue2)}.eyebrow.green{color:#609600}label{display:flex;flex-direction:column;gap:.45rem;font-size:.86rem;font-weight:700;color:#39566e;margin:1rem 0}input,select{border:1px solid #cbd8e1;border-radius:10px;padding:.78rem .9rem;background:#fff;color:#17324d;outline:none}input:focus,select:focus{border-color:var(--blue2);box-shadow:0 0 0 3px #0a6ebd18}.primary,.secondary{border:0;border-radius:10px;padding:.78rem 1.1rem;font-weight:800;cursor:pointer}.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff}.primary:hover{filter:brightness(1.08)}.secondary{background:#eaf0f4;color:#31516b}.login-card .primary{width:100%;margin-top:.5rem}.login-card small{display:block;text-align:center;color:#7b8d9b;margin-top:1rem}.error{min-height:1.2rem;color:var(--danger);font-size:.85rem}.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;background:#073d70;color:#fff;padding:1.5rem;display:flex;flex-direction:column}.logo-row{display:flex;align-items:center;gap:.8rem;margin-bottom:2rem}.logo-row b,.logo-row span{display:block}.logo-row span{font-size:.75rem;opacity:.65;margin-top:.2rem}nav{display:grid;gap:.5rem}.nav{border:0;background:transparent;color:#cfe0ed;text-align:left;padding:.9rem 1rem;border-radius:10px;cursor:pointer;font-weight:600}.nav.active,.nav:hover{background:#ffffff18;color:#fff}.account{margin-top:auto;border-top:1px solid #ffffff25;padding-top:1.1rem}.account span,.account small{display:block}.account small{opacity:.65;margin:.25rem 0 .8rem}.account button{border:0;background:transparent;color:#fff;padding:0;cursor:pointer;text-decoration:underline}main{padding:2rem;min-width:0}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}header h1{margin:.35rem 0 0;font-size:2rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:1.3rem}.stat span{color:#6f8394;font-size:.85rem}.stat strong{display:block;font-size:2rem;color:var(--blue);margin-top:.45rem}.welcome{margin-top:1.2rem;padding:2rem;display:flex;justify-content:space-between;align-items:center}.welcome h2{margin:.5rem 0}.welcome p{color:#657d90}.shield{width:80px;height:80px;border-radius:24px;background:#80bc001c;color:#6da000;display:grid;place-items:center;font-size:2rem;font-weight:900}.toolbar{display:flex;gap:.8rem;margin-bottom:1rem}.toolbar input{flex:1}.table-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}th,td{padding:1rem;text-align:left;border-bottom:1px solid #e8eef2;font-size:.88rem}th{color:#667f91;background:#f8fafb;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em}.person strong,.person small{display:block}.person small{color:#8092a0;margin-top:.2rem}.badge{display:inline-block;padding:.3rem .55rem;border-radius:999px;font-size:.72rem;font-weight:800}.active-badge{background:#e8f5d3;color:#568500}.blocked-badge{background:#fff0d8;color:#9a6200}.inactive-badge{background:#f1f2f4;color:#6d7580}.actions{display:flex;gap:.4rem;flex-wrap:wrap}.action{border:1px solid #d2dfe7;background:#fff;color:#315775;padding:.38rem .55rem;border-radius:7px;cursor:pointer;font-size:.75rem}.action.danger{color:#a72834;border-color:#ebc8cc}dialog{width:min(680px,92vw);border:0;border-radius:20px;padding:0;box-shadow:0 24px 80px #001b3370}dialog::backdrop{background:#062f5488;backdrop-filter:blur(4px)}dialog form{padding:1.6rem}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between}.dialog-head h2{margin:.35rem 0}.icon{border:0;background:#edf2f5;width:34px;height:34px;border-radius:9px;font-size:1.4rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.wide{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.2rem}.toast{position:fixed;right:1.5rem;bottom:1.5rem;background:#173c59;color:#fff;padding:1rem 1.2rem;border-radius:12px;box-shadow:0 10px 30px #001c3360}.toast.error-toast{background:#a62c37}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.brand-panel{min-height:260px}.app{grid-template-columns:1fr}aside{position:static;height:auto}nav{display:flex;overflow:auto}.account{margin-top:1rem}.stats{grid-template-columns:1fr 1fr}}@media(max-width:600px){main{padding:1rem}header{align-items:flex-start;gap:1rem}header h1{font-size:1.5rem}.stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}