.impersonation-banner{z-index:10000;color:var(--text);background:linear-gradient(135deg,#ff6b6b 0%,#ee5a6f 100%);justify-content:space-between;align-items:center;padding:12px 20px;animation:.3s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0003}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.impersonation-banner-content{flex:1;align-items:center;gap:12px;display:flex}.impersonation-banner-icon{flex-shrink:0;font-size:20px}.impersonation-banner-text{font-size:14px;line-height:1.4}.impersonation-banner-text strong{font-weight:600}.impersonation-banner-button{color:var(--text);cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.impersonation-banner-button:hover{background:#ffffff4d;transform:translateY(-1px)}.impersonation-banner-button:active{transform:translateY(0)}.impersonation-active{padding-top:48px}@media (max-width:768px){.impersonation-banner{flex-direction:column;align-items:stretch;gap:10px;padding:10px 16px}.impersonation-banner-content{gap:10px}.impersonation-banner-text{font-size:13px}.impersonation-banner-button{justify-content:center;width:100%}}.error-state,.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:48px 24px;display:flex}.error-state-icon,.empty-state-icon{opacity:.6;margin-bottom:24px;font-size:64px;animation:.3s ease-out fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:.6;transform:scale(1)}}.error-state-title,.empty-state-title{color:var(--text-primary,#e5e7eb);margin:0 0 12px;font-size:24px;font-weight:600}.error-state-message,.empty-state-message{color:var(--text-secondary,#9ca3af);max-width:500px;margin:0 0 24px;font-size:16px;line-height:1.6}.error-state-retry,.empty-state-action{background:var(--primary,#00d2e9);color:var(--bg-primary,#0b0f14);cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.error-state-retry:hover,.empty-state-action:hover{background:var(--primary-hover,#00c6d4);transform:translateY(-2px);box-shadow:0 4px 12px #00d2e94d}.error-state-retry:active,.empty-state-action:active{transform:translateY(0)}.error-state-debug{background:var(--bg-primary,#0b0f14);border:1px solid var(--border,#1e2530);color:var(--text-tertiary,#6b7280);border-radius:6px;margin-top:24px;padding:12px 16px;font-size:12px}.error-state-debug code{color:var(--primary,#00d2e9);font-family:Courier New,monospace}.error-state.error-state-compact,.empty-state.empty-state-compact{min-height:200px;padding:32px 16px}.error-state.error-state-inline,.empty-state.empty-state-inline{min-height:unset;padding:16px 12px}.error-state-compact .error-state-icon,.empty-state-compact .empty-state-icon{margin-bottom:16px;font-size:48px}.error-state-inline .error-state-icon,.empty-state-inline .empty-state-icon{margin-bottom:8px;font-size:28px}.error-state-compact .error-state-title,.empty-state-compact .empty-state-title{font-size:18px}.error-state-inline .error-state-title,.empty-state-inline .empty-state-title{font-size:14px}.error-state-compact .error-state-message,.empty-state-compact .empty-state-message{margin-bottom:16px;font-size:14px}.error-state-inline .error-state-message,.empty-state-inline .empty-state-message{margin-bottom:12px;font-size:13px}@media (max-width:768px){.error-state,.empty-state{min-height:250px;padding:32px 16px}.error-state-icon,.empty-state-icon{font-size:48px}.error-state-title,.empty-state-title{font-size:20px}.error-state-message,.empty-state-message{font-size:14px}}.settings-page{background:var(--bg-base);width:100%;min-height:100vh;padding:24px}.settings-container{max-width:1400px;margin:0 auto}.settings-header{margin-bottom:32px}.settings-title{color:var(--text);margin:0 0 8px;font-size:32px;font-weight:700}.settings-subtitle{color:var(--text-muted);margin:0;font-size:14px}.settings-loading,.settings-error{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.settings-loading p,.settings-error p{color:var(--text-muted);font-size:14px}.settings-tabs-container{border-bottom:1px solid var(--border);margin-bottom:32px}.settings-tabs{scrollbar-width:thin;scrollbar-color:var(--border)transparent;gap:4px;display:flex;overflow-x:auto}.settings-tabs::-webkit-scrollbar{height:4px}.settings-tabs::-webkit-scrollbar-track{background:0 0}.settings-tabs::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.settings-tab{color:var(--text-muted);cursor:pointer;transition:color var(--anim-transition-fast),background var(--anim-transition-fast),border-color var(--anim-transition-normal);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:500;display:flex}.settings-tab:hover{color:var(--text);background:var(--bg-hover)}.settings-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.settings-tab-icon{justify-content:center;align-items:center;font-size:16px;display:flex}.settings-tab-label{display:inline}.settings-tabs.edit-mode .settings-tab{cursor:grab;outline:1px dashed var(--accent-primary);outline-offset:2px;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}.settings-tabs.edit-mode .settings-tab:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.settings-tabs.edit-mode .settings-tab.dragging{opacity:.5}.settings-tab-content{flex-direction:column;gap:20px;display:flex}.settings-card-shell{transition:opacity .2s}.settings-card-shell.is-editable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}.settings-card-shell.is-editable:active{cursor:grabbing;-webkit-user-select:none;user-select:none;touch-action:none}.settings-card-shell.is-dragging{opacity:.6}@media (max-width:768px){.settings-page{padding:16px}.settings-header{margin-bottom:24px}.settings-title{font-size:24px}.settings-tabs-container{margin:0 -16px 24px;padding:0 16px}.settings-tab{padding:10px 16px;font-size:13px}.settings-tab-label{display:none}.settings-tab-icon{font-size:18px}.settings-tab.active .settings-tab-label{display:inline}.settings-tab-content{column-count:1}}.settings-card{background:var(--bg-surface);border:1px solid var(--border);transition:transform var(--anim-transition-normal),border-color var(--anim-transition-normal),box-shadow var(--anim-transition-normal);animation:cardFadeIn var(--anim-duration-normal)var(--anim-ease-decelerate)backwards;border-radius:12px;padding:24px}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.settings-page.settings-edit-mode .settings-card{outline:2px dashed var(--accent-primary);outline-offset:6px;box-shadow:0 0 16px var(--primary-glow-soft);-webkit-user-select:none;user-select:none}.settings-card:hover{border-color:var(--primary);box-shadow:0 4px 16px #0000004d,var(--glow-primary);transform:translateY(-2px)}.settings-card-header{border-bottom:1px solid var(--border);margin-bottom:24px;padding-bottom:16px}.settings-card-title{color:var(--text);align-items:center;gap:8px;margin:0 0 4px;font-size:20px;font-weight:600;display:flex}.settings-card-description{color:var(--text-muted);margin:0;font-size:13px}.settings-card-body{flex-direction:column;gap:24px;display:flex}.settings-section{flex-direction:column;gap:16px;display:flex}.settings-section-title{color:var(--text);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:14px;font-weight:600}.settings-group{flex-direction:column;gap:8px;display:flex}.settings-label{color:var(--text);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.settings-icon{color:var(--primary);font-size:14px}.settings-input,.settings-select{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.settings-input:focus,.settings-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.settings-input:disabled,.settings-select:disabled{opacity:.6;cursor:not-allowed}.religion-toggle-container{background:var(--bg-surface);border:2px solid var(--border);border-radius:12px;gap:0;width:100%;max-width:400px;padding:4px;display:flex}.religion-toggle-option{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.religion-toggle-option:hover{background:var(--bg-elevated);color:var(--text)}.religion-toggle-option.active{background:var(--primary);color:var(--text-on-primary);transform:scale(1.02);box-shadow:0 4px 12px #00d2e94d}.religion-toggle-option .religion-icon{margin-bottom:4px;font-size:24px}.religion-toggle-option .religion-label-ar{opacity:.8;font-size:12px}.religion-toggle-option.active .religion-label-ar{opacity:1;font-weight:600}.settings-input.error{border-color:#ef4444}.settings-input-mono{font-family:Consolas,Monaco,monospace;font-size:12px}.settings-input-group{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.settings-input-actions{gap:8px;margin-top:8px;display:flex}.settings-error-text{color:#ef4444;font-size:12px}.theme-selector{gap:12px;display:flex}.theme-option{background:var(--bg-elevated);border:2px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.theme-option:hover{border-color:var(--border-hover);background:var(--bg-hover)}.theme-option.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary)}.theme-option:disabled{opacity:.5;cursor:not-allowed}.theme-option.coming-soon{opacity:.7;cursor:not-allowed;position:relative}.theme-option.coming-soon:hover{border-color:var(--border);background:var(--bg-elevated);opacity:.7}.theme-option-badge{color:var(--text);white-space:nowrap;z-index:1;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:4px;right:4px;box-shadow:0 2px 8px #0003}.theme-icon{font-size:24px}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.palette-option{background:var(--bg-elevated);border:2px solid var(--border);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:12px;transition:all .2s;display:flex;position:relative}.palette-option:hover:not(.locked){border-color:var(--border-hover);transform:translateY(-2px)}.palette-option.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.palette-option.locked.locked-neutral .palette-preview{background:var(--bg-secondary)!important}.palette-preview{border-radius:6px;width:60px;height:60px;position:relative;overflow:hidden}.palette-preview.palette-cyan{background:linear-gradient(135deg,#06b6d4,#0891b2)}.palette-preview.palette-purple{background:linear-gradient(135deg,#a855f7,#7c3aed)}.palette-preview.palette-green{background:linear-gradient(135deg,#10b981,#059669)}.palette-preview.palette-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.palette-lock-overlay{color:var(--text);background:#0009;justify-content:center;align-items:center;font-size:20px;display:flex;position:absolute;inset:0}.palette-name{color:var(--text);text-align:center;font-size:12px;font-weight:500}.palette-lock-badge{background:rgba(var(--primary-rgb),.2);color:var(--primary);text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.plan-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px;display:flex}.plan-badge{border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:20px;display:flex}.plan-badge-free{background:#64748b1a;border:1px solid #64748b4d}.plan-badge-plus{background:#8b5cf61a;border:1px solid #8b5cf64d}.plan-badge-pro{background:#22c55e1a;border:1px solid #22c55e4d}.plan-badge-student{background:#3b82f61a;border:1px solid #3b82f64d}.plan-badge-beta{background:#fb923c1a;border:1px solid #fb923c4d}.plan-badge-content{flex-direction:column;gap:4px;display:flex}.plan-badge-label{text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-size:11px;font-weight:600}.plan-badge-name{color:var(--text);margin:0;font-size:24px;font-weight:700}.plan-badge-price{color:var(--primary);font-size:18px;font-weight:600}.plan-description{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.plan-features{margin-bottom:20px}.plan-features-title{color:var(--text);margin:0 0 12px;font-size:14px;font-weight:600}.plan-features-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.plan-feature-item{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.plan-feature-icon{color:var(--primary);flex-shrink:0;font-size:16px}.plan-actions{margin-top:8px}.plan-max-tier{background:rgba(var(--primary-rgb),.1);border:1px solid rgba(var(--primary-rgb),.3);color:var(--primary);border-radius:8px;align-items:center;gap:10px;padding:16px;font-size:14px;font-weight:500;display:flex}.plan-max-icon{font-size:20px}.settings-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:12px 16px;font-size:13px}.settings-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.btn-block{width:100%}.btn-icon{width:40px;height:40px;padding:10px}.settings-button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.settings-button:disabled{opacity:.5;cursor:not-allowed}.settings-button-primary{background:var(--primary);color:var(--text);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}[data-theme=light] .settings-button-primary{color:var(--bg)}.settings-button-primary:hover:not(:disabled){filter:brightness(1.15);box-shadow:0 4px 12px rgba(var(--primary-rgb),.4);transform:translateY(-1px)}.settings-button-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.settings-button-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary)}.settings-button-danger{background:var(--danger,#dc2626);color:var(--text)}[data-theme=light] .settings-button-danger{color:var(--text)}.settings-button-danger:hover:not(:disabled){background:#b91c1c}.settings-button-icon{font-size:16px}.settings-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:12px;padding:4px 0;display:flex;position:relative}.settings-checkbox input[type=checkbox]{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.settings-checkbox-mark{background:var(--bg-elevated);border:2px solid var(--border);border-radius:4px;flex-shrink:0;width:20px;height:20px;transition:all .2s;position:relative}.settings-checkbox:hover .settings-checkbox-mark{border-color:var(--primary)}.settings-checkbox input[type=checkbox]:checked~.settings-checkbox-mark{background:var(--primary);border-color:var(--primary)}.settings-checkbox input[type=checkbox]:checked~.settings-checkbox-mark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:10px;display:block;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.settings-checkbox input[type=checkbox]:disabled~.settings-checkbox-mark{opacity:.5;cursor:not-allowed}.settings-form-group{flex-direction:column;gap:12px;display:flex}@media (max-width:768px){.settings-page{padding:16px}.settings-title{font-size:24px}.settings-card{padding:20px}.theme-selector{flex-direction:column}.palette-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.settings-actions{flex-direction:column-reverse}.btn{width:100%}}.settings-row{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 0;display:flex}.settings-row-vertical{flex-direction:column;align-items:flex-start;gap:12px}.settings-row-info{flex-direction:column;flex:1;gap:4px;display:flex}.settings-hint{color:var(--text-muted);margin:0;font-size:12px}.settings-divider{background:var(--border);height:1px;margin:8px 0}.toggle-switch{flex-shrink:0;width:48px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-elevated);border:1px solid var(--border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-muted);border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:0%;left:3px;transform:translate(-50%)}.toggle-switch input:checked+.toggle-slider{background-color:var(--primary);border-color:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{background-color:var(--text);transform:translate(24px,-50%)}.toggle-switch input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.settings-module-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.settings-module-item{align-items:center;display:flex}.settings-module-label{color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;display:flex}.settings-module-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.settings-module-checkbox:disabled{opacity:.5;cursor:not-allowed}.settings-module-text-disabled{opacity:.5}.settings-section-icon{color:var(--primary);margin-right:4px;font-size:16px}.settings-segmented-control{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;gap:4px;padding:4px;display:inline-flex}.segmented-btn{color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.segmented-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.segmented-btn.active{background:var(--primary);color:var(--text-on-primary);box-shadow:0 2px 4px #0000001a}.segmented-btn:disabled{opacity:.5;cursor:not-allowed}.settings-input-wrapper{flex-direction:column;gap:6px;min-width:150px;display:flex}.input-number{max-width:120px}.settings-info-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;gap:12px;padding:16px;display:flex}.settings-info-box-warning{background:#fb923c0d;border-color:#fb923c4d}.settings-info-title{color:var(--text);margin:0 0 6px;font-size:14px;font-weight:600}.settings-label-icon{color:var(--primary);font-size:14px}@media (max-width:768px){.settings-row{flex-direction:column;align-items:flex-start}.settings-segmented-control{flex-wrap:wrap;width:100%}.segmented-btn{flex:1;min-width:80px}.settings-module-grid{grid-template-columns:1fr}}.firebase-status-section{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 0;display:flex}.firebase-status-section:last-child{border-bottom:none}.firebase-status-label{color:var(--text-muted);align-items:center;font-size:13px;font-weight:500;display:flex}.firebase-status-value{color:var(--text);font-size:14px;font-weight:600}.status-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;align-items:center;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d}.status-pill-error{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d}.firebase-status-warning{color:var(--text-muted);background:#fb923c1a;border:1px solid #fb923c4d;border-radius:8px;margin-top:16px;padding:12px;font-size:13px}.danger-zone-card{border-color:#ef44444d}.danger-zone-card:hover{border-color:#ef444480}.danger-icon,.danger-title{color:#ef4444}.danger-zone-actions{flex-direction:column;gap:20px;display:flex}.danger-zone-action{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.danger-zone-action-info{flex:1}.danger-zone-action-title{color:var(--text);margin:0 0 6px;font-size:14px;font-weight:600}.danger-zone-action-description{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.btn-danger{cursor:pointer;background:var(--danger,#ef4444);color:var(--text);white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}[data-theme=light] .btn-danger{color:var(--text)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{cursor:pointer;color:#ef4444;white-space:nowrap;background:0 0;border:1px solid #ef4444;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-danger-outline:hover:not(:disabled){background:#ef44441a}.btn-danger-outline:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{z-index:10000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:12px;padding:24px;display:flex}.modal-icon-warning{color:#ef4444;flex-shrink:0;font-size:28px}.modal-icon-primary{color:var(--primary);flex-shrink:0;font-size:28px}.modal-close-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-left:auto;padding:4px;transition:all .2s;display:flex}.modal-close-button:hover{background:var(--bg-elevated);color:var(--text)}.modal-close-button svg{font-size:20px}.modal-title{color:var(--text);flex:1;margin:0;font-size:20px;font-weight:700}.modal-select{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.modal-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.modal-select:disabled{opacity:.6;cursor:not-allowed}.modal-textarea{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);resize:vertical;border-radius:8px;padding:10px 14px;font-family:inherit;font-size:14px;line-height:1.5;transition:all .2s}.modal-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1);outline:none}.modal-textarea:disabled{opacity:.6;cursor:not-allowed}.required-asterisk{color:#ef4444;margin-left:2px}.modal-title{color:var(--text);margin:0;font-size:20px;font-weight:700}.modal-body{flex:1;min-height:0;padding:24px;overflow-y:auto}.modal-description{color:var(--text-muted);margin:0 0 20px;font-size:14px;line-height:1.6}.modal-input-group{flex-direction:column;gap:8px;display:flex}.modal-label{color:var(--text);font-size:13px;font-weight:500}.modal-input{background:var(--bg-elevated);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-size:14px;transition:all .2s}.modal-input:focus{border-color:#ef4444;outline:none;box-shadow:0 0 0 3px #ef44441a}.modal-footer{border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}@media (max-width:768px){.danger-zone-action{flex-direction:column;align-items:flex-start}.btn-danger,.btn-danger-outline{width:100%}.modal-overlay{padding:16px}.modal-content{border-radius:12px;width:calc(100% - 32px);max-width:calc(100% - 32px);max-height:calc(90vh - 32px);padding:20px}.modal-header,.modal-body{padding:20px}.modal-footer{flex-direction:column-reverse;padding:20px}.modal-footer .btn-secondary,.modal-footer .btn-danger{width:100%}}@media (max-width:480px){.modal-overlay{padding:12px}.modal-content{border-radius:8px;width:calc(100% - 24px);max-width:calc(100% - 24px);padding:16px}.modal-header,.modal-body,.modal-footer{padding:16px}}.about-section{border-bottom:1px solid var(--border);flex-direction:column;gap:12px;margin-bottom:10px;padding-bottom:10px;display:flex}.about-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.about-row{align-items:center;gap:12px;display:flex}.about-icon{color:var(--primary);flex-shrink:0;font-size:20px}.about-info{flex-direction:column;flex:1;gap:4px;display:flex}.about-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.about-value{color:var(--text);font-size:14px;font-weight:600}.about-environment-badge{background:rgba(var(--primary-rgb),.1);color:var(--primary);text-transform:uppercase;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.about-description{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.about-tech-stack{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.about-tech-badge{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-block}.about-links{flex-direction:column;gap:8px;margin-top:8px;display:flex}.about-link-button{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.about-link-button:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.about-link-button svg:first-child{color:var(--primary);font-size:18px}.about-link-button span{text-align:left;flex:1}.about-link-icon{color:var(--text-muted);font-size:14px}.settings-card-header-left{align-items:flex-start;gap:12px;display:flex}.settings-card-icon{color:var(--primary);flex-shrink:0;margin-top:2px;font-size:20px}.custom-palette-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.custom-palette-modal{background:var(--bg-secondary,#1f2937);border:1px solid #4b556380;border-radius:12px;width:90%;max-width:600px;max-height:90vh;animation:.3s slideUp;overflow-y:auto;box-shadow:0 20px 60px #00000080}.custom-palette-modal-header{border-bottom:1px solid #4b55634d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.custom-palette-modal-header h3{color:var(--text-primary,#fff);margin:0;font-size:20px;font-weight:600}.custom-palette-close-btn{color:var(--text-secondary,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.custom-palette-close-btn:hover{color:var(--text-primary,#fff);background:#4b55634d}.custom-palette-close-btn svg{width:20px;height:20px}.custom-palette-modal-body{padding:24px}.custom-color-picker-section{margin-bottom:24px}.custom-palette-preview{background:#11182766;border:1px solid #4b55634d;border-radius:8px;margin-top:24px;padding:16px}.color-preview-item{flex-direction:column;align-items:center;gap:8px;display:flex}.color-preview-box{border:1px solid #ffffff1a;border-radius:8px;width:100%;height:60px}.color-preview-item span{color:var(--text-secondary,#9ca3af);font-size:12px}.custom-palette-modal-footer{border-top:1px solid #4b55634d;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.mobile-summary-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.mobile-summary-label{text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);font-size:11px}.mobile-summary-value{color:var(--text);word-break:break-word;font-size:13px;font-weight:600}.mobile-actions{flex-wrap:wrap}.settings-section-icon{color:var(--primary);margin-right:8px}.settings-toggle-row{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;transition:all .2s;display:flex}.settings-toggle-row:hover{background:var(--bg-hover);border-color:rgba(var(--primary-rgb),.3)}.settings-toggle-info{flex:1;min-width:0}.settings-toggle-label{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600;line-height:1.4;display:block}.settings-toggle-hint{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.settings-toggle-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:12px;display:grid}.settings-toggle-grid-scrollable{scrollbar-width:thin;scrollbar-color:var(--primary)var(--bg-elevated);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;max-height:280px;margin-top:12px;padding-right:8px;display:grid;overflow-y:auto}.settings-toggle-grid-scrollable::-webkit-scrollbar{width:8px}.settings-toggle-grid-scrollable::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:4px}.settings-toggle-grid-scrollable::-webkit-scrollbar-thumb{background:var(--primary);border-radius:4px;transition:background .2s}.settings-toggle-grid-scrollable::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}.settings-prayer-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:12px;display:grid}.settings-prayer-grid .settings-module-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:14px 16px;transition:all .2s;display:flex}.settings-prayer-grid .settings-module-item:hover{border-color:var(--primary);background:var(--bg-hover);transform:translateY(-1px)}.settings-prayer-grid .settings-module-label{color:var(--text);margin:0;font-size:14px;font-weight:600}.settings-prayer-grid .settings-select{width:100%;min-width:0;padding:8px 12px;font-size:13px}@media (max-width:768px){.settings-toggle-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.settings-toggle-grid-scrollable{grid-template-columns:repeat(2,1fr);gap:10px;max-height:260px}.settings-prayer-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media (max-width:480px){.settings-toggle-grid{grid-template-columns:1fr}.settings-toggle-grid-scrollable{grid-template-columns:1fr;max-height:300px}.settings-prayer-grid{grid-template-columns:1fr}}.settings-toggle-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}.settings-toggle-item:hover{background:var(--bg-hover);border-color:rgba(var(--primary-rgb),.4);transform:translateY(-1px)}.settings-toggle-item-label{color:var(--text);word-break:break-word;flex:1;font-size:14px;font-weight:500;line-height:1.4}.toggle-switch-sm{transform:scale(.85)}.settings-time-row{background:rgba(var(--primary-rgb),.05);border-radius:10px;margin-top:16px;padding:16px}.settings-time-group{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.settings-time-separator{color:var(--text-secondary);font-size:14px;font-weight:500}@media (max-width:480px){.settings-time-group{flex-direction:column;align-items:stretch}.settings-time-separator{text-align:center}}.settings-subsection{background:rgba(var(--primary-rgb),.03);border:1px solid rgba(var(--border-rgb),.5);border-radius:10px;margin-top:16px;padding:16px}.settings-subsection-header{margin-bottom:12px}.settings-subsection-header .settings-label{color:var(--text);margin:0 0 4px;font-size:14px;font-weight:600}.settings-subsection-header .settings-hint{color:var(--text-secondary);margin:0;font-size:12px}.settings-info-message{background:#3b82f614;border:1px solid #3b82f633;border-radius:8px;margin-top:12px;padding:12px 16px}.settings-info-message .settings-hint{color:var(--text-secondary);margin:0}@media (max-width:768px){.settings-toggle-row{gap:12px;padding:14px}.settings-toggle-label{font-size:14px}.settings-toggle-hint{font-size:12px}.settings-toggle-item{padding:12px 14px}.settings-toggle-item-label{font-size:13px}.settings-subsection{padding:14px}}@media (max-width:480px){.settings-toggle-row{flex-direction:column;align-items:stretch}.settings-toggle-row .toggle-switch{align-self:flex-end}}.settings-permission-alert{background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:12px;align-items:flex-start;gap:16px;padding:16px;display:flex}.settings-permission-icon{color:var(--warning,#f59e0b);flex-shrink:0;margin-top:2px;font-size:24px}.settings-permission-content{flex:1}.settings-permission-title{color:var(--text);margin:0 0 8px;font-size:16px;font-weight:600}.settings-permission-text{color:var(--text-secondary);margin:0 0 16px;font-size:14px;line-height:1.5}.settings-permission-actions{flex-wrap:wrap;gap:12px;display:flex}.settings-row-full{flex-direction:column;align-items:stretch}.settings-select-group{align-items:center;gap:12px;margin-top:8px;display:flex}.settings-select{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;flex:1;min-width:200px;padding:10px 14px;font-size:14px;transition:all .2s}.settings-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.settings-select:disabled{opacity:.5;cursor:not-allowed}.settings-input{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border);border-radius:8px;outline:none;flex:1;min-width:0;padding:10px 14px;font-size:14px;transition:all .2s}.settings-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.settings-input:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.settings-input{width:100%}.settings-select{width:100%;min-width:0}}.settings-checkbox-group{flex-wrap:wrap;gap:16px;margin-top:8px;display:flex}.settings-checkbox-label{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:14px;transition:color .2s;display:flex}.settings-checkbox-label:hover{color:var(--text)}.settings-checkbox{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.settings-checkbox:disabled{opacity:.5;cursor:not-allowed}.settings-module-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-top:12px;display:grid}.settings-module-item{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;transition:all .2s;display:flex}.settings-module-item:hover{border-color:var(--primary);background:var(--bg-hover)}.settings-module-item input[type=checkbox]{cursor:pointer;width:18px;height:18px;accent-color:var(--primary)}.settings-module-label{cursor:pointer;flex:1}.settings-test-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.settings-info-box{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.settings-info-icon{color:var(--info,#3b82f6);flex-shrink:0;margin-top:1px;font-size:18px}.settings-info-text{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.5}.btn{cursor:pointer;border:none;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--text)}.btn-primary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--primary)}.btn-sm{padding:8px 14px;font-size:13px}.settings-icon{margin-right:8px}@media (max-width:768px){.settings-select-group{flex-direction:column;align-items:stretch}.settings-test-grid,.settings-module-grid{grid-template-columns:1fr}.settings-checkbox-group{flex-direction:column;align-items:flex-start}}