:root{font-family:Inter,system-ui,sans-serif;color:#1c262e;background:#f3f5f6}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{border:0;border-radius:.55rem;background:#b52a2f;color:#fff;padding:.7rem 1rem;cursor:pointer;font-weight:650}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #df9da0;outline-offset:2px}.secondary{background:#eef1f2;color:#26343d}.link{background:transparent;color:#8e2025;padding:.3rem}.danger{background:#a11f24}.danger-text{color:#a11f24}.center,.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.auth-page{background:radial-gradient(circle at top right,#f3d9d7,transparent 40%),#f3f5f6}.auth-card{width:min(28rem,100%);background:#fff;padding:2.3rem;border-radius:1rem;box-shadow:0 1rem 3rem #18252d18}.auth-card form,.page dialog form{display:grid;gap:1rem}.eyebrow{color:#9d282d;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:750}label{display:grid;gap:.35rem;font-size:.85rem;font-weight:650}input,select{width:100%;border:1px solid #cad1d5;border-radius:.5rem;padding:.7rem;background:#fff}.notice{padding:.8rem;border-radius:.5rem}.notice.error{background:#fff0f0;color:#7d171b}.notice small{display:block}.shell{min-height:100vh;display:grid;grid-template:4.4rem 1fr/15rem 1fr}.topbar{grid-column:1/-1;background:#fff;border-bottom:1px solid #dde2e4;display:flex;align-items:center;justify-content:space-between;padding:0 1.4rem;position:sticky;top:0;z-index:3}.brand,.profile{display:flex;align-items:center;gap:1rem}.brand{flex-direction:column;align-items:flex-start;gap:0}.brand small,.muted{color:#64737c}.menu-button{display:none}.shell aside{background:#26343d;color:#fff;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between}.shell aside nav{display:grid;gap:.35rem}.shell aside nav button{background:transparent;text-align:left;color:#dfe5e7}.shell aside nav button.active{background:#b52a2f}.security-note{font-size:.75rem;color:#aeb9be}.content{min-width:0;padding:2rem}.page{max-width:82rem;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4rem}.toolbar{display:flex;gap:1rem;align-items:end;margin-bottom:1rem}.search{width:min(24rem,100%)}.table-wrap{overflow:auto;background:#fff;border:1px solid #e0e4e6;border-radius:.8rem}table{border-collapse:collapse;width:100%;min-width:46rem}th,td{padding:.85rem;text-align:left;border-bottom:1px solid #e8ebec;font-size:.9rem}th{color:#5d6c74;background:#fafbfb}.table-actions,.button-row,.inline-form,.row{display:flex;align-items:center;gap:.6rem}.end{justify-content:flex-end}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1rem}.badge{display:inline-flex;padding:.25rem .55rem;border-radius:1rem;background:#e8ecee;font-size:.72rem;font-weight:750}.badge.active,.badge.member{background:#e1f4e9;color:#176139}.badge.archived,.badge.blocked{background:#f6e3e3;color:#842126}.badge.manager{background:#ece7f8;color:#543a91}.empty,.skeleton{padding:3rem;text-align:center;background:#fff;border-radius:.8rem;color:#65757d}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:.8rem}.user-card{background:#fff;color:#1c262e;border:1px solid #e0e4e6;display:flex;justify-content:space-between;text-align:left}.user-card span:first-child{display:grid}.user-card small{color:#64737c}.details{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem}.details div,.welcome{background:#fff;padding:1rem;border-radius:.7rem}.details dd{margin:.4rem 0 0}dialog{border:0;border-radius:.9rem;padding:1.5rem;box-shadow:0 1.5rem 5rem #0003;max-width:34rem;width:calc(100% - 2rem)}dialog::backdrop{background:#142027aa}.wide{max-width:60rem}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.subsection{border-top:1px solid #e2e5e7;padding-top:1rem;margin-top:1rem}.row{padding:.6rem 0;border-bottom:1px solid #eceeef}.row>span:first-child{flex:1}.inline-form{margin-top:1rem}.welcome{padding:2.5rem}.welcome p:last-child{color:#64737c}.audit-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.clickable{cursor:pointer}.clickable:hover{background:#f5f8f8}@media(max-width:800px){.shell{grid-template-columns:1fr}.shell aside{display:none;position:fixed;inset:4.4rem 0 0;z-index:2}.shell aside.open{display:flex}.menu-button{display:block}.profile span{display:none}.content{padding:1rem}.form-grid{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}}.notification-center{position:relative}.notification-bell{position:relative;font-size:1.25rem;background:transparent;border:0}.notification-bell span{position:absolute;right:-6px;top:-6px;min-width:18px;padding:1px 4px;border-radius:10px;background:#c62828;color:#fff;font-size:.7rem}.notification-panel{position:absolute;z-index:20;right:0;top:42px;width:min(420px,90vw);max-height:75vh;overflow:auto;padding:1rem;background:#fff;color:#1d2733;border:1px solid #d8dee7;border-radius:10px;box-shadow:0 12px 32px #17203333}.notification-heading{display:flex;justify-content:space-between;align-items:center}.notification-list{display:grid;gap:.5rem;margin:.75rem 0}.notification-item{display:grid;gap:.25rem;padding:.75rem;border-left:4px solid #5c7c9c;background:#f5f7fa}.notification-item p{margin:0}.notification-item.read{opacity:.7}.severity-warning{border-color:#d99b16}.severity-high{border-color:#db651e}.severity-critical{border-color:#c62828}.link-button{border:0;padding:.2rem;background:transparent;color:#235fa4;cursor:pointer;text-align:left}.notification-preferences{display:grid;gap:.4rem;border:1px solid #d8dee7}.notification-preferences label{display:flex;gap:.4rem}.muted{color:#667085}