*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--color-page);color:var(--color-text-primary);font-family:var(--font-family-ui);font-size:var(--font-size-14);line-height:var(--line-height-1-6);padding:var(--space-24)}
a{color:var(--color-action);text-decoration:none}
.brand{font-size:var(--font-size-20);font-weight:var(--font-weight-600)}
h1{font-size:var(--font-size-20);font-weight:var(--font-weight-600);margin:var(--space-24) 0 var(--space-8)}
p{margin:var(--space-12) 0}.muted{color:var(--color-text-secondary)}.small{font-size:var(--font-size-12)}
.login-card,.admin-card{margin:var(--space-32) auto;background:var(--color-surface);border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-18);padding:var(--space-24);box-shadow:var(--shadow-card)}
.login-card{max-width:var(--size-440)}.admin-card{max-width:var(--size-720)}
form{display:grid;gap:var(--space-12);margin:var(--space-24) 0}
label{color:var(--color-text-secondary)}
input,button{font:inherit;border:var(--stroke-1) solid var(--color-border);border-radius:var(--radius-8);min-height:var(--size-44);padding:var(--space-8) var(--space-12)}
input{width:100%;background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-16)}
button{background:var(--color-surface-subtle);color:var(--color-action);cursor:pointer}
button:disabled{opacity:var(--opacity-disabled);cursor:wait}
.primary{color:var(--color-surface);background:var(--color-action);border-color:var(--color-action);margin-top:var(--space-8)}
:focus-visible{outline:var(--stroke-2) solid var(--color-focus);outline-offset:var(--size-2)}
#message{min-height:var(--size-20);color:var(--color-text-secondary)}
#message[data-error=true]{color:var(--color-frame-warning)}
header,nav,.account-row,.account-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-12);flex-wrap:wrap}
header h1{margin-top:var(--space-8)}
.account-row{padding:var(--space-16) 0;border-top:var(--stroke-1) solid var(--color-border)}
.account-row strong,.account-row small{display:block}.account-row small{color:var(--color-text-secondary)}
.account-actions button{font-size:var(--font-size-12)}
body[data-page=admin] .admin-card{max-width:var(--size-1100)}
h2{font-size:var(--font-size-18);font-weight:var(--font-weight-600);margin:var(--space-24) 0 var(--space-12)}
.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-140)),1fr));gap:var(--space-12)}
.summary-item{padding:var(--space-16);background:var(--color-surface-subtle);border-radius:var(--radius-8)}
.summary-item span,.summary-item strong{display:block}.summary-item span{color:var(--color-text-secondary)}.summary-item strong{font-size:var(--font-size-26);font-weight:var(--font-weight-600)}
.create-form{grid-template-columns:repeat(auto-fit,minmax(min(100%,var(--size-200)),1fr));align-items:end}
.create-form label{display:grid;gap:var(--space-8)}.create-form .primary{margin:0}
.account-filters{display:flex;gap:var(--space-16);align-items:center;flex-wrap:wrap}
.search-label{flex:1;min-width:min(100%,var(--size-200));display:grid;gap:var(--space-8)}
.checkbox-label{display:flex;align-items:center;gap:var(--space-8)}.checkbox-label input{width:auto;min-height:0}
.account-info{overflow-wrap:anywhere}.account-actions{justify-content:flex-end}
details{margin-top:var(--space-24);border-top:var(--stroke-1) solid var(--color-border);padding-top:var(--space-16)}
summary{cursor:pointer;color:var(--color-text-secondary)}.audit-list{overflow-wrap:anywhere;font-size:var(--font-size-12);color:var(--color-text-secondary)}