.mainapp-settings-sidebar{width:220px;height:100vh;display:flex;flex-direction:column;border-right:1px solid var(--border-color);overflow:hidden;flex-shrink:0}.mainapp-settings-sidebar--light{--bg-color:#fafafa;--bg-base:#fff;--text-color:#18181b;--text-muted:#71717a;--text-subtle:#52525b;--border-color:#e4e4e7;--border-interactive:#6c5afa;--hover-bg:rgba(0,0,0,.04);--active-bg:#fff;--search-bg:#fff;--search-border:rgba(0,0,0,.08)}.mainapp-settings-sidebar--dark{--bg-color:#18181b;--bg-base:#212124;--text-color:#f4f4f5;--text-muted:#71717a;--text-subtle:#a1a1aa;--border-color:hsla(0,0%,100%,.1);--border-interactive:#807aff;--hover-bg:hsla(0,0%,100%,.04);--active-bg:#212124;--search-bg:#212124;--search-border:hsla(0,0%,100%,.06)}.mainapp-settings-sidebar{background-color:var(--bg-color)}.mainapp-settings-sidebar__header{padding:12px}.mainapp-settings-sidebar__back-btn{display:flex;align-items:center;gap:8px;padding:4px 8px;border:none;background:transparent;color:var(--text-color);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:background-color .15s ease;width:100%}.mainapp-settings-sidebar__back-btn:hover{background-color:var(--hover-bg)}.mainapp-settings-sidebar__search{padding:8px 12px}.mainapp-settings-sidebar__search-input{display:flex;align-items:center;gap:8px;padding:0 8px;height:32px;background-color:var(--search-bg);border-radius:6px;box-shadow:0 0 0 1px var(--search-border)}.mainapp-settings-sidebar__search-icon{color:var(--text-muted);flex-shrink:0}.mainapp-settings-sidebar__search-input input{flex:1 1;border:none;background:transparent;color:var(--text-color);font-size:13px;outline:none;min-width:0}.mainapp-settings-sidebar__search-input input::placeholder{color:var(--text-muted)}.mainapp-settings-sidebar__content{flex:1 1;overflow-y:auto;padding:0 12px 12px}.mainapp-settings-sidebar__category{margin-bottom:2px}.mainapp-settings-sidebar__category-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 8px;border:none;background:transparent;color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;border-radius:6px;transition:background-color .15s ease}.mainapp-settings-sidebar__category-header:hover{background-color:var(--hover-bg)}.mainapp-settings-sidebar__category-label{flex:1 1;text-align:left}.mainapp-settings-sidebar__category-arrow{color:var(--text-muted);transition:transform .2s ease;transform:rotate(-90deg)}.mainapp-settings-sidebar__category-arrow--expanded{transform:rotate(0deg)}.mainapp-settings-sidebar__items{display:flex;flex-direction:column;gap:2px;padding-top:2px}.mainapp-settings-sidebar__item{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;background:transparent;color:var(--text-subtle);font-size:13px;font-weight:500;cursor:pointer;border-radius:6px;transition:background-color .15s ease,border-color .15s ease;text-align:left;border:1px solid transparent}.mainapp-settings-sidebar__item:hover{background-color:var(--hover-bg)}.mainapp-settings-sidebar__item--active{background-color:var(--active-bg);border-color:var(--border-interactive);color:var(--text-color)}.mainapp-settings-sidebar__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mainapp-settings-sidebar__item-label{flex:1 1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mainapp-settings-sidebar__content::-webkit-scrollbar{width:6px}.mainapp-settings-sidebar__content::-webkit-scrollbar-track{background:transparent}.mainapp-settings-sidebar__content::-webkit-scrollbar-thumb{background-color:var(--text-muted);border-radius:3px;opacity:.5}.mainapp-settings-sidebar__content::-webkit-scrollbar-thumb:hover{background-color:var(--text-subtle)}.mainapp-settings-layout{display:flex;height:100vh;width:100%;overflow:hidden}.mainapp-settings-layout__content{flex:1 1;overflow-y:auto;min-width:0}