.app-shell.svelte-1v2axqk{min-height:100vh;display:flex;flex-direction:column}.topbar.svelte-1v2axqk{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--bg-secondary);position:sticky;top:0;z-index:20}.brand.svelte-1v2axqk{font-size:20px;font-weight:700;letter-spacing:.3px;color:var(--text)}.topbar-nav.svelte-1v2axqk{display:flex;gap:4px;margin-left:24px}.nav-link.svelte-1v2axqk{min-height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 12px;border-radius:var(--radius);color:var(--text-muted);font-size:13px;font-weight:500}.nav-link.svelte-1v2axqk:hover,.nav-link.active.svelte-1v2axqk{color:var(--text);background:var(--bg-hover)}.topbar-actions.svelte-1v2axqk{display:flex;align-items:center;gap:10px;margin-left:auto}.settings-link.svelte-1v2axqk{min-height:40px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);background:var(--bg)}.settings-link.svelte-1v2axqk:hover{color:var(--text)}.notif-badge.svelte-1v2axqk{margin-left:8px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:#fff;font-size:11px;font-weight:700}.logout-btn.svelte-1v2axqk{min-height:40px}.app-content.svelte-1v2axqk{flex:1}.mobile-nav.svelte-1v2axqk{display:none}@media(max-width:768px){.topbar.svelte-1v2axqk{padding:0 12px}.settings-link.svelte-1v2axqk,.logout-btn.svelte-1v2axqk,.topbar-nav.svelte-1v2axqk{display:none}.mobile-nav.svelte-1v2axqk{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px;border-top:1px solid var(--border);background:var(--bg-secondary);position:sticky;bottom:0;z-index:20}.mobile-nav.svelte-1v2axqk a:where(.svelte-1v2axqk){min-height:48px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-size:13px}.mobile-nav.svelte-1v2axqk a.active:where(.svelte-1v2axqk){color:var(--text);border-color:var(--accent)}}