.settings-page{max-width:680px;margin:0 auto;padding:40px 20px 80px}.settings-title{font-family:Scheherazade New,serif;font-size:32px;font-weight:700;color:var(--text-primary);margin-bottom:32px}.settings-section{margin-bottom:40px}.settings-section-header{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.settings-hint{font-size:13px;color:var(--text-muted);margin-bottom:8px}.settings-input{width:100%;padding:10px 14px;font-size:14px;font-family:Inter,sans-serif;color:var(--text-primary);background:var(--bg);border:1px solid var(--border);border-radius:8px;outline:none;transition:border-color .2s;box-sizing:border-box}.settings-input:focus{border-color:var(--accent)}.settings-input::placeholder{color:var(--text-muted)}textarea.settings-input{resize:vertical;min-height:80px}.settings-row{display:flex;gap:16px}.settings-row>.settings-field{flex:1;min-width:0}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-info{flex:1}.settings-toggle-title{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-toggle-desc{font-size:13px;color:var(--text-muted);margin-top:2px}.toggle-switch{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:16px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:24px;cursor:pointer;transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--text-primary);border-radius:50%;transition:transform .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px);background:#fff}.avatar-preview{display:flex;align-items:center;gap:16px;margin-bottom:20px}.avatar-circle{width:64px;height:64px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;overflow:hidden;flex-shrink:0}.avatar-circle img{width:100%;height:100%;object-fit:cover}.avatar-info{flex:1}.avatar-name{font-size:18px;font-weight:600;color:var(--text-primary)}.avatar-email{font-size:13px;color:var(--text-muted);margin-top:2px}.settings-actions{display:flex;gap:12px;margin-top:24px}.btn-primary{padding:10px 24px;font-size:14px;font-weight:600;color:#fff;background:var(--accent);border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:10px 24px;font-size:14px;font-weight:600;color:#dc3545;background:transparent;border:1px solid #dc3545;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.btn-danger:hover{background:#dc3545;color:#fff}.settings-toast{position:fixed;bottom:24px;right:24px;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:500;color:#fff;background:var(--accent);transform:translateY(80px);opacity:0;transition:transform .3s ease,opacity .3s;z-index:9999}.settings-toast.show{transform:translateY(0);opacity:1}.settings-toast.error{background:#dc3545}.settings-auth-gate{text-align:center;padding:80px 20px}.settings-auth-gate p{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.settings-loading{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:14px}@media(max-width:600px){.settings-page{padding:24px 16px 60px}.settings-title{font-size:26px}.settings-row{flex-direction:column;gap:0}.settings-toast{left:16px;right:16px;bottom:16px}}.bookings-tabs{display:flex;gap:8px;margin-bottom:16px}.bookings-tab{padding:8px 16px;background:var(--surface-heavy);border:1px solid var(--border);border-radius:8px;font-size:14px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.bookings-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.bookings-list{max-height:400px;overflow-y:auto}.booking-item{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;background:var(--bg)}.booking-info{flex:1}.booking-service{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.booking-meta{font-size:13px;color:var(--text-muted);margin-bottom:4px}.booking-date{font-size:13px;color:var(--text-secondary)}.booking-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.booking-status{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.booking-status.pending{background:#fbbf2426;color:#fbbf24}.booking-status.confirmed{background:#22c55e26;color:#22c55e}.booking-status.completed{background:#3b82f626;color:#3b82f6}.booking-status.cancelled{background:#9ca3af26;color:#9ca3af}.booking-btn{padding:6px 12px;font-size:12px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s}.booking-btn:hover{border-color:var(--accent)}.booking-btn.danger:hover{border-color:#dc3545;color:#dc3545}.booking-btn.success:hover{border-color:#22c55e;color:#22c55e}.empty-bookings{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:14px}.reader-dashboard{margin-top:16px}.reader-quick-links{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.reader-link{padding:8px 16px;background:var(--surface-heavy);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:all .2s}.reader-link:hover{border-color:var(--accent);color:var(--accent)}.services-list{margin-top:20px}.service-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px;background:var(--bg)}.service-item-info{flex:1}.service-item-name{font-size:14px;font-weight:600;color:var(--text-primary)}.service-item-meta{font-size:12px;color:var(--text-muted)}.service-item-actions{display:flex;gap:8px}.availability-editor{margin-top:20px}.availability-grid-editor{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-top:12px}.avail-day-header{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:4px}.avail-slot{padding:8px 4px;text-align:center;font-size:10px;border-radius:4px;background:var(--surface-heavy);color:var(--text-muted);cursor:pointer;transition:all .2s}.avail-slot.selected{background:#22c55e33;color:#22c55e}.avail-slot:hover{background:var(--surface)}
