.auth-page{background:var(--page-surface);min-height:100svh}.auth-event-backdrop{pointer-events:none;background:var(--page-surface);display:flex;position:fixed;inset:0;overflow:hidden}.auth-preview-sidebar{flex-shrink:0;width:240px;padding:24px 12px}.auth-preview-sidebar>img{object-fit:contain;width:144px;height:40px;margin-bottom:32px}.auth-preview-nav{gap:4px;font-size:14px;display:grid}.auth-preview-nav>span{border-radius:24px;align-items:center;gap:12px;padding:12px;display:flex}.auth-preview-active{color:var(--primary);background:var(--secondary)}.auth-event-backdrop svg{flex-shrink:0;width:18px;height:18px}.auth-preview-workspace{flex:1;min-width:0}.auth-preview-topbar{border-bottom:1px solid var(--border);background:var(--background);justify-content:space-between;align-items:center;height:72px;padding:0 32px;display:flex}.auth-preview-topbar>span{align-items:center;gap:12px;font-size:14px;display:flex}.auth-preview-editor{max-width:1280px;margin:0 auto;padding:32px 40px}.auth-preview-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.auth-preview-heading h2{font-size:24px;font-weight:600}.auth-preview-visibility,.auth-preview-mode{background:var(--secondary);border-radius:24px;padding:4px;font-size:12px;display:flex}.auth-preview-visibility span{align-items:center;gap:6px;padding:6px 12px;display:flex}.auth-preview-visibility span:first-child{color:var(--primary);background:var(--background);border-radius:24px}.auth-preview-columns{grid-template-columns:minmax(240px,400px) minmax(0,1fr);gap:32px;display:grid}.auth-preview-cover{aspect-ratio:1;border:2px dashed var(--border);text-align:center;background:var(--secondary);color:var(--muted-foreground);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.auth-preview-cover strong{color:var(--foreground);font-size:14px}.auth-preview-upload{background:var(--background);width:48px;height:48px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:4px;display:grid}.auth-preview-theme{background:var(--background);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin-top:12px;padding:16px;font-size:12px;display:flex}.auth-preview-fields{flex-direction:column;gap:24px;font-size:14px;display:flex}.auth-preview-field,.auth-preview-description{background:var(--secondary);color:var(--muted-foreground);border-radius:16px;padding:16px}.auth-preview-description{min-height:96px}.auth-preview-dates{background:var(--secondary);border-radius:16px;gap:12px;padding:12px 16px;font-size:12px;display:grid}.auth-preview-dates>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-preview-dates>div>span:last-child{align-items:center;gap:6px;display:flex}.auth-preview-mode span{text-align:center;flex:1;padding:8px}.auth-preview-mode span:first-child,.auth-preview-submit{color:var(--primary-foreground);background:var(--primary);border-radius:24px}.auth-preview-submit{text-align:center;opacity:.5;padding:12px}.auth-preview-cancel{align-self:flex-end;margin-top:-16px;font-size:12px}.auth-scrim{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d263970;position:fixed;inset:0}.auth-content{justify-content:center;align-items:center;min-height:100svh;padding:32px 16px;display:flex;position:relative}.auth-card{background:var(--background);border-radius:24px;width:100%;max-width:380px;padding:24px;box-shadow:0 12px 30px -16px #0f172a66}.auth-card-icon{background:var(--secondary);width:56px;height:56px;color:var(--muted-foreground);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.auth-card-icon svg{width:24px;height:24px}.auth-card h1{font-size:20px;font-weight:600;line-height:28px}.auth-card [data-slot=input]{border-radius:14px}.auth-card [data-slot=button]{border-radius:999px}.auth-card-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted-foreground);margin:20px -24px -24px;padding:20px 24px 24px;font-size:14px}.auth-card a:focus-visible,.auth-card button:focus-visible{outline:2px solid var(--ring);outline-offset:3px}@media (max-width:767px){.auth-preview-sidebar{display:none}.auth-preview-editor{padding:24px}.auth-preview-columns{grid-template-columns:1fr}.auth-preview-fields{display:none}.auth-preview-heading h2{font-size:20px}.auth-preview-visibility{display:none}.auth-content{padding:24px 16px}}