@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap');
:root{--navy:#0e2148;--teal:#54b4bc;--teal-dark:#117e83;--ink:#12213f;--muted:#69758c;--line:#dfe5ed;--canvas:#f6f7fb;--danger:#b7353c;--shadow:0 16px 42px rgba(25,39,72,.08)}
*{box-sizing:border-box}html{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:var(--canvas)}body{margin:0;min-height:100vh}button,input,select{font:inherit}button,a{touch-action:manipulation}.admin-header{min-height:86px;padding:14px max(24px,calc((100vw - 1480px)/2));background:var(--navy);display:flex;align-items:center;justify-content:space-between;gap:24px}.admin-brand{display:flex;align-items:center;gap:18px;color:#fff;text-decoration:none}.admin-brand img{display:block;height:auto}.admin-brand span{padding-left:18px;border-left:1px solid rgba(255,255,255,.28)}.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{font-size:18px}.admin-brand small{font-size:12px;color:#c7d1e5}.header-actions{display:flex;align-items:center;gap:10px}.header-actions a,.quiet-button{min-height:44px;padding:11px 15px;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:transparent;color:#fff;text-decoration:none;font-weight:800;cursor:pointer}.admin-main{width:min(1480px,calc(100% - 48px));margin:0 auto;padding:44px 0 64px}.page-heading,.directory-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-heading{margin-bottom:28px}.eyebrow{margin:0 0 7px;color:var(--teal-dark);font-size:12px;font-weight:900;letter-spacing:.13em}.page-heading h1{font-size:clamp(30px,4vw,48px);line-height:1.05;margin:0 0 10px;color:var(--navy)}.page-heading p,.directory-heading p,.dialog-heading p{margin:0;color:var(--muted);line-height:1.55}.primary-button,.secondary-button,.danger-button,.icon-button{min-height:44px;border:0;border-radius:11px;padding:11px 17px;font-weight:900;cursor:pointer}.primary-button{background:var(--navy);color:#fff}.secondary-button{background:#edf2f6;color:var(--navy)}.danger-button{background:#fff0f0;color:var(--danger);border:1px solid #f0c8cb}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:wait}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric-grid article{display:flex;align-items:center;gap:15px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.metric-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-weight:900}.metric-icon.teal{background:#e9f6f7;color:#147b82}.metric-icon.green{background:#eaf7f0;color:#188659}.metric-icon.amber{background:#fff4df;color:#a86b0c}.metric-icon.red{background:#fdecee;color:#b7353c}.metric-grid strong,.metric-grid small{display:block}.metric-grid strong{font-size:25px;color:var(--navy);line-height:1}.metric-grid small{margin-top:5px;color:var(--muted);font-size:12px}.directory-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:25px}.directory-heading h2{margin:0 0 3px;color:var(--navy);font-size:25px}.directory-heading p:last-child{font-size:13px}.filters{display:grid;grid-template-columns:minmax(250px,1.6fr) minmax(150px,.55fr) minmax(150px,.55fr);gap:12px;margin:22px 0}.filters label,.form-grid>label{display:grid;gap:6px;color:#35425a;font-size:12px;font-weight:800}.filters input,.filters select,.form-grid input,.form-grid select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd7e3;border-radius:10px;background:#fff;color:var(--ink);outline:none}.filters input:focus,.filters select:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--teal-dark);box-shadow:0 0 0 3px rgba(84,180,188,.2)}[aria-invalid="true"]{border-color:var(--danger)!important;box-shadow:0 0 0 3px rgba(183,53,60,.12)!important}.user-grid{display:grid;grid-template-columns:minmax(220px,1.25fr) 130px minmax(240px,1.4fr) 130px 155px 210px;gap:16px;align-items:center}.user-grid-head{padding:12px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafc;color:#718096;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.user-row{padding:16px 14px;border-bottom:1px solid #e9edf2}.user-row:hover{background:#fbfcfe}.user-identity{display:flex;align-items:center;gap:12px;min-width:0}.user-avatar{flex:none;width:42px;height:42px;border-radius:12px;background:#e9f5f6;color:var(--teal-dark);display:grid;place-items:center;font-weight:900}.user-copy{min-width:0}.user-copy strong,.user-copy small{display:block;overflow:hidden;text-overflow:ellipsis}.user-copy small{color:var(--muted);font-size:11px}.badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:5px 9px;border-radius:999px;background:#e9f6f7;color:#08787e;font-size:10px;font-weight:900;text-transform:capitalize}.badge.admin{background:#edf0f7;color:#354664}.badge.inactive{background:#fdecee;color:#a72d36}.badge.pending{background:#fff3df;color:#946109}.app-list{display:flex;gap:5px;flex-wrap:wrap}.app-chip{max-width:100%;padding:4px 7px;border-radius:7px;background:#f0f3f8;color:#44526a;font-size:10px;font-weight:800}.cell-label{display:none;color:#748096;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.last-active{color:#5d687c;font-size:11px}.row-actions{display:flex;gap:7px;flex-wrap:wrap}.row-actions button{min-height:38px;padding:8px 10px;border:0;border-radius:9px;background:#e8f4f5;color:#0d7076;font-size:10px;font-weight:900;cursor:pointer}.row-actions .reset-button{background:#edf1f6;color:#34455f}.notice{min-height:20px;margin:12px 0;color:#31736d;font-size:13px;font-weight:700}.notice.error{color:var(--danger)}.empty-state{text-align:center;padding:48px 20px}.empty-state h3{margin:0 0 5px;color:var(--navy)}.empty-state p{margin:0;color:var(--muted)}.dialog-layer{position:fixed;inset:0;z-index:30;padding:20px;background:rgba(7,18,42,.62);display:grid;place-items:center}.dialog-layer[hidden]{display:none}.dialog-card{width:min(760px,100%);max-height:calc(100dvh - 40px);overflow:auto;background:#fff;border-radius:20px;box-shadow:0 30px 90px rgba(0,0,0,.3);padding:26px}.dialog-heading{display:flex;justify-content:space-between;gap:20px}.dialog-heading h2{margin:0 0 5px;color:var(--navy);font-size:27px}.dialog-heading p{font-size:13px}.icon-button{flex:none;width:44px;padding:0;background:#edf1f6;color:var(--navy);font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.readonly-field{background:#f1f4f7!important;color:#68758a}.app-access{grid-column:1/-1;border:1px solid #d7dfe9;border-radius:13px;padding:15px}.app-access legend{padding:0 7px;color:var(--navy);font-weight:900}.app-access p{margin:0 0 12px;color:var(--muted);font-size:11px}.app-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.app-options label{display:flex;align-items:flex-start;gap:8px;padding:10px;border:1px solid #e0e6ee;border-radius:9px;font-size:11px;font-weight:800}.app-options input{width:auto;min-height:auto;margin:2px 0 0;accent-color:var(--teal-dark)}.form-grid small{color:var(--muted);font-size:10px;font-weight:600}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:18px;border-top:1px solid var(--line)}.split-actions{display:grid;grid-template-columns:auto 1fr auto auto}.error-summary{margin:18px 0 0;padding:13px 15px;border:1px solid #edb7bb;border-radius:10px;background:#fff1f2;color:#942d35;font-size:13px;font-weight:800}.error-summary ul{margin:7px 0 0;padding-left:20px}.error-summary a{color:inherit}.error-summary[hidden]{display:none}body.dialog-open{overflow:hidden}:focus-visible{outline:3px solid #6bd0d5;outline-offset:3px}
@media(max-width:1180px){.user-grid{grid-template-columns:minmax(220px,1.2fr) 115px minmax(190px,1fr) 115px 150px}.user-grid-head span:last-child{display:none}.user-row>.row-actions{grid-column:1/-1;justify-content:flex-end;padding-top:4px}.app-options{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-main{width:min(100% - 28px,700px);padding-top:28px}.admin-header{padding:12px 16px}.admin-brand span{display:none}.header-actions a{display:none}.page-heading{align-items:center}.metric-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.search-field{grid-column:1/-1}.user-grid-head{display:none}.user-list{display:grid;gap:12px}.user-grid.user-row{grid-template-columns:1fr 1fr;padding:17px;border:1px solid var(--line);border-radius:14px}.user-row>.user-identity{grid-column:1/-1;padding-bottom:11px;border-bottom:1px solid var(--line)}.user-row>.app-cell{grid-column:1/-1}.user-row>.row-actions{grid-column:1/-1;justify-content:flex-start}.cell-label{display:block;margin-bottom:5px}.dialog-card{padding:21px}.form-grid{grid-template-columns:1fr}.app-access{grid-column:auto}.app-options{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.admin-main{width:calc(100% - 20px)}.page-heading{display:block}.page-heading .primary-button{width:100%;margin-top:18px}.page-heading h1{font-size:34px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:14px;gap:10px}.metric-icon{width:38px;height:38px}.metric-grid strong{font-size:21px}.directory-card{padding:15px}.directory-heading{align-items:center}.filters{grid-template-columns:1fr}.search-field{grid-column:auto}.user-grid.user-row{grid-template-columns:1fr}.user-row>.user-identity,.user-row>.app-cell,.user-row>.row-actions{grid-column:auto}.row-actions button{flex:1}.app-options{grid-template-columns:1fr}.dialog-layer{padding:0;align-items:end}.dialog-card{width:100%;max-height:94dvh;border-radius:20px 20px 0 0;padding:20px 16px}.split-actions{grid-template-columns:1fr 1fr}.split-actions span{display:none}.split-actions .danger-button{grid-column:1/-1;order:3}.header-actions{margin-left:auto}}