:root{--profile-bg-primary:#fff;--profile-bg-secondary:#f8fafc;--profile-bg-tertiary:#f1f5f9;--profile-text-primary:#1e293b;--profile-text-secondary:#64748b;--profile-text-muted:#94a3b8;--profile-border:#e2e8f0;--profile-border-light:#f1f5f9;--profile-brand:#2563eb;--profile-brand-hover:#1d4ed8;--profile-brand-light:#eff6ff;--profile-danger:#ef4444;--profile-danger-light:#fef2f2;--profile-danger-border:#fecaca;--profile-success:#10b981;--profile-warning:#f59e0b;--profile-warning-light:#fef3c7;--profile-shadow:#0000001a;--profile-input-bg:#fff}@media (prefers-color-scheme:dark){:root{--profile-bg-primary:#1e293b;--profile-bg-secondary:#0f172a;--profile-bg-tertiary:#334155;--profile-text-primary:#f1f5f9;--profile-text-secondary:#cbd5e1;--profile-text-muted:#94a3b8;--profile-border:#334155;--profile-border-light:#1e293b;--profile-brand:#3b82f6;--profile-brand-hover:#60a5fa;--profile-brand-light:#1e3a5f;--profile-danger:#f87171;--profile-danger-light:#7f1d1d;--profile-danger-border:#991b1b;--profile-success:#34d399;--profile-warning:#fbbf24;--profile-warning-light:#78350f;--profile-shadow:#0000004d;--profile-input-bg:#334155}}.dark-mode{--profile-bg-primary:#1e293b;--profile-bg-secondary:#0f172a;--profile-bg-tertiary:#334155;--profile-text-primary:#f1f5f9;--profile-text-secondary:#cbd5e1;--profile-text-muted:#94a3b8;--profile-border:#334155;--profile-border-light:#1e293b;--profile-brand:#3b82f6;--profile-brand-hover:#60a5fa;--profile-brand-light:#1e3a5f;--profile-danger:#f87171;--profile-danger-light:#7f1d1d;--profile-danger-border:#991b1b;--profile-success:#34d399;--profile-warning:#fbbf24;--profile-warning-light:#78350f;--profile-shadow:#0000004d;--profile-input-bg:#334155}.light-mode{--profile-bg-primary:#fff;--profile-bg-secondary:#f8fafc;--profile-bg-tertiary:#f1f5f9;--profile-text-primary:#1e293b;--profile-text-secondary:#64748b;--profile-text-muted:#94a3b8;--profile-border:#e2e8f0;--profile-border-light:#f1f5f9;--profile-brand:#2563eb;--profile-brand-hover:#1d4ed8;--profile-brand-light:#eff6ff;--profile-danger:#ef4444;--profile-danger-light:#fef2f2;--profile-danger-border:#fecaca;--profile-success:#10b981;--profile-warning:#f59e0b;--profile-warning-light:#fef3c7;--profile-shadow:#0000001a;--profile-input-bg:#fff}.profile-page{background:var(--profile-bg-secondary);width:600px;min-height:calc(100vh - 150px);margin:auto;padding:2rem}.profile-page.auth{text-align:center;padding:4rem 2rem}.page-title{color:var(--profile-text-primary);margin-bottom:1.5rem;font-size:1.6rem;font-weight:600}.profile-card{background:var(--profile-bg-primary);border:1px solid var(--profile-border);border-radius:12px;flex-direction:column;align-items:center;margin-bottom:1.25rem;padding:1.25rem;transition:all .2s;display:flex}.info-row{width:100%;color:var(--profile-text-secondary);border-bottom:1px solid var(--profile-border-light);justify-content:space-between;padding:.4rem 0;font-size:.9rem;display:flex}.info-row:last-child{border-bottom:none}.address{color:var(--profile-text-secondary);font-size:.9rem}.auth-actions{justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.profile-actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.primary-btn{background:var(--profile-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.3rem;transition:all .2s}.primary-btn:hover{background:var(--profile-brand-hover);transform:translateY(-1px)}.secondary-btn{background:var(--profile-bg-primary);border:1px solid var(--profile-border);cursor:pointer;color:var(--profile-text-secondary);border-radius:8px;padding:.6rem 1.3rem;transition:all .2s}.secondary-btn:hover{border-color:var(--profile-brand);color:var(--profile-brand)}.secondary-btn.small{padding:.4rem .9rem;font-size:.8rem}.danger-btn{background:var(--profile-danger-light);border:1px solid var(--profile-danger-border);color:var(--profile-danger);cursor:pointer;border-radius:8px;padding:.6rem 1.3rem;transition:all .2s}.danger-btn:hover{background:var(--profile-danger);color:#fff}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--profile-bg-primary);width:100%;max-width:420px;box-shadow:0 20px 25px -5px var(--profile-shadow);border-radius:12px;padding:1.5rem;position:relative}.modal-close{cursor:pointer;color:var(--profile-text-muted);background:0 0;border:none;font-size:1.4rem;transition:color .2s;position:absolute;top:10px;right:12px}.modal-close:hover{color:var(--profile-danger)}.modal-form{flex-direction:column;gap:.75rem;display:flex}.modal-form h2{color:var(--profile-text-primary);margin-bottom:.5rem;font-size:1.2rem}.modal-form input{border:1px solid var(--profile-border);background:var(--profile-input-bg);color:var(--profile-text-primary);border-radius:8px;padding:.6rem;font-size:.9rem}.modal-form input:focus{border-color:var(--profile-brand);outline:none}.primary-btn.full{width:100%}.google-btn{background:var(--profile-bg-primary);border:1px solid var(--profile-border);cursor:pointer;color:var(--profile-text-secondary);border-radius:8px;justify-content:center;align-items:center;gap:.6rem;padding:.6rem;font-size:.9rem;transition:all .2s;display:flex}.google-btn:hover{border-color:var(--profile-brand);background:var(--profile-bg-tertiary)}.google-btn img{width:18px;height:18px}.divider{text-align:center;color:var(--profile-text-muted);margin:1rem 0;font-size:.75rem;position:relative}.divider:before,.divider:after{content:"";background:var(--profile-border);width:45%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.auth-forgot-password{text-align:center;margin-top:.5rem}.auth-link-btn{color:var(--profile-brand);cursor:pointer;background:0 0;border:none;font-size:.9rem;text-decoration:underline;transition:color .2s}.auth-link-btn:hover{color:var(--profile-brand-hover)}.forgot-password-section{width:100%}.forgot-password-form{flex-direction:column;gap:1.25rem;width:100%;display:flex}.forgot-password-note{background:var(--profile-warning-light);border:1px solid var(--profile-warning);border-radius:8px;margin-bottom:.5rem;padding:1rem}.forgot-password-advice{color:var(--profile-warning);gap:.5rem;margin:0 0 .5rem;font-size:.9rem;display:flex}.advice-icon{flex-shrink:0;font-size:1.1rem}.advice-subtle{color:var(--profile-warning);margin:0;font-size:.8rem;font-style:italic}.otp-sent-message{text-align:center;color:var(--profile-text-secondary);background:var(--profile-success);opacity:.9;border:1px solid var(--profile-success);border-radius:8px;margin-bottom:.5rem;padding:.5rem;font-size:.9rem}.otp-sent-message strong{color:var(--profile-text-primary);word-break:break-all}.otp-verified-message{text-align:center;color:var(--profile-success);background:var(--profile-success);opacity:.1;border:1px solid var(--profile-success);border-radius:8px;margin-bottom:.5rem;padding:.5rem;font-size:.9rem}.otp-input{text-align:center;letter-spacing:.5rem;background:var(--profile-input-bg);color:var(--profile-text-primary);border:2px solid var(--profile-border);border-radius:8px;padding:.75rem;font-size:1.5rem;font-weight:600}.otp-input:focus{border-color:var(--profile-brand);outline:none}.forgot-password-actions{justify-content:space-between;align-items:center;margin-top:.5rem;display:flex}.resend-btn.disabled{color:var(--profile-text-muted);cursor:not-allowed;opacity:.6;text-decoration:none}.forgot-password-back{text-align:center;margin-top:.5rem}.auth-form-group{flex-direction:column;gap:.5rem;width:100%;display:flex}.auth-form-group label{color:var(--profile-text-primary);font-size:.9rem;font-weight:500}.auth-input{border:2px solid var(--profile-border);background:var(--profile-input-bg);box-sizing:border-box;width:100%;color:var(--profile-text-primary);border-radius:8px;padding:.75rem;font-size:1rem;transition:all .2s}.auth-input:focus{border-color:var(--profile-brand);outline:none;box-shadow:0 0 0 3px #3b82f61a}.auth-input::placeholder{color:var(--profile-text-muted)}.auth-submit-btn{background:var(--profile-brand);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.75rem;font-size:1rem;font-weight:600;transition:all .2s}.auth-submit-btn:hover:not(:disabled){background:var(--profile-brand-hover);transform:translateY(-1px)}.auth-submit-btn:disabled{background:var(--profile-text-muted);cursor:not-allowed;opacity:.7}.loading-spinner-small{vertical-align:middle;border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-right:8px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-modal-header p{color:var(--profile-text-secondary);margin-top:.25rem;font-size:.9rem}.profile-card h2{color:var(--profile-text-primary);margin-bottom:1rem;font-size:1.2rem}.auth-modal{background:var(--profile-bg-primary);border-radius:16px;padding:2rem}.auth-modal-header{text-align:center;margin-bottom:1.5rem}.auth-modal-header h2{color:var(--profile-text-primary);margin-bottom:.5rem;font-size:1.5rem}.auth-method-tabs{border-bottom:1px solid var(--profile-border);gap:1rem;margin-bottom:1.5rem;display:flex}.auth-method-tab{cursor:pointer;color:var(--profile-text-secondary);background:0 0;border:none;flex:1;padding:.75rem;font-size:1rem;transition:all .2s;position:relative}.auth-method-tab.active{color:var(--profile-brand);font-weight:600}.auth-method-tab.active:after{content:"";background:var(--profile-brand);height:2px;position:absolute;bottom:-1px;left:0;right:0}.auth-toggle{text-align:center;border-top:1px solid var(--profile-border);margin-top:1rem;padding-top:1rem}.auth-toggle-btn{color:var(--profile-brand);cursor:pointer;background:0 0;border:none;margin-left:.25rem;font-weight:600}.auth-toggle-btn:hover{text-decoration:underline}@media (max-width:768px){.profile-page{padding:1rem}.profile-actions{flex-direction:column}.profile-card{flex-direction:column;display:flex}.auth-modal{width:95%;margin:0 auto;padding:1.5rem}}@media (max-width:480px){.profile-actions{flex-direction:column}.otp-input{letter-spacing:.25rem;font-size:1.25rem}.forgot-password-note{padding:.75rem}.forgot-password-actions{flex-direction:column;gap:.75rem}.auth-modal-header h2{font-size:1.25rem}.auth-input{font-size:.9rem}}