*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}main{max-width:720px;margin:0 auto;padding:3rem 1.25rem}button{font:inherit;cursor:pointer;padding:.55rem 1rem;border:1px solid #cbd5e1;border-radius:8px;background:#0f172a;color:#fff}button:disabled{opacity:.6;cursor:default}.auth-page{display:flex;min-height:100vh;align-items:center;justify-content:center}.auth-card{width:100%;max-width:360px;padding:2rem;border:1px solid #e2e8f0;border-radius:12px}.auth-card h1{margin:0}.auth-subtitle{margin:.25rem 0 1.5rem;color:#64748b}.auth-form{gap:1rem}.auth-form,.auth-form label{display:flex;flex-direction:column}.auth-form label{gap:.35rem;font-size:.875rem}.auth-form input{font:inherit;padding:.55rem .7rem;border:1px solid #cbd5e1;border-radius:8px}.auth-error{margin:0;color:#dc2626;font-size:.875rem}.user-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.user-row{display:grid;grid-template-columns:1fr;grid-gap:.6rem;gap:.6rem;padding:1rem;border:1px solid #e2e8f0;border-radius:10px}.user-id{font-weight:600}.user-id .you{color:#64748b;font-weight:400}.role-checks{display:flex;flex-wrap:wrap;gap:.75rem}.role-check{display:inline-flex;align-items:center;gap:.35rem;font-size:.875rem}.user-actions{display:flex;align-items:center;gap:.75rem}.saved{color:#16a34a;font-size:.875rem}.save-error{color:#dc2626;font-size:.875rem}