:root{--ual-bg: #0f0f23;--ual-bg-secondary: #1a1a3e;--ual-text: #e2e8f0;--ual-text-muted: #94a3b8;--ual-accent: #6366f1;--ual-accent-hover: #4f46e5;--ual-border: rgba(255, 255, 255, .1);--ual-card: rgba(255, 255, 255, .03);--ual-sidebar-width: 240px}[data-theme=Dyslexia]{--ual-bg: #fdfaf6;--ual-bg-secondary: #f4ecdf;--ual-text: #2D2D2D;--ual-text-muted: #5C4E3C;--ual-accent: #8B6914;--ual-accent-hover: #6B4F10;--ual-border: rgba(180, 160, 120, .2);--ual-card: rgba(255, 255, 255, .6)}body{margin:0;padding:0;font-family:Inter,system-ui,sans-serif;background-color:var(--ual-bg);color:var(--ual-text);transition:background-color .3s ease,color .3s ease}[data-theme=Dyslexia] body{font-family:Lexend,Inter,system-ui,sans-serif}.ual-settings-app{display:flex;height:100vh;overflow:hidden}.ual-sidebar{width:var(--ual-sidebar-width);background:var(--ual-bg-secondary);border-right:1px solid var(--ual-border);display:flex;flex-direction:column;padding:24px 16px;box-sizing:border-box}.ual-sidebar-logo{display:flex;align-items:center;gap:12px;padding:0 12px 32px;font-weight:700;font-size:20px;color:var(--ual-text)}.ual-sidebar-logo svg{color:var(--ual-accent)}.ual-sidebar-version{font-size:11px;color:var(--ual-text-muted);font-weight:500;margin-top:4px}.ual-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;color:var(--ual-text-muted);font-weight:500;font-size:14px;transition:all .2s ease;margin-bottom:4px}.ual-nav-item:hover{background:var(--ual-card);color:var(--ual-text)}.ual-nav-item.active{background:var(--ual-accent);color:#fff;font-weight:600}[data-theme=Dyslexia] .ual-nav-item.active{color:#fdfaf6}.ual-sidebar-spacer{flex:1}.ual-settings-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.ual-top-bar{height:72px;padding:0 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ual-border);background:var(--ual-bg);position:sticky;top:0;z-index:10}.ual-panel-container{padding:40px;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ual-panel-title{font-size:28px;font-weight:700;margin:0 0 8px}.ual-panel-subtitle{color:var(--ual-text-muted);font-size:15px;margin:0 0 32px;line-height:1.5}.ual-section-title{font-size:18px;font-weight:600;margin:32px 0 16px;padding-bottom:8px;border-bottom:1px solid var(--ual-border)}.ual-card{background:var(--ual-card);border:1px solid var(--ual-border);border-radius:16px;padding:24px;margin-bottom:24px}
