.auth-page{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:40px 20px;display:flex}.auth-brand{font:600 28px/1.2 var(--serif);color:var(--ink);text-align:center;margin-bottom:30px}.auth-brand span{font:12px var(--sans);color:var(--muted);letter-spacing:.06em;margin-top:5px;display:block}.auth-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;width:100%;max-width:420px;padding:32px;box-shadow:0 8px 30px #10262b08}.auth-card h1{font:600 32px var(--serif);margin:8px 0}.auth-card>p{color:var(--muted)}.auth-eyebrow{font:500 11px var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--teal)}.auth-form{gap:18px;margin-top:24px;display:grid}.auth-form label{gap:6px;font-weight:500;display:grid}.auth-form input{border:1px solid var(--line);background:var(--surface);border-radius:5px;width:100%;min-width:0;padding:10px 12px}.auth-form label>span{font-size:12px;font-weight:400}.auth-form .btn{justify-content:center;min-height:40px}.auth-form button:disabled{opacity:.6;cursor:wait}.auth-error{color:var(--fail);margin:0}.auth-success{color:var(--pass);margin:0}.auth-card .auth-invite{border-top:1px solid var(--line-soft);margin:24px 0 0;padding-top:18px;font-size:12px}.auth-caption{color:var(--muted);text-align:center;margin-top:24px;font-size:12px}.auth-loading{color:var(--muted);padding:40px}.auth-settings-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;max-width:1000px;display:grid}.auth-settings .sec{min-width:0}.auth-users{margin:0;padding:0;list-style:none}.auth-users li{border-bottom:1px solid var(--line-soft);overflow-wrap:anywhere;gap:4px;padding:14px 0;display:grid}.auth-users span{color:var(--muted)}.auth-users small{color:var(--teal)}.auth-user-menu{position:relative}.auth-user-trigger{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:0}.auth-user-options{z-index:80;background:var(--surface);width:190px;color:var(--text);border:1px solid var(--line);border-radius:8px;padding:8px;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 6px 24px #10262b22}.auth-user-options strong{overflow-wrap:anywhere;padding:8px;display:block}.auth-user-options a,.auth-user-options button{text-align:left;width:100%;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px;display:block}.auth-user-options a:hover,.auth-user-options button:hover{background:var(--teal-wash);text-decoration:none}.auth-user-options p{color:var(--fail);padding:8px}.app.compact .auth-user-options{position:fixed;bottom:60px;left:20px}@media (width<=1024px) and (width>=641px){.auth-user-trigger .name{display:none}.side .foot .auth-user-options{position:fixed;bottom:60px;left:20px}}@media (width<=820px){.auth-settings-grid{grid-template-columns:minmax(0,1fr)}}@media (width<=640px){.side .foot:has(.auth-user-menu){border:0;margin:0;padding:0;display:block;overflow:visible}.side .foot .proto{display:none}.auth-user-trigger{width:auto;margin:0}.auth-user-trigger .name{display:none}.side .foot .auth-user-options{position:fixed;inset:60px 12px auto auto}.auth-card{padding:24px}.auth-page{padding:24px 16px}.auth-brand{margin-bottom:24px}.auth-caption{max-width:260px}}.auth-user-actions{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}
