.auth-view[hidden], .task-view[hidden], .task-drawer[hidden] { display: none !important; }
.auth-view { min-height: 100dvh; display: grid; place-items: center; padding: max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left)); }
.auth-panel { width: 100%; padding: 26px 22px; border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 18px 50px rgba(31,41,55,.1); }
.auth-panel h1 { margin: 4px 0 8px; }
.auth-panel > p { color: var(--muted); font-size: 13px; }
.auth-panel label { display: grid; gap: 6px; margin-top: 15px; font-size: 12px; font-weight: 700; }
.auth-panel input { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 12px; outline: none; font-family: inherit; font-size: 16px; }
.auth-panel input:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(49,94,251,.12); }
.auth-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 18px; }
.auth-actions button { padding: 12px; border: 1px solid var(--blue); border-radius: 12px; color: #fff; background: var(--blue); font-weight: 800; }
.auth-actions button + button { color: var(--blue); background: #fff; }
.auth-message { min-height: 20px; color: var(--red) !important; }
.worker button { border: 0; color: var(--muted); background: none; font-size: 11px; }