.settings-root{min-height:100vh;font-family:var(--font-inter), sans-serif;background-color:#f8fafc;overflow-x:hidden}.settings-container{gap:3rem;max-width:1000px;margin:0 auto;padding:4rem 2rem;display:flex}.settings-sidebar{flex-direction:column;flex-shrink:0;gap:.5rem;width:250px;display:flex}.settings-tab{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.settings-tab:hover{color:#0f172a;background:#f1f5f9}.settings-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000000d}.settings-content{flex:1}.settings-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.settings-header{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem}.settings-header h2{color:#0f172a;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.settings-header p{color:#64748b;font-size:.9rem}.settings-body{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:#0f172a;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.form-textarea{color:#0f172a;resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;min-height:100px;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.form-textarea:focus{border-color:#10b981;outline:none;box-shadow:0 0 0 3px #10b9811a}.settings-footer{background:#f8fafc;border-top:1px solid #f1f5f9;justify-content:flex-end;padding:1rem 2rem;display:flex}.avatar-upload-zone{align-items:center;gap:1.5rem;margin-bottom:2rem;display:flex}.avatar-preview{border:2px solid #e2e8f0;flex-shrink:0;position:relative;aspect-ratio:1!important;border-radius:50%!important;width:80px!important;min-width:80px!important;height:80px!important;min-height:80px!important;overflow:hidden!important}.avatar-preview img{object-fit:cover!important;object-position:center top!important;width:100%!important;max-width:none!important;height:100%!important;display:block!important}.avatar-upload-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:.5rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.avatar-upload-btn:hover{background:#f8fafc;border-color:#94a3b8}.toggle-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.toggle-slider{background-color:#10b981}input:checked+.toggle-slider:before{transform:translate(20px)}.btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:100px;justify-content:center;align-items:center;padding:.65rem 1.5rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.btn-secondary{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:100px;justify-content:center;align-items:center;padding:.65rem 1.5rem;font-size:.92rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}@media (max-width:768px){.settings-root{background:#f8fafc!important}.settings-container{flex-direction:column!important;gap:.85rem!important;max-width:100%!important;padding:.75rem .85rem 130px!important}.settings-sidebar{flex-direction:column!important;gap:0!important;width:100%!important}.settings-sidebar h1{color:#0f172a!important;letter-spacing:-.02em!important;margin-bottom:.75rem!important;padding-left:4px!important;font-size:1.5rem!important;font-weight:800!important}.settings-sidebar-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-direction:row!important;gap:.45rem!important;width:100%!important;padding-bottom:4px!important;display:flex!important;overflow-x:auto!important}.settings-sidebar-tabs::-webkit-scrollbar{display:none}.settings-tab{color:#64748b!important;white-space:nowrap!important;text-align:center!important;background:#f1f5f9!important;border:none!important;border-radius:100px!important;flex-direction:row!important;flex-shrink:0!important;align-items:center!important;gap:6px!important;width:auto!important;padding:.55rem .85rem!important;font-size:.78rem!important;font-weight:700!important}.settings-tab.active{color:#fff!important;background:#0f172a!important;box-shadow:0 2px 8px #0f172a26!important}.settings-tab.active svg{stroke:#fff!important}.settings-tab svg{flex-shrink:0!important;width:14px!important;height:14px!important}.settings-content{width:100%!important}.settings-panel{border:1px solid #e2e8f0!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 2px 12px #0f172a0a!important}.settings-header{padding:1rem 1rem .75rem!important}.settings-header h2{margin-bottom:.15rem!important;font-size:1.05rem!important}.settings-header p{font-size:.8rem!important;line-height:1.4!important}.settings-body{padding:1rem!important}.avatar-upload-btn{border-radius:8px!important;padding:.5rem .85rem!important;font-size:.82rem!important}.form-group{margin-bottom:1rem!important}.form-group label{margin-bottom:.35rem!important;font-size:.82rem!important}.form-input,.form-textarea{box-sizing:border-box!important;border-radius:10px!important;width:100%!important;max-width:100%!important;padding:.7rem .85rem!important;font-size:.9rem!important}.avatar-circle-wrapper{aspect-ratio:1!important;border-radius:50%!important;flex:0 0 72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:72px!important;min-height:72px!important;max-height:72px!important;overflow:hidden!important}.settings-body>div[style*=space-between]{gap:.75rem!important}.settings-body>div[style*=space-between]>div:first-child{flex:1!important;min-width:0!important}.settings-body>div h3{margin-bottom:2px!important;font-size:.88rem!important}.settings-body>div p{font-size:.78rem!important;line-height:1.35!important}.toggle-switch{flex-shrink:0!important;width:42px!important;height:22px!important}.toggle-slider:before{width:16px!important;height:16px!important}.settings-body>div[style*="border: 1px"]{flex-wrap:wrap!important;gap:.5rem!important}.settings-footer{justify-content:center!important;padding:.85rem 1rem!important}.settings-footer .btn-primary,.settings-footer .btn-secondary{box-sizing:border-box!important;text-align:center!important;border-radius:100px!important;justify-content:center!important;width:100%!important;padding:.8rem 1rem!important;font-size:.9rem!important;display:flex!important}.settings-body hr{margin:1.25rem 0!important}.btn-secondary{padding:.55rem .85rem!important;font-size:.82rem!important}}