.settings-page{width:min(100%,1140px);margin:0 auto;padding:7px 0 48px;color:var(--text-dark, #0f172a)}.page-head{position:sticky;top:70px;z-index:25;margin:-34px -28px 28px;padding:24px 28px;background:transparent;isolation:isolate}.page-head:before{content:"";position:absolute;top:-150px;bottom:0;left:-50vw;right:-50vw;z-index:-1;background:#ffffffc7;border-bottom:1px solid rgba(226,232,240,.82);box-shadow:0 14px 36px #0f172a09;-webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#4f46e5;display:block;margin-bottom:4px}.page-head h1{margin:0 0 8px;font-size:24px;font-weight:700;letter-spacing:-.04em;line-height:1.1}.page-head p{margin:0;color:#64748b;font-size:14px;font-weight:400;line-height:1.5}.sync-alert{border-radius:12px;padding:14px 18px;margin-bottom:24px;font-size:14px;font-weight:550}.sync-alert.error{background:#fef2f2;border:1px solid #fee2e2;color:#b91c1c}.sync-alert.success{background:#f0fdf4;border:1px solid #dcfce7;color:#15803d}.sync-alert .alert-content{display:flex;align-items:center;gap:10px}.settings-layout{display:grid;grid-template-columns:240px 1fr;gap:32px;align-items:start}.settings-sidebar{background:transparent;border:0;border-radius:0;padding:0;display:flex;flex-direction:column;gap:0}.tab-btn{display:flex;align-items:center;gap:12px;background:transparent;border:none;border-bottom:1px solid #edf2f7;border-radius:0;padding:11px 14px;color:#65758c;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.tab-btn:first-child{border-top-left-radius:12px;border-top-right-radius:12px}.tab-btn:last-child{border-bottom-left-radius:12px;border-bottom-right-radius:12px;border-bottom:0}.tab-btn:hover{background:#f1f5f9;color:#65758c}.tab-btn.active{background:#f1f5f9;color:#65758c;font-weight:500}.tab-btn i{font-size:16px;width:20px;text-align:center;color:#65758c}.tab-btn.active i{color:#65758c}.settings-content-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:28px;box-shadow:0 4px 20px -2px #94a3b80a}.settings-panel{display:none}.settings-panel.active{display:block}.settings-panel h2{margin:0 0 6px;font-size:20px;font-weight:700}.panel-subtitle{margin:0 0 24px;color:#64748b;font-size:13.5px;line-height:1.4;border-bottom:1px solid #edf2f7;padding-bottom:16px}.avatar-upload-section{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.avatar-preview-container{width:72px;height:72px;border-radius:9999px;overflow:hidden;background:#e2e8f0;display:flex;align-items:center;justify-content:center}.avatar-img{width:100%;height:100%;object-fit:cover}.brand-logo-preview-container{border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0}.brand-logo-img{object-fit:contain;padding:6px}.avatar-initials{font-size:28px;font-weight:800;color:#475569}.avatar-actions{display:flex;flex-direction:column;gap:6px}.avatar-actions strong{color:#1e293b;font-size:13px;font-weight:750}.upload-hint{font-size:11px;color:#94a3b8}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:span 2}.form-group label{font-size:13px;font-weight:650;color:#334155}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=password]{padding:10px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:13.5px;font-weight:550;color:#0f172a;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.input-readonly{background:#f8fafc!important;color:#64748b!important;cursor:not-allowed}.field-hint{font-size:12px;color:#64748b;margin:0 0 4px}.btn-primary{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:13.5px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#4338ca}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#334155;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:12.5px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.panel-footer{margin-top:28px;padding-top:18px;border-top:1px solid #f1f5f9;text-align:right}.colors-container{padding-top:12px;border-top:1px solid #f1f5f9;margin-top:10px}.color-pickers{display:flex;gap:24px;margin-top:8px}.color-picker-box{display:flex;align-items:center;gap:12px;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;flex-grow:1;background:#f8fafc}.color-picker-box input[type=color]{width:38px;height:38px;border:none;border-radius:6px;cursor:pointer;background:transparent}.color-details{display:flex;flex-direction:column;gap:2px}.color-details strong{font-size:12.5px;font-weight:700;color:#1e293b}.color-details span{font-family:monospace;font-size:11.5px;color:#64748b}.notification-sections{display:flex;flex-direction:column;gap:20px}.notif-group-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.notif-group-card h3{margin:0 0 16px;font-size:14.5px;font-weight:700;color:#0f172a}.checkbox-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}.checkbox-row:last-child{margin-bottom:0}.checkbox-row input[type=checkbox]{width:17px;height:17px;margin-top:3px;border-radius:4px;border:1px solid #cbd5e1;accent-color:#4f46e5;cursor:pointer}.checkbox-label-wrap{display:flex;flex-direction:column;gap:2px}.checkbox-label-wrap label{font-size:13.5px;font-weight:700;color:#1e293b;cursor:pointer}.checkbox-label-wrap span{font-size:11.5px;color:#64748b;line-height:1.35}.skeleton-grid{display:grid;grid-template-columns:240px 1fr;gap:32px}.skeleton-sidebar{height:220px;background:#e2e8f0;border-radius:16px;animation:skeleton-loading 1.2s infinite ease-in-out}.skeleton-content{height:480px;background:#e2e8f0;border-radius:16px;animation:skeleton-loading 1.2s infinite ease-in-out}.skeleton-line{background:#e2e8f0;border-radius:6px;animation:skeleton-loading 1.2s infinite ease-in-out}.skeleton-title{width:280px;height:38px;margin-bottom:12px}.skeleton-subtitle{width:480px;height:18px}@keyframes skeleton-loading{0%{background-color:#e2e8f0}50%{background-color:#cbd5e1}to{background-color:#e2e8f0}}@media(max-width:768px){.settings-layout,.form-grid{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.color-pickers{flex-direction:column;gap:12px}.skeleton-grid{grid-template-columns:1fr}}body.dark-mode:has(.settings-page){background:#050505!important}body.dark-mode:has(.settings-page) .admin-shell,body.dark-mode:has(.settings-page) .admin-main,body.dark-mode:has(.settings-page) .main-content,body.dark-mode:has(.settings-page) .settings-page,body.dark-mode:has(.settings-page) .admin-topbar{background:#050505!important}body.dark-mode:has(.settings-page) .page-head{background-color:transparent!important;background:transparent!important}body.dark-mode:has(.settings-page) .admin-topbar{border-bottom-color:#27272a!important}body.dark-mode:has(.settings-page) .page-head:before{background:#111112d1!important;border-bottom-color:#27272a!important;box-shadow:0 18px 52px #0000004d!important;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}body.dark-mode:has(.settings-page) .settings-content-wrap{background:#111112!important;border-color:#27272a!important;box-shadow:none!important}body.dark-mode:has(.settings-page) .page-head h1,body.dark-mode:has(.settings-page) .settings-panel h2,body.dark-mode:has(.settings-page) .avatar-actions strong,body.dark-mode:has(.settings-page) .form-group label,body.dark-mode:has(.settings-page) .color-details strong,body.dark-mode:has(.settings-page) .notif-group-card h3,body.dark-mode:has(.settings-page) .checkbox-label-wrap label{color:#f4f4f5!important}body.dark-mode:has(.settings-page) .page-head p,body.dark-mode:has(.settings-page) .panel-subtitle,body.dark-mode:has(.settings-page) .upload-hint,body.dark-mode:has(.settings-page) .field-hint,body.dark-mode:has(.settings-page) .color-details span,body.dark-mode:has(.settings-page) .checkbox-label-wrap span{color:#a1a1aa!important}body.dark-mode:has(.settings-page) .tab-btn{color:#a1a1aa!important;border-bottom-color:#27272a!important}body.dark-mode:has(.settings-page) .tab-btn i{color:#a1a1aa!important}body.dark-mode:has(.settings-page) .tab-btn:hover{color:#fff!important;background:#242426!important}body.dark-mode:has(.settings-page) .tab-btn.active{color:#fff!important;background:#18181b!important}body.dark-mode:has(.settings-page) .tab-btn.active i{color:#a78bfa!important}body.dark-mode:has(.settings-page) .panel-subtitle,body.dark-mode:has(.settings-page) .avatar-upload-section,body.dark-mode:has(.settings-page) .panel-footer,body.dark-mode:has(.settings-page) .colors-container{border-color:#27272a!important}body.dark-mode:has(.settings-page) .avatar-preview-container,body.dark-mode:has(.settings-page) .brand-logo-preview-container{background:#18181b!important;border-color:#27272a!important}body.dark-mode:has(.settings-page) .avatar-initials{color:#cbd5e1!important}body.dark-mode:has(.settings-page) .form-group input[type=text],body.dark-mode:has(.settings-page) .form-group input[type=email],body.dark-mode:has(.settings-page) .form-group input[type=tel],body.dark-mode:has(.settings-page) .form-group input[type=url],body.dark-mode:has(.settings-page) .form-group input[type=password]{color:#fff!important;background:#18181b!important;border-color:#27272a!important}body.dark-mode:has(.settings-page) .form-group input::placeholder{color:#64748b!important}body.dark-mode:has(.settings-page) .form-group input:focus{border-color:#7c3aed!important;box-shadow:0 0 0 3px #7c3aed2e!important}body.dark-mode:has(.settings-page) .input-readonly{color:#64748b!important;background:#111112!important}body.dark-mode:has(.settings-page) .btn-secondary{color:#fff!important;background:#18181b!important;border-color:#27272a!important}body.dark-mode:has(.settings-page) .btn-secondary:hover{background:#242426!important;border-color:#3b3b3f!important}body.dark-mode:has(.settings-page) .btn-primary{background:#7c3aed!important}body.dark-mode:has(.settings-page) .btn-primary:hover{background:#6d28d9!important}body.dark-mode:has(.settings-page) .color-picker-box,body.dark-mode:has(.settings-page) .notif-group-card{background:#18181b!important;border-color:#27272a!important}body.dark-mode:has(.settings-page) .sync-alert.error{color:#f87171!important;background:#dc26261f!important;border-color:#dc26264d!important}body.dark-mode:has(.settings-page) .sync-alert.success{color:#4ade80!important;background:#16a34a1f!important;border-color:#16a34a4d!important}body.dark-mode:has(.settings-page) .skeleton-sidebar,body.dark-mode:has(.settings-page) .skeleton-content,body.dark-mode:has(.settings-page) .skeleton-line{background:#18181b!important;animation:settings-dark-skeleton 1.2s infinite ease-in-out!important}@keyframes settings-dark-skeleton{0%,to{background-color:#18181b}50%{background-color:#242426}}