:root{--background:#fff;--foreground:#111;--muted:#555;--border:#e4e4e4}html,body{max-width:100vw;min-height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.top-bar{z-index:10;background:#fffffff5;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(20px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.site-name{text-overflow:ellipsis;white-space:nowrap;max-width:min(70vw,720px);font-size:.95rem;font-weight:700;overflow:hidden}.profile-icon{border:1px solid var(--border);background:#fff;border-radius:999px;place-items:center;width:42px;height:42px;font-size:1.35rem;line-height:1;display:inline-grid}.home-page{text-align:center;place-content:center;gap:12px;min-height:100vh;padding:88px 24px 32px;display:grid}.home-page h1{max-width:1100px;font-size:clamp(2.2rem,6vw,5rem);font-weight:700;line-height:1.05}.home-page p,.muted{color:var(--muted)}.simple-page{align-content:center;justify-items:center;min-height:100vh;padding:96px 20px 40px;display:grid}.panel,.auth-panel{border:1px solid var(--border);background:#fff;border-radius:8px;width:min(920px,100%);padding:clamp(24px,4vw,40px)}.eyebrow,.section-eyebrow{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin-bottom:8px;font-size:.8rem;font-weight:700}.panel h1,.auth-panel h2{margin-bottom:12px;font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.15}.auth-form{gap:16px;margin-top:20px;display:grid}.auth-form label{color:#222;gap:8px;font-size:.95rem;font-weight:700;display:grid}.auth-form input,.user-row select{color:#111;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #ccc;border-radius:6px;padding:10px 12px}.auth-form input:focus,.user-row select:focus{outline-offset:2px;border-color:#1f6feb;outline:2px solid #1f6feb}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.button,.link-button{min-height:44px;font:inherit;cursor:pointer;border-radius:6px;font-weight:700}.button{border:1px solid #111;padding:10px 16px}.primary-button{color:#fff;background:#111}.secondary-button{color:#111;background:#fff}.button:disabled{cursor:not-allowed;opacity:.65}.link-button{color:#1f6feb;background:0 0;border:0;width:fit-content;padding:4px 0}.auth-actions{flex-wrap:wrap;gap:12px 20px;display:flex}.form-error{color:#9b1c1c;font-weight:700}.form-message{color:#1f5f3b;font-weight:700}.account-state{justify-content:space-between;align-items:center;gap:20px;margin-top:20px;display:flex}.account-email,.user-email{overflow-wrap:anywhere;margin-top:4px;font-size:1.125rem;font-weight:700}.role-line,.role-source{color:#444;margin-top:6px}.role-source{color:#666;font-size:.9rem}.user-list{gap:12px;margin-top:24px;display:grid}.user-row{border:1px solid var(--border);border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(150px,220px);align-items:center;gap:16px;padding:16px;display:grid}.user-row label{gap:8px;font-size:.9rem;font-weight:700;display:grid}.role-badge{border:1px solid var(--border);color:#444;border-radius:999px;justify-self:end;width:fit-content;padding:8px 12px;font-weight:700}@media (max-width:720px){.form-grid,.user-row{grid-template-columns:1fr}.account-state{flex-direction:column;align-items:flex-start}.role-badge{justify-self:start}}