.system-settings.s-1pmyjw8{background:#f5f5f7;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;display:flex;position:relative;overflow:hidden}.drag-handle.s-1pmyjw8{z-index:1;pointer-events:auto;height:52px;position:absolute;top:0;left:0;right:0}.sidebar.s-1pmyjw8{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);scroll-behavior:smooth;background:#f2f2f7f2;border-right:1px solid #00000014;flex-direction:column;width:280px;height:100%;padding-top:52px;padding-bottom:10px;display:flex;position:relative;overflow-x:hidden;overflow-y:scroll!important}.sidebar.s-1pmyjw8::-webkit-scrollbar{-webkit-appearance:none;background:#dcdce1cc;width:14px}.sidebar.s-1pmyjw8::-webkit-scrollbar-track{background:#dcdce1cc;border-left:1px solid #0000001a;border-radius:0}.sidebar.s-1pmyjw8::-webkit-scrollbar-thumb{-webkit-appearance:none;background:#646469cc;border:3px solid #f2f2f7f2;border-radius:7px;min-height:50px}.sidebar.s-1pmyjw8::-webkit-scrollbar-thumb:hover{background:#505055e6}.sidebar.s-1pmyjw8::-webkit-scrollbar-thumb:active{background:#3c3c41}.sidebar.s-1pmyjw8{scrollbar-width:auto;scrollbar-color:#646469cc #dcdce1cc}.search-bar.s-1pmyjw8{padding:8px 12px;position:relative}.search-icon.s-1pmyjw8{opacity:.5;font-size:12px;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.search-bar.s-1pmyjw8 input:where(.s-1pmyjw8){background:#fffc;border:none;border-radius:6px;width:100%;padding:5px 10px 5px 28px;font-size:13px}.search-bar.s-1pmyjw8 input:where(.s-1pmyjw8):focus{background:#fff;outline:none}.user-profile.s-1pmyjw8{cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:10px;margin:6px 10px;padding:10px 12px;transition:background .2s;display:flex}.user-profile.s-1pmyjw8:hover{background:#fffc}.avatar.s-1pmyjw8{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.user-info.s-1pmyjw8{flex:1}.user-name.s-1pmyjw8{color:#1d1d1f;font-size:13px;font-weight:600}.user-account.s-1pmyjw8{color:#86868b;font-size:11px}.sections.s-1pmyjw8{flex:1;padding:4px 10px 10px}.section-item.s-1pmyjw8{cursor:pointer;color:#1d1d1f;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:5px 10px;font-size:13px;transition:background .15s;display:flex}.section-item.s-1pmyjw8:hover{background:#0000000d}.section-item.active.s-1pmyjw8{color:#007aff;background:#007aff26}.section-icon.s-1pmyjw8{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.section-icon.s-1pmyjw8 svg:where(.s-1pmyjw8){width:15px;height:15px}.section-name.s-1pmyjw8{flex:1}.content.s-1pmyjw8{background:#fff;flex-direction:column;flex:1;padding-top:52px;display:flex}.content-header.s-1pmyjw8{border-bottom:1px solid #00000014;align-items:center;gap:12px;padding:16px 24px;display:flex}.nav-btn.s-1pmyjw8{cursor:pointer;color:#86868b;background:#0000000d;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:18px;display:flex}.nav-btn.s-1pmyjw8:hover{background:#00000014}.content-header.s-1pmyjw8 h2:where(.s-1pmyjw8){color:#1d1d1f;margin:0;font-size:20px;font-weight:600}.content-body.s-1pmyjw8{flex:1;padding:24px;overflow-y:auto}.setting-section.s-1pmyjw8{margin-bottom:32px}.setting-section.s-1pmyjw8 h3:where(.s-1pmyjw8){color:#1d1d1f;margin:0 0 12px;font-size:14px;font-weight:600}.setting-description.s-1pmyjw8{color:#86868b;margin:0 0 12px;font-size:12px;line-height:1.4}.setting-hint.s-1pmyjw8{color:#86868b;margin:6px 0 0 24px;font-size:11px;line-height:1.4}.description.s-1pmyjw8{color:#86868b;margin:0;font-size:13px}.appearance-options.s-1pmyjw8{gap:16px;display:flex}.appearance-card.s-1pmyjw8{cursor:pointer;background:#f5f5f7;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:10px;padding:12px;transition:all .2s;display:flex}.appearance-card.s-1pmyjw8:hover{background:#e8e8ed}.appearance-card.active.s-1pmyjw8{background:#007aff0d;border-color:#007aff}.appearance-preview.s-1pmyjw8{border:1px solid #0000001a;border-radius:8px;width:100%;height:80px;overflow:hidden}.preview-bar.s-1pmyjw8{background:#0000000d;height:20px}.preview-content.s-1pmyjw8{background:#00000005;height:60px}.light-preview.s-1pmyjw8{background:#fff}.light-preview.s-1pmyjw8 .preview-bar:where(.s-1pmyjw8){background:#f5f5f7}.dark-preview.s-1pmyjw8{background:#1c1c1e;border-color:#2c2c2e}.dark-preview.s-1pmyjw8 .preview-bar:where(.s-1pmyjw8){background:#2c2c2e}.dark-preview.s-1pmyjw8 .preview-content:where(.s-1pmyjw8){background:#1c1c1e}.auto-preview.s-1pmyjw8{background:linear-gradient(90deg,#fff 0% 50%,#1c1c1e 50% 100%)}.appearance-card.s-1pmyjw8 span:where(.s-1pmyjw8){color:#1d1d1f;font-size:13px;font-weight:500}.color-options.s-1pmyjw8{flex-wrap:wrap;gap:12px;display:flex}.color-btn.s-1pmyjw8{cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.color-btn.s-1pmyjw8:hover{border-color:#0003;transform:scale(1.1)}.color-btn.multicolor.s-1pmyjw8{background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3)}.color-check.s-1pmyjw8{color:#fff;opacity:0;text-shadow:0 1px 2px #00000080;font-size:14px;font-weight:700;transition:opacity .2s}.color-btn.s-1pmyjw8:hover .color-check:where(.s-1pmyjw8){opacity:1}.dropdown.s-1pmyjw8 select:where(.s-1pmyjw8){cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #0000001f;border-radius:6px;padding:6px 32px 6px 12px;font-size:13px}.dropdown.s-1pmyjw8 select:where(.s-1pmyjw8):focus{border-color:#007aff;outline:none}.radio-group.s-1pmyjw8{flex-direction:column;gap:8px;margin-top:8px;margin-left:24px;display:flex}.radio-label.s-1pmyjw8{color:#1d1d1f;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.radio-label.s-1pmyjw8 input:where(.s-1pmyjw8){cursor:pointer}.checkbox-label.s-1pmyjw8{color:#1d1d1f;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.checkbox-label.s-1pmyjw8 input:where(.s-1pmyjw8){cursor:pointer}