/* Shared administration design system. Author: Tinashe K. */
:root{--canvas:#f6f8fb;--surface:#fff;--ink:#17243a;--muted:#657287;--navy:#172d50;--gold:#ad842a;--line:#e1e7ef;--radius:10px}
body{background:var(--canvas);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}
.portal-header{background:var(--surface);border-bottom:1px solid var(--line);padding:0 32px;min-height:72px}
body:has(.dashboard-sidebar) .portal-header{position:sticky;top:0;z-index:20;margin-left:232px;min-height:64px;padding:0 32px}
body:has(.dashboard-sidebar) .portal-header>.wordmark{font-size:19px}.portal-header .wordmark span{font-size:11px}.portal-header nav{gap:22px;font-size:12px}
.dashboard-sidebar{position:fixed;left:0;top:0;bottom:0;width:232px;background:var(--surface);border-right:1px solid var(--line);padding:26px 14px;display:flex;flex-direction:column;gap:5px;font-weight:400}
.sidebar-brand{padding:0 12px 23px}.sidebar-brand strong{font-size:24px;letter-spacing:-.04em;color:var(--navy)}.sidebar-brand strong span{font-size:16px;font-weight:500;letter-spacing:0;border-left:1px solid var(--line);padding-left:10px;margin-left:7px;color:var(--muted)}.sidebar-brand small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}
.navigation-label{font-size:10px;font-weight:650;letter-spacing:.09em;color:var(--muted);margin:20px 12px 6px}.dashboard-sidebar a{display:flex;align-items:center;gap:10px;border-radius:7px;padding:10px 12px;color:#44546a;text-decoration:none;font-size:13px}.dashboard-sidebar a span{font-size:17px;width:19px;text-align:center;color:#748097}.dashboard-sidebar a:hover{background:#f3f5f9;color:var(--navy)}.dashboard-sidebar a[aria-current=page]{background:#edf1f7;color:var(--navy);font-weight:600;box-shadow:inset 3px 0 var(--gold)}.selected-domain{padding:0 12px;font-size:12px;font-weight:650;overflow-wrap:anywhere;margin:0 0 6px}.sidebar-footer{margin-top:auto;padding:18px 12px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.role-label{font-size:11px;font-weight:600;color:var(--navy)}
body:has(.dashboard-sidebar) main{margin-left:232px;max-width:none;padding:28px 36px 48px}body:has(.dashboard-sidebar) footer{margin-left:232px;max-width:none;padding:20px 36px;font-size:11px;background:var(--surface)}
h1,.administration-layout h1{font-size:28px;font-weight:650;letter-spacing:-.035em;line-height:1.2;margin:0 0 9px}h2,.administration-layout h2{font-size:16px;font-weight:650;letter-spacing:-.015em;margin:0 0 14px}.administration-layout .page-heading{margin-bottom:20px}.page-heading p{font-size:13px;margin:0}.back-link{font-size:12px;margin-bottom:18px;color:var(--muted)}
.panel,.entry-panel,.data-section,.configuration-status,.metrics{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 1px 2px #17243a03}.panel{padding:23px}.data-section{margin:24px 0;overflow:hidden}.two-columns{gap:20px;align-items:start}.data-section>.section-heading,.data-section>h2{padding:18px 22px}.data-section .section-heading h2{margin:0}.data-section .section-heading p{margin:5px 0 0}.data-section>.small{padding:0 22px}.configuration-status{padding:18px 22px;margin-bottom:22px}.configuration-status p{font-size:12px}.card-heading{padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:18px}.card-heading h2{margin:0 0 5px}.card-heading p{margin:0}.panel p{font-size:13px}
button,.button-link,.secondary{border-radius:6px;min-height:38px;font-size:12px;font-weight:600;padding:9px 14px;letter-spacing:0;margin-top:18px;line-height:1.4}.secondary{border:1px solid var(--line);background:white;color:var(--navy)}.heading-actions{gap:8px}.heading-actions .secondary{padding:8px 12px}.text-button{min-height:32px;padding:5px 9px;border-radius:5px}.danger{color:#b13744;background:#fff;border-color:#edcdd1}
label{font-size:12px;font-weight:600;margin-top:18px;margin-bottom:7px}input,select,textarea{border:1px solid #cfd8e4;border-radius:6px;padding:10px 12px;font-size:13px;min-height:40px;color:var(--ink);background:white}input:disabled{background:#f3f5f8;color:#8a96a7;border-color:var(--line)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px;display:flex;justify-content:flex-end}.form-footer button{margin:0}
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid var(--line);font-weight:400;margin-top:12px}.switch-row strong{font-size:13px;font-weight:600}.switch-row small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:4px}.switch-row input{appearance:none;flex-shrink:0;width:35px;height:20px;min-height:20px;border:none;border-radius:20px;background:#c6cfda;padding:3px;cursor:pointer;position:relative}.switch-row input::before{content:"";display:block;width:14px;height:14px;border-radius:50%;background:white;box-shadow:0 1px 2px #0002;transition:transform .12s}.switch-row input:checked{background:var(--navy)}.switch-row input:checked::before{transform:translateX(15px)}
.page-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:0;margin:0 0 22px}.page-tabs a{font-size:12px;padding:11px 0;text-decoration:none;color:var(--muted)}.page-tabs a:hover{color:var(--navy);box-shadow:inset 0 -2px var(--gold)}[id]{scroll-margin-top:85px}.data-section table{font-size:12px}.data-section table td,.data-section table th{padding:16px 20px}.data-section table thead{background:#f8fafc}.data-section table thead th{font-size:10px;letter-spacing:.04em}.data-section table tbody th{font-size:12px}.status-badge{border-radius:5px;font-size:10px;padding:4px 7px}.metrics{margin:22px 0}.metrics>div{padding:20px 22px}.metrics span{font-size:10px}.metrics strong{font-size:21px}.notice{border-radius:7px;font-size:12px;padding:14px 16px;line-height:1.6}.small{font-size:12px}.compact-form{display:flex;gap:8px;align-items:center;margin:12px 0 0;min-width:230px}.compact-form select{min-height:35px;padding:7px 9px;font-size:12px}.compact-form button{margin:0;min-height:35px}.administrator-table{min-width:850px}.administrator-table td:last-child{min-width:280px;width:32%}.administrator-reset summary{text-align:left;color:var(--navy);padding:5px 0;font-weight:600;font-size:12px}.administrator-reset[open]{background:#f8fafc;border:1px solid var(--line);padding:12px;border-radius:7px;margin-bottom:12px}.administrator-reset label{display:block}.administrator-reset input{display:block;margin-top:6px}.administrator-reset button{margin-top:10px}.administrator-reset+.inline-form{margin-top:9px}.navigation-toggle{display:none}.signed-in{font-size:11px;color:var(--muted)}
@media(min-width:1500px){body:has(.dashboard-sidebar) main{max-width:1480px;margin-right:auto}}
@media(max-width:1000px){body:has(.dashboard-sidebar) main{padding:25px}.two-columns{grid-template-columns:1fr}.heading-actions{margin-top:14px}.administration-layout .page-heading{flex-wrap:wrap}}
@media(max-width:760px){.dashboard-sidebar{display:none;top:64px;width:232px;box-shadow:10px 0 30px #17243a12}.navigation-open .dashboard-sidebar{display:flex}body:has(.dashboard-sidebar) .portal-header{margin-left:0;padding:0 18px}.navigation-toggle{display:block;margin:0;padding:6px 10px;min-height:34px}.portal-header>.wordmark{margin-right:auto}body:has(.dashboard-sidebar) main{margin-left:0;padding:23px 18px 35px}body:has(.dashboard-sidebar) footer{margin-left:0;padding:20px 18px}.portal-header nav{gap:12px}.portal-header nav>a{display:none}.form-grid{grid-template-columns:1fr;gap:0}.page-tabs{gap:18px;overflow:auto}.page-tabs a{white-space:nowrap}.panel{padding:20px}.administration-layout h1{font-size:25px}.portal-header{flex-wrap:nowrap}.configuration-status{padding:18px}.metrics strong{font-size:17px}.table-filter{width:100%}.page-heading{display:block}}
