.auth-view{background-color:var(--bg-primary);background:radial-gradient(circle at top, #6366f10d 0%, var(--bg-primary) 60%);justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.auth-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:20px;width:100%;max-width:420px;padding:3rem 2.5rem;position:relative;box-shadow:0 20px 40px #0006}.auth-back-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.5rem;font-size:.85rem;transition:all .2s;display:flex;position:absolute;top:1rem;left:1.5rem}.auth-back-btn:hover{color:var(--text-primary);background:#ffffff0d}.auth-header{text-align:center;margin-bottom:2rem}.auth-logo{letter-spacing:-.5px;background:linear-gradient(135deg,#f8fafc 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:1.5rem;font-weight:800}.auth-header h1{color:var(--text-primary);margin-bottom:.5rem;font-size:1.75rem}.auth-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.auth-body{flex-direction:column;gap:1.5rem;display:flex}.auth-error{color:#fca5a5;text-align:center;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:1rem;font-size:.9rem}.auth-google-btn{border:1px solid var(--border-primary);background:var(--bg-tertiary);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.75rem;padding:.8rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.auth-google-btn:hover{background:#ffffff1a}.auth-divider{text-align:center;color:var(--text-tertiary);align-items:center;font-size:.85rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-primary);flex:1}.auth-divider span{padding:0 10px}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-field label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.auth-field input{border:1px solid var(--border-primary);color:var(--text-primary);background:#0003;border-radius:8px;outline:none;padding:.8rem 1rem;font-size:1rem;transition:border-color .2s}.auth-field input:focus{border-color:var(--accent-primary)}.auth-submit-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:.5rem;padding:.8rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-submit-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed}.auth-toggle{text-align:center;color:var(--text-secondary);font-size:.9rem}.auth-toggle span{color:var(--accent-primary);cursor:pointer;font-weight:500}.auth-toggle span:hover{text-decoration:underline}@media (width<=768px){.auth-view{align-items:flex-start;padding:2rem 1rem;overflow-y:auto}.auth-container{border-radius:16px;padding:2.5rem 1.75rem}.auth-google-btn,.auth-submit-btn{min-height:44px;padding:.85rem}}@media (width<=480px){.auth-view{min-height:100dvh;padding:1.25rem .75rem}.auth-container{border-radius:12px;padding:2rem 1.25rem}.auth-header h1{font-size:1.5rem}.auth-back-btn{min-height:44px;padding:.65rem .5rem}.auth-field input{padding:.85rem .9rem;font-size:1rem}.auth-google-btn,.auth-submit-btn{min-height:48px;font-size:.95rem}}