.sync-opt-btn{transform:translateZ(0);will-change:transform,box-shadow;backface-visibility:hidden;-webkit-backface-visibility:hidden}.sync-opt-btn:hover{background:#fff!important;border-color:var(--theme-primary)!important;transform:translate3d(0,-1px,0);box-shadow:0 4px 12px #00000008}.settings-container{width:100%;max-width:1200px;margin:0 auto;padding:40px 20px 80px}.settings-header,.settings-section,.settings-auth-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-md);box-shadow:var(--card-shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;margin-bottom:30px}.settings-title-group{display:flex;align-items:center;gap:16px}.header-title{font-size:18px;font-weight:600;color:var(--color-text-main);letter-spacing:.5px;margin:0}.settings-grid{display:grid;grid-template-columns:360px 1fr;gap:30px;align-items:start}.settings-col-left,.settings-col-right{display:flex;flex-direction:column;gap:30px}.settings-section{padding:26px;display:flex;flex-direction:column;gap:24px}.section-header{display:flex;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px dashed rgba(0,0,0,.06)}.section-header h2{margin:0;font-size:16px;font-weight:600;color:var(--color-text-main)}.section-header p{margin:3px 0 0;color:var(--color-text-sub);font-size:12px}.section-icon{width:18px;height:18px;color:var(--theme-primary);flex:0 0 auto}.back-home-btn,.action-btn,.submit-btn,.modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;text-decoration:none;transition:var(--transition-smooth);transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.back-home-btn,.action-btn{padding:9px 16px;border-radius:10px;font-size:13px;font-weight:500;will-change:transform;box-sizing:border-box;height:38px}.back-home-btn,.action-btn.secondary{color:var(--color-text-main);background:#ffffffd9;border:1px solid var(--card-border)!important;will-change:transform,box-shadow}.back-home-btn:hover,.action-btn.secondary:hover{background:#fff;border-color:var(--theme-primary);transform:translate3d(0,-2px,0);box-shadow:0 4px 12px #00000008}.action-btn.danger{background:#c475751a;border:1px solid rgba(196,117,117,.2);color:#b35959;will-change:transform,box-shadow}.action-btn.danger:hover{background:#c4757533;transform:translate3d(0,-2px,0);box-shadow:0 4px 12px #c4757514}.action-btn i,.submit-btn i,.back-home-btn i,.back-home-btn .btn-icon,.action-btn .btn-icon{width:14px;height:14px}.wide-btn{width:100%}.header-divider{width:1px;height:22px;background:#00000014}.account-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:14px;background:#ffffff73;border:1px solid var(--card-border)}.account-avatar{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:15px;background:#9aa8ad29;color:var(--theme-primary)}.account-avatar i{width:21px;height:21px}.account-label{margin:0 0 3px;font-size:11px;color:var(--color-text-sub)}.account-card h3{margin:0 0 8px;font-size:15px;color:var(--color-text-main)}.account-badges{display:flex;flex-wrap:wrap;gap:6px}.role-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:7px;font-size:11px;font-weight:650}.role-badge.admin{background:#9aa8ad29;color:var(--theme-blue);border:1px solid rgba(154,168,173,.25)}.role-badge.user{background:#0000000a;color:var(--color-text-sub)}.settings-form{display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label,.slider-label label{font-size:12px;font-weight:650;color:var(--color-text-main)}.form-group input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--card-border);background:#ffffffbd;color:var(--color-text-main);outline:none;transition:var(--transition-smooth)}.form-group select{width:100%;padding:11px 32px 11px 13px;border-radius:10px;border:1px solid var(--card-border);background:#ffffffbd;color:var(--color-text-main);outline:none;transition:var(--transition-smooth)}.form-group input:focus,.form-group select:focus{border-color:var(--theme-primary);box-shadow:0 0 0 3px #9aa8ad1f}.custom-select-wrapper{position:relative;user-select:none;width:100%;z-index:1}.custom-select-wrapper.open{z-index:1000}.custom-select-wrapper select{display:none!important}.custom-select-trigger{display:flex;align-items:center;justify-content:space-between;background:#ffffffe6;border:1px solid var(--card-border);padding:10px 14px;border-radius:10px;font-size:13px;color:var(--color-text-main);cursor:pointer;transition:var(--transition-smooth)}.custom-select-trigger:hover{border-color:var(--theme-primary-hover);background:#fff}.custom-select-wrapper.open .custom-select-trigger{border-color:var(--theme-primary-hover);box-shadow:0 0 0 3px #a3b3b640;background:#fff}.custom-select-trigger-content{display:flex;align-items:center;gap:10px;min-width:0}.custom-select-trigger-content span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-trigger .chevron-icon{width:14px;height:14px;opacity:.55;transition:var(--transition-smooth);flex:0 0 auto}.custom-select-wrapper.open .chevron-icon{transform:rotate(180deg);opacity:.85}.custom-options-container{position:absolute;top:calc(100% + 6px);left:0;min-width:100%;width:max-content;max-width:320px;background:#ffffffe6;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(226,222,211,.8);border-radius:12px;box-shadow:0 12px 28px -8px #43434314,0 0 1px #0000000d;padding:6px;z-index:999;display:flex;flex-direction:column;gap:3px;opacity:0;transform:translate3d(0,-6px,0);pointer-events:none;transition:opacity .22s cubic-bezier(.25,1,.5,1),transform .22s cubic-bezier(.25,1,.5,1);max-height:220px;overflow:hidden;overflow-y:auto}.custom-options-container::-webkit-scrollbar{width:8px}.custom-options-container::-webkit-scrollbar-track{background:transparent;margin:8px 0}.custom-options-container::-webkit-scrollbar-thumb{background:#00000014;border-radius:4px;border:2px solid transparent;background-clip:padding-box}.custom-options-container::-webkit-scrollbar-thumb:hover{background:#00000026}.custom-select-wrapper.open .custom-options-container{opacity:1;transform:translateZ(0);pointer-events:auto}.custom-option{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;color:var(--color-text-main);cursor:pointer;transition:background-color .2s cubic-bezier(.25,1,.5,1),box-shadow .2s cubic-bezier(.25,1,.5,1)}.custom-option:hover{background:#0000000b}.custom-option.selected{background:#9aa8ad1f;font-weight:600;color:var(--theme-primary)}.select-color-dot{width:12px;height:12px;border-radius:50%;box-shadow:inset 0 0 0 1px #fff3,0 2px 5px #0000001a;flex:0 0 auto}.submit-btn{width:100%;height:42px;border-radius:10px;background:var(--theme-primary);color:#fff;font-size:13px;font-weight:650}.upload-status,.backup-note{font-size:11px;line-height:1.6;color:var(--color-text-sub)}.slider-group{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--card-border);border-radius:12px;background:#ffffff5c}.slider-label{display:flex;align-items:center;justify-content:space-between}.slider-label span{font-size:11px;font-weight:700;color:var(--color-text-sub);font-family:monospace}.backup-actions{display:grid;grid-template-columns:1fr;gap:10px}.subsection-title{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;font-weight:650;color:var(--color-text-main)}.subsection-title i{width:15px;height:15px;color:var(--theme-primary)}.users-table-wrapper{border:1px solid var(--card-border);border-radius:12px}.users-table{width:100%;border-collapse:collapse;font-size:13px}.users-table th,.users-table td{padding:12px 14px;border-bottom:1px solid rgba(0,0,0,.04);text-align:left;vertical-align:middle}.users-table th{color:var(--color-text-sub);font-weight:650;background:#00000004}.users-table .custom-select-wrapper{width:120px;display:inline-block}.users-table .custom-select-trigger{padding:6px 10px;font-size:12px;border-radius:8px;background:#fffc}.users-table select{padding:5px 26px 5px 8px;border-radius:7px;border:1px solid var(--card-border);background:#fffc;font-size:12px}.settings-auth{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.settings-auth-card{width:100%;max-width:400px;padding:30px;display:flex;flex-direction:column;gap:18px;text-align:center}.settings-auth-icon{width:36px;height:36px;color:var(--theme-primary);margin:0 auto}.settings-auth-card h2,.settings-auth-card p{margin:0}.settings-auth-card p{color:var(--color-text-sub);font-size:13px}.back-home-link{display:inline-flex;justify-content:center;align-items:center;gap:6px;color:var(--color-text-sub);font-size:12px;text-decoration:none}.back-home-link i{width:12px;height:12px}.toast-container{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:10px}.custom-toast{display:flex;align-items:center;gap:10px;min-width:260px;padding:12px 16px;background:#fffffff0;border:1px solid var(--card-border);border-left:4px solid var(--theme-blue);border-radius:12px;box-shadow:0 14px 32px -10px #4343432e;color:var(--color-text-main);font-size:13px;opacity:0;transform:translate3d(16px,0,0);transition:opacity .35s cubic-bezier(.25,1,.5,1),transform .35s cubic-bezier(.25,1,.5,1);backdrop-filter:blur(16px);will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}.custom-toast.show{opacity:1;transform:translateZ(0)}.custom-toast.fade-out{opacity:0;transform:translateZ(0)}.custom-toast.success{background:color-mix(in srgb,var(--theme-green) 18%,var(--card-bg))!important;border-color:color-mix(in srgb,var(--theme-green) 35%,var(--card-border))!important;border-left-color:var(--theme-green)!important;color:color-mix(in srgb,var(--theme-green) 75%,var(--color-text-main))!important}.custom-toast.success i{color:var(--theme-green)!important}.custom-toast.error{background:color-mix(in srgb,#c47575 14%,var(--card-bg))!important;border-color:color-mix(in srgb,#c47575 35%,var(--card-border))!important;border-left-color:#c47575!important;color:color-mix(in srgb,#c47575 75%,var(--color-text-main))!important}.custom-toast.error i{color:#c47575!important}.custom-toast.info{background:color-mix(in srgb,var(--theme-blue) 18%,var(--card-bg))!important;border-color:color-mix(in srgb,var(--theme-blue) 35%,var(--card-border))!important;border-left-color:var(--theme-blue)!important;color:color-mix(in srgb,var(--theme-blue) 75%,var(--color-text-main))!important}.custom-toast.info i{color:var(--theme-blue)!important}.custom-toast.loading{background:color-mix(in srgb,var(--theme-purple) 18%,var(--card-bg))!important;border-color:color-mix(in srgb,var(--theme-purple) 35%,var(--card-border))!important;border-left-color:var(--theme-purple)!important;color:color-mix(in srgb,var(--theme-purple) 75%,var(--color-text-main))!important}.custom-toast.loading i{color:var(--theme-purple)!important}.modal{position:fixed;inset:0;z-index:9998;display:none;align-items:center;justify-content:center;padding:20px;background:#2222222e;backdrop-filter:blur(5px)}.modal.open{display:flex}.modal-box{width:100%;max-width:380px;padding:24px;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow-hover)}.confirm-title{display:flex;align-items:center;gap:10px;margin-bottom:12px}.confirm-title i{width:20px;height:20px;color:var(--theme-primary)}.confirm-title h3,.modal-box p{margin:0}.modal-box p{color:var(--color-text-sub);font-size:13px;line-height:1.7;margin-bottom:18px}.modal-buttons{display:flex;gap:10px}.modal-btn{flex:1;height:38px;border-radius:10px;font-weight:650}.modal-btn.primary{background:var(--theme-primary);color:#fff}.modal-btn.secondary{background:#ffffffa6;color:var(--color-text-main);border:1px solid var(--card-border)}html.bg-dark-slate .settings-header,html.bg-dark-slate .settings-section,html.bg-dark-slate .settings-auth-card,html.bg-dark-slate .modal-box{background:#26292bb8}html.bg-dark-slate .form-group input,html.bg-dark-slate .form-group select,html.bg-dark-slate .action-btn.secondary,html.bg-dark-slate .back-home-btn,html.bg-dark-slate .modal-btn.secondary,html.bg-dark-slate .account-card,html.bg-dark-slate .slider-group{background:#ffffff0d;color:#e8e8e8;border-color:#ffffff14}html.bg-dark-slate .custom-select-trigger,html.bg-dark-slate .custom-options-container{background:#26292bf2!important;color:#e8e8e8!important;border-color:#ffffff14!important}html.bg-dark-slate .custom-select-wrapper.open .custom-select-trigger,html.bg-dark-slate .custom-select-trigger:hover{background:#ffffff0f!important;border-color:#ffffff26!important}html.bg-dark-slate .custom-option:hover,html.bg-dark-slate .custom-option.selected{background:#ffffff14!important}html.bg-dark-slate .users-table th{background:#ffffff05!important;color:#9ba1a3}html.bg-dark-slate .users-table tr{border-bottom-color:#ffffff0d!important}html.bg-dark-slate .users-table td{border-bottom-color:#ffffff08!important}@media(max-width:860px){.settings-header,.settings-title-group{align-items:flex-start;flex-direction:column}.settings-grid,.form-row{grid-template-columns:1fr;gap:20px}.settings-col-left,.settings-col-right{gap:20px}}.switch-group{display:flex;align-items:center;justify-content:space-between;padding:14px;border:1px solid var(--card-border);border-radius:12px;background:#ffffff5c}.switch-label{display:flex;flex-direction:column;gap:4px;text-align:left}.switch-label label{font-size:12px;font-weight:650;color:var(--color-text-main)}.switch-desc{font-size:11px;color:var(--color-text-sub)}.switch-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.switch-toggle input{opacity:0;width:0;height:0}.switch-slider{position:absolute;cursor:pointer;inset:0;background-color:#0000001a;transition:.3s;border-radius:24px;border:1px solid var(--card-border)}.switch-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 1px 3px #00000026}.switch-toggle input:checked+.switch-slider{background-color:var(--theme-primary);border-color:var(--theme-primary)}.switch-toggle input:checked+.switch-slider:before{transform:translate(20px)}html.bg-dark-slate .switch-group{background:#ffffff0d;border-color:#ffffff14}html.bg-dark-slate .switch-slider{background-color:#ffffff1a}html.bg-dark-slate .switch-slider:before{background-color:#e8e8e8}