:root{--cd-app-main:#f8fafc;--cd-surface:#fff;--cd-border:#e2e8f0;--cd-text:#0f172a;--cd-muted:#475569;--cd-nav-active:#059669;--cd-header:#fff;--tuf-bg:#f8fafc;--tuf-border:#e2e8f0;--tuf-hover-surface:#f1f5f9;--tuf-tab-active:#ecfdf5;--tuf-brand:#059669;--tuf-brand-light:#10b981}[data-theme=dark],.dark{--cd-app-main:#0b1117;--cd-surface:#111922;--cd-border:#223043;--cd-text:#edf4fb;--cd-muted:#6b8a9e;--cd-nav-active:#04aa6d;--cd-header:#0d141c;--tuf-bg:#0b1117;--tuf-border:#223043;--tuf-hover-surface:#182230;--tuf-tab-active:#0f2b23;--tuf-brand:#04aa6d;--tuf-brand-light:#12ba7d}.cd-app-shell{background:var(--cd-app-main);width:100%;height:100vh;color:var(--cd-text);display:flex;overflow:hidden}.cd-sidebar{background:var(--tuf-bg);border-right:1px solid var(--tuf-border);z-index:50;flex-direction:column;flex-shrink:0;transition:width .25s;display:flex}.cd-rail{flex-direction:column;align-items:center;width:70px;height:100%;padding:20px 0;display:flex}.cd-rail-icon{cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.cd-rail-icon:hover{background:var(--tuf-hover-surface)}.cd-rail-icon-active{background:var(--tuf-tab-active);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.cd-rail-icon-active:before{content:"";background:var(--cd-nav-active);border-radius:0 4px 4px 0;width:3px;position:absolute;top:8px;bottom:8px;left:0}.cd-sidebar-expanded{flex-direction:column;width:300px;height:100%;display:flex}.cd-sidebar-toggle{background:var(--tuf-brand);color:#fff;cursor:pointer;z-index:100;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;transition:right .2s;display:flex;position:absolute;bottom:24px;right:-12px;box-shadow:0 2px 8px #0000004d}.cd-sidebar-toggle:hover{background:var(--tuf-brand-light)}.cd-sidebar-toggle.expanded{right:-12px}.cd-seg-control{background:var(--cd-surface);border:1px solid var(--cd-border);border-radius:999px;width:max-content;padding:3px;display:flex}.cd-seg-btn{cursor:pointer;color:var(--cd-muted);border-radius:999px;padding:6px 16px;font-size:.8rem;font-weight:600;transition:all .2s}.cd-seg-btn.active{background:var(--cd-nav-active);color:#fff}