.settings-page{max-width:900px;margin:0 auto;padding:2rem}.settings-header{margin-bottom:2rem}.settings-header h1{color:#0f172a;margin-bottom:.35rem;font-size:1.75rem;font-weight:700}.settings-header p{color:#64748b;font-size:.95rem}.settings-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000000d}.settings-section-title{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;gap:.75rem;padding:1.5rem 2rem;display:flex}.settings-section-title h2{color:#1e293b;margin:0;font-size:1.15rem;font-weight:600}.settings-section-icon{color:#2563eb;background:#eff6ff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.settings-form{flex-direction:column;gap:1.75rem;padding:2rem;display:flex}.settings-field-group{flex-direction:column;gap:.5rem;display:flex}.settings-field-group label{color:#334155;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.settings-field-hint{color:#64748b;font-size:.8rem;font-weight:400}.settings-input-wrap{align-items:center;display:flex;position:relative}.settings-input-wrap input{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:.75rem 2.75rem .75rem 1rem;font-size:.95rem;transition:all .2s}.settings-input-wrap input:focus{background:#fff;border-color:#2563eb;outline:none;box-shadow:0 0 0 4px #2563eb1a}.settings-toggle-eye{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:color .15s;display:flex;position:absolute;right:.75rem}.settings-toggle-eye:hover{color:#1e293b}.settings-divider{background:#f1f5f9;height:1px;margin:.5rem 0}.settings-alert{border-radius:10px;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;font-weight:500;animation:.2s fadeIn;display:flex}.settings-alert--success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.settings-alert--error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.settings-form-actions{border-top:1px solid #f1f5f9;justify-content:flex-end;gap:1rem;margin-top:1rem;padding-top:1.5rem;display:flex}.settings-btn-save{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #2563eb40}.settings-btn-save:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.settings-btn-save:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}