.top-nav.svelte-ugpg6l{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;border-bottom:1px solid #ccc;background:#fff}.icon-btn.svelte-ugpg6l{background:none;border:none;cursor:pointer;color:#333;display:flex;align-items:center;justify-content:center}.icon-btn.svelte-ugpg6l:hover{color:#4a90e2}.backdrop.svelte-ugpg6l{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.sidebar.svelte-ugpg6l{position:fixed;top:0;left:0;bottom:0;width:260px;background:#fff;border-right:1px solid #ddd;padding:1.5rem 1rem;display:flex;flex-direction:column;color:#000;z-index:100}.close-btn.svelte-ugpg6l{align-self:flex-end;background:none;border:none;cursor:pointer;margin-bottom:1rem;color:#333}.sidebar-nav.svelte-ugpg6l{display:flex;flex-direction:column;gap:1rem}.menu-group.svelte-ugpg6l>a:where(.svelte-ugpg6l),.menu-group.svelte-ugpg6l>span:where(.svelte-ugpg6l){font-weight:600;font-size:1.05rem}.submenu.svelte-ugpg6l{display:flex;flex-direction:column;gap:.5rem;margin-left:1rem;margin-top:.5rem}.submenu.svelte-ugpg6l a:where(.svelte-ugpg6l),.submenu.svelte-ugpg6l span:where(.svelte-ugpg6l){display:flex;align-items:center;gap:.5rem;font-weight:400;font-size:.95rem}.menu-icon.svelte-ugpg6l{width:20px;height:20px;object-fit:contain}.sidebar-nav.svelte-ugpg6l a:where(.svelte-ugpg6l){text-decoration:none;color:#333;padding:.4rem .6rem;border-radius:6px;transition:background .2s}.sidebar-nav.svelte-ugpg6l a:where(.svelte-ugpg6l):hover{color:#4a90e2;background:#4a90e21a}.sidebar-nav.svelte-ugpg6l a.active:where(.svelte-ugpg6l){background:#4a90e226;color:#4a90e2;font-weight:600}.disabled.svelte-ugpg6l{color:#999;font-style:italic;font-size:.95rem}@media (prefers-color-scheme: dark){.top-nav.svelte-ugpg6l{background:#1e1e1e;border-bottom:1px solid #333}.icon-btn.svelte-ugpg6l{color:#e0e0e0}.icon-btn.svelte-ugpg6l:hover{color:#90caf9}.sidebar.svelte-ugpg6l{background:#1a1a1a;border-right:1px solid #333;color:#f5f5f5}.close-btn.svelte-ugpg6l{color:#e0e0e0}.sidebar-nav.svelte-ugpg6l a:where(.svelte-ugpg6l){color:#e0e0e0}.sidebar-nav.svelte-ugpg6l a:where(.svelte-ugpg6l):hover{color:#90caf9;background:#90caf91a}.sidebar-nav.svelte-ugpg6l a.active:where(.svelte-ugpg6l){background:#90caf926;color:#90caf9}.disabled.svelte-ugpg6l{color:#777}}