.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:60px 20px 20px;position:relative}.auth-container{background:var(--bg-glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(99,102,241,.15);border-radius:24px;box-shadow:0 32px 64px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04),0 0 40px rgba(99,102,241,.06);padding:48px;max-width:450px;width:100%;text-align:center;position:relative;z-index:1}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:20px;pointer-events:none}.auth-header{display:flex;justify-content:center;align-items:center;margin-bottom:32px;position:relative}.auth-container h1{font-size:1.75rem;font-weight:600;margin:0;color:var(--text-heading)}.sign-in-container{margin-top:24px}.sign-in-container p{margin-bottom:24px;color:var(--text-secondary);font-size:1rem;line-height:1.6}.google-signin{background:linear-gradient(135deg,#ffffff,#f8fafc);color:#1f2937;border:1px solid rgba(209,213,219,.8);padding:16px 32px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;width:100%;max-width:320px;margin:0 auto;display:inline-flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);position:relative;overflow:hidden}.google-signin:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(59,130,246,.05));opacity:0;transition:opacity .3s ease}.google-signin:hover:before{opacity:1}.google-signin:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:rgba(99,102,241,.3);transform:translateY(-2px);box-shadow:0 10px 25px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.google-signin:active{transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.google-signin:after{content:"";width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285f4' d='M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z'/%3E%3Cpath fill='%2334a853' d='M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z'/%3E%3Cpath fill='%23fbbc05' d='M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z'/%3E%3Cpath fill='%23ea4335' d='M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;position:relative;z-index:1}.manual-chatid-container{margin-top:24px;padding:20px;background:var(--bg-glass-light);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--border-tertiary);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.manual-chatid-container p{margin-bottom:12px;font-size:.95rem;color:var(--text-secondary);font-weight:500}.input-group{display:flex;gap:12px;align-items:stretch}.input-group input{flex:1 1;min-width:0;padding:12px 16px;border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);color:var(--text-primary);font-size:1rem;transition:all .3s ease}.input-group input::placeholder{color:var(--input-placeholder)}.input-group input:focus{outline:none;border-color:var(--input-border-focus);box-shadow:0 0 0 2px var(--focus-ring);background:var(--input-bg-focus)}.input-group .action-button{padding:12px 20px;font-size:.95rem;border-radius:8px;white-space:nowrap;min-width:auto}.user-info{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:24px;text-align:center}.user-info .profile-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid rgba(99,102,241,.3);box-shadow:0 8px 16px rgba(0,0,0,.3);margin-bottom:8px}.user-info p{font-size:1.125rem;font-weight:600;color:var(--text-heading);margin:0}.user-avatar{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid var(--border-tertiary);background:var(--input-bg)}.user-avatar img{width:100%;height:100%;object-fit:cover;object-position:center}.user-details{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.user-details h2{font-size:1.5rem;margin:0;color:var(--text-heading);font-weight:600}.user-details p{margin:0}.user-detail-row,.user-details p{color:var(--text-secondary);font-size:.95rem}.user-detail-row{width:100%;padding:8px 0}.user-detail-row strong{color:var(--text-heading);-webkit-margin-end:8px;margin-inline-end:8px}.error-message{background:var(--bg-error);border:1px solid var(--border-error);color:var(--color-error-light);padding:16px;border-radius:12px;margin-bottom:24px;font-size:.95rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .error-message{color:var(--color-error-dark)}.success-message{background:rgba(34,197,94,.15);border:1px solid var(--border-success);color:var(--color-success);padding:32px;border-radius:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message h2{font-size:1.5rem;margin:0 0 8px;color:var(--color-success)}.success-message p{margin:0;font-size:1rem;color:var(--color-success)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.loading-spinner{width:32px;height:32px;border-radius:50%;border:3px solid var(--border-tertiary);border-top-color:var(--color-primary);animation:spin 1s ease-in-out infinite;margin-bottom:16px}.action-button{background:linear-gradient(90deg,rgba(99,102,241,.8),rgba(59,130,246,.8));color:white;border:none;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;min-width:120px}.action-button:hover:not(:disabled){background:linear-gradient(90deg,rgba(99,102,241,1),rgba(59,130,246,1));transform:translateY(-2px);box-shadow:0 8px 16px rgba(99,102,241,.3)}.action-button:active{transform:translateY(-1px)}.action-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.action-button.secondary{background:rgba(71,85,105,.8);color:rgba(203,213,225,.9)}.action-button.secondary:hover:not(:disabled){background:rgba(71,85,105,1);transform:translateY(-2px);box-shadow:0 8px 16px rgba(71,85,105,.3)}.auth-buttons,.button-group{display:flex;gap:16px;margin-top:24px;justify-content:center;flex-wrap:wrap}.settings-container{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-tertiary);border-radius:16px;padding:32px;box-shadow:0 25px 50px -12px rgba(0,0,0,.3);width:100%;max-width:800px;margin:64px auto 20px}.settings-container section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-tertiary)}.settings-container section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-container h2{margin-top:0;margin-bottom:16px;color:var(--text-heading);font-size:1.5rem;font-weight:600}.settings-container .user-details{align-items:flex-start;text-align:start}@media (max-width:768px){.auth-page{padding:16px}.auth-container{padding:32px 24px;max-width:100%}.auth-container h1{font-size:1.875rem}.google-signin{max-width:100%;padding:14px 24px}.input-group{flex-direction:column;gap:8px}.input-group .action-button{width:100%}.button-group{flex-direction:column;gap:12px}.button-group .action-button{width:100%}}@media (max-width:480px){.auth-container{padding:24px 20px;border-radius:16px;margin:0}.auth-container h1{font-size:1.75rem}}.email-auth-section{width:100%;margin-bottom:24px}.email-auth-section h3{font-size:1.25rem;font-weight:600;margin:0 0 20px;color:var(--text-heading)}.email-form{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.email-form .input-group{width:100%}.email-form .action-button.primary{width:100%;margin-top:8px}.auth-toggle{margin-top:16px;font-size:.9rem;color:var(--text-secondary)}.text-button{background:none;border:none;padding:12px 8px;min-height:44px;color:var(--color-primary);font-weight:600;cursor:pointer;font-family:inherit;font-size:inherit;transition:color .2s;text-decoration:underline;-webkit-margin-start:4px;margin-inline-start:4px}.text-button:hover{color:var(--color-primary-light)}.divider{display:flex;align-items:center;text-align:center;margin:24px 0;color:var(--text-tertiary);font-size:.85rem;text-transform:uppercase;letter-spacing:1px}.divider:after,.divider:before{content:"";flex:1 1;border-bottom:1px solid var(--border-primary)}.divider span{padding:0 10px}.auth-notice{background:var(--bg-success);border:1px solid var(--border-success);color:var(--text-primary);padding:14px 16px;border-radius:12px;margin-bottom:20px;font-size:.95rem;text-align:start}.sign-in-container .auth-notice p,.sign-in-container .error-message p{margin:0;color:inherit;font-size:inherit}.sign-in-container .auth-hint{margin:0 0 16px;font-size:.9rem;line-height:1.5;color:var(--text-secondary)}.sign-in-container .auth-toggle p{margin:0;font-size:.9rem}.google-signin:disabled{opacity:.7;cursor:progress;transform:none}.email-form .action-button.primary,.google-signin{min-height:48px}@media (max-width:380px){.auth-page{padding:12px}.auth-container{padding:20px 16px}.auth-header{margin-bottom:20px}}:root[dir=rtl] .email-form input[type=email]:not(:placeholder-shown){direction:ltr;text-align:right}