.settings-page{padding:24px 0;max-width:1000px;margin:0 auto}.settings-page .settings-header{margin-bottom:32px}.settings-page .settings-header h1{font-size:28px;margin-bottom:4px;color:#111827}.settings-page .settings-header p{color:#4b5563;font-size:14px}.settings-page .settings-grid{display:grid;grid-template-columns:240px 1fr;grid-gap:32px;gap:32px;align-items:flex-start}@media(max-width:1024px){.settings-page .settings-grid{grid-template-columns:1fr}}.settings-page .settings-nav{background:#fff;border-radius:14px;padding:16px;box-shadow:0 1px 2px rgba(0,0,0,.05);position:-webkit-sticky;position:sticky;top:100px}.settings-page .settings-nav .nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:#4b5563;font-weight:500;cursor:pointer;transition:all .2s ease;margin-bottom:4px}.settings-page .settings-nav .nav-item:last-child{margin-bottom:0}.settings-page .settings-nav .nav-item:hover{background-color:#f8fafc;color:#111827}.settings-page .settings-nav .nav-item.active{background-color:rgba(10,102,194,.1);color:#0a66c2;font-weight:600}.settings-page .settings-content{display:flex;flex-direction:column;gap:24px}.settings-page .settings-content .settings-section{background:#fff;border-radius:14px;padding:32px;box-shadow:0 1px 2px rgba(0,0,0,.05)}.settings-page .settings-content .settings-section .section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.settings-page .settings-content .settings-section .section-header .icon-wrapper{width:40px;height:40px;border-radius:10px;background:#f8fafc;display:flex;align-items:center;justify-content:center;color:#0a66c2;font-size:20px}.settings-page .settings-content .settings-section .section-header h2{font-size:18px;margin:0}.settings-page .settings-content .settings-section .section-group{margin-bottom:32px}.settings-page .settings-content .settings-section .section-group:last-child{margin-bottom:0}.settings-page .settings-content .settings-section .section-group h3{font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#9ca3af;margin-bottom:16px;font-weight:700}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.setting-row .row-info h4{font-size:15px;font-weight:500;color:#111827;margin-bottom:4px}.setting-row .row-info p{font-size:13px;color:#4b5563}.setting-row .row-control{display:flex;gap:12px;align-items:center}.setting-row .row-control .toggle-switch{position:relative;width:44px;height:24px}.setting-row .row-control .toggle-switch input{opacity:0;width:0;height:0}.setting-row .row-control .toggle-switch input:checked+.slider{background-color:#0a66c2}.setting-row .row-control .toggle-switch input:checked+.slider:before{transform:translateX(20px)}.setting-row .row-control .toggle-switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:34px}.setting-row .row-control .toggle-switch .slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}.setting-row .row-control select{padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#111827;font-size:14px;cursor:pointer;outline:none}.setting-row .row-control select:focus{border-color:#0a66c2}.settings-input{width:100%;max-width:320px;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;font-size:14px;margin-top:8px;outline:none;transition:all .2s ease}.settings-input:focus{border-color:#0a66c2;box-shadow:0 0 0 2px rgba(10,102,194,.1)}.password-edit-inputs{display:flex;flex-direction:column;gap:8px;margin-top:8px}.btn-group{display:flex;gap:8px;align-items:center}.animate-fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .settings-page .settings-header h1{color:#f8fafc}body.dark-mode .settings-page .settings-header p{color:#cbd5f5}body.dark-mode .settings-page .settings-nav{background:#020617}body.dark-mode .settings-page .settings-nav .nav-item{color:#cbd5f5}body.dark-mode .settings-page .settings-nav .nav-item:hover{background-color:hsla(0,0%,100%,.05);color:#f8fafc}body.dark-mode .settings-page .settings-nav .nav-item.active{background-color:rgba(10,102,194,.2);color:#0a66c2}body.dark-mode .settings-page .settings-section{background:#020617}body.dark-mode .settings-page .settings-section .section-header{border-bottom-color:#1e293b}body.dark-mode .settings-page .settings-section .section-header h2{color:#f8fafc}body.dark-mode .settings-page .settings-section .section-header .icon-wrapper{background:hsla(0,0%,100%,.05)}body.dark-mode .settings-page .settings-section .section-group h3{color:#64748b}body.dark-mode .settings-page .setting-row .row-info h4{color:#f8fafc}body.dark-mode .settings-page .setting-row .row-info p{color:#cbd5f5}body.dark-mode .settings-page .setting-row .row-control .toggle-switch .slider{background-color:#4b5563}body.dark-mode .settings-page .setting-row .row-control .toggle-switch input:checked+.slider{background-color:#0a66c2}body.dark-mode .settings-page .setting-row .row-control select{background:#0f172a;border-color:#1e293b;color:#f8fafc}