:root{font-family:Inter,system-ui,sans-serif;color:#181818;background:#f6f6f4}*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}button{cursor:pointer;border:0}.login{min-height:100dvh;display:grid;place-items:center;padding:1.25rem;background:#111}.login form{width:min(100%,25rem);padding:2rem;border:1px solid #d7d7d3;background:#fff}.eyebrow{display:block;font-size:.7rem;letter-spacing:.11em;font-weight:800;color:#686862}.login h1{margin:.35rem 0}.login p{color:#686862;line-height:1.5}.login label{display:grid;gap:.4rem;margin:1rem 0;font-size:.9rem;font-weight:700}.login input{height:2.75rem;border:1px solid #cfcfca;padding:.6rem}.primary{width:100%;min-height:2.8rem;background:#111;color:#fff;font-weight:700}.error{padding:.7rem;background:#f7e2e0;color:#8e281f}.shell{display:grid;grid-template-columns:15.5rem minmax(0,1fr);min-height:100dvh}.shell aside{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem;background:#111;color:#f5f5f1}.brand{font-size:1.2rem;font-weight:800}.brand span{font-weight:400;color:#aaa}.identity{display:grid;gap:.2rem;padding:.85rem;border:1px solid #343434}.identity small{color:#aaa}.shell nav{display:grid;gap:.2rem}.shell nav button,.signout{padding:.7rem .75rem;text-align:left;background:transparent;color:inherit;border-left:2px solid transparent}.shell nav button:hover,.shell nav .active{background:#242424;border-left-color:#fff}.signout{margin-top:auto;color:#ccc}.shell main{width:min(100%,78rem);margin:auto;padding:clamp(1rem,3vw,2.5rem)}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:2rem;border-bottom:1px solid #d9d9d4;padding-bottom:1rem}.topbar h1{margin:.3rem 0 0;font-size:clamp(1.6rem,3vw,2.25rem)}.topbar small{color:#686862}.metric-grid,.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metric-grid article,.panel,.module-grid article{background:#fff;border:1px solid #deded9}.metric-grid article{display:grid;gap:.45rem;padding:1.15rem}.metric-grid span,.metric-grid small,.empty{color:#6d6d67}.metric-grid strong{font-size:2rem;letter-spacing:-.06em}.panel{margin-top:1rem;padding:1.25rem}.panel h2{margin:.35rem 0 1rem;font-size:1.1rem}.module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.module-grid article{padding:1rem}.module-grid strong{font-size:.95rem}.module-grid p,.coming p{margin-bottom:0;color:#686862;line-height:1.45;font-size:.9rem}.activity{list-style:none;padding:0;margin:0}.activity li{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-top:1px solid #ecece9;text-transform:capitalize}.activity small{color:#777}.coming{max-width:42rem}@media (max-width:780px){.shell{grid-template-columns:1fr}.shell aside{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:1fr auto;gap:.8rem;padding:.8rem 1rem}.identity{display:none}.shell nav{grid-column:1/-1;display:flex;overflow:auto}.shell nav button{white-space:nowrap}.signout{margin:0}.topbar{align-items:start;flex-direction:column}.metric-grid,.module-grid{grid-template-columns:1fr 1fr}}@media (max-width:440px){.metric-grid,.module-grid{grid-template-columns:1fr}.shell main{padding:1rem}.activity li{align-items:start;flex-direction:column;gap:.25rem}}:root .clients{display:grid;gap:1rem}.clients>header{display:flex;justify-content:space-between;align-items:end;gap:1rem}.clients h2,.clients p{margin:.3rem 0}.clients>header>strong{font-size:1.2rem}.client-list{display:grid;gap:.7rem}.client-list article{display:grid;grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:1rem;padding:1rem;background:#fff;border:1px solid #deded9}.client-list h3{margin:.35rem 0}.client-list small{color:#6d6d67}.client-list dl{display:flex;gap:1.4rem;margin:0}.client-list dt{font-size:.72rem;text-transform:uppercase;letter-spacing:.05em;color:#6d6d67}.client-list dd{margin:.2rem 0 0;font-weight:800}.status{display:inline-block;padding:.18rem .45rem;background:#ecece9;font-size:.7rem;font-weight:800;text-transform:uppercase}.status.active{background:#e5f0e6;color:#276038}.status.suspended{background:#f7e2e0;color:#902e26}@media (max-width:650px){.clients>header,.client-list article{align-items:start;flex-direction:column;grid-template-columns:1fr}.client-list dl{width:100%;justify-content:space-between}}:root .settings-list{display:grid;border-top:1px solid #ecece9}.settings-list>div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #ecece9}.settings-list span{color:#6d6d67}.settings-list strong{font-size:.9rem;text-align:right}@media (max-width:500px){.settings-list>div{align-items:start;flex-direction:column;gap:.25rem}.settings-list strong{text-align:left}}:root .secondary{padding:.6rem .75rem;background:#fff;border:1px solid #bbb;color:#181818;font-size:.85rem;font-weight:700}.secondary:hover{background:#f2f2ef}.client-actions{display:grid;justify-items:end;gap:.65rem}.access-panel{display:grid;gap:1rem}.access-panel>header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.access-panel h2{margin:.35rem 0}.access-panel header p{margin:0}.access-list{display:grid;border-top:1px solid #ecece9}.access-list article{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid #ecece9}.access-list article>div:first-child{display:grid;gap:.2rem}.access-list span,.access-list small{color:#6d6d67}.access-actions{display:flex;gap:.5rem;flex-wrap:wrap}.temporary-password{display:grid;gap:.6rem;padding:1rem;border:1px solid #ccb982;background:#fffdf5}.temporary-password code{display:block;overflow-wrap:anywhere;padding:.7rem;background:#fff;border:1px solid #e2dccd;font-size:1rem}.temporary-password p{margin:0;color:#686862}.password-form{display:grid;gap:.75rem;padding-top:1rem;border-top:1px solid #ecece9}.password-form h3{margin:0;font-size:1rem}.password-form label{display:grid;gap:.4rem;font-size:.9rem;font-weight:700}.password-form input,.password-form select{height:2.7rem;border:1px solid #aaa;padding:.6rem;background:#fff}.password-form>div{display:flex;gap:.6rem;align-items:center}.password-form .primary{width:auto;padding:0 1rem}@media (max-width:650px){.client-actions{justify-items:start}.access-panel>header,.access-list article{align-items:start;flex-direction:column}.access-actions{width:100%}.access-actions .secondary{flex:1}.password-form>div{align-items:stretch;flex-direction:column}}