body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f7fa}.mobile-topbar.svelte-12qhfyh,.sidebar-overlay.svelte-12qhfyh{display:none}.loading.svelte-12qhfyh{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem}.app-layout.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:240px;background:#1a1a2e;color:#fff;position:fixed;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow-y:auto;z-index:100}.sidebar-header.svelte-12qhfyh{padding:1.5rem;margin-bottom:2rem;flex-shrink:0}.sidebar-header.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin:0 0 .25rem;font-size:1.25rem}.sidebar-header.svelte-12qhfyh small:where(.svelte-12qhfyh){color:#888;font-size:.8rem}nav.svelte-12qhfyh{flex:1}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){display:flex;align-items:center;gap:.625rem;padding:.875rem 1.5rem;color:#ccc;text-decoration:none;font-size:.95rem;transition:all .15s}.nav-icon.svelte-12qhfyh{font-size:1.1rem;width:1.5rem;text-align:center}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{background:#ffffff0d;color:#fff}nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#ffffff1a;color:#fff;border-left:3px solid #4fc3f7}.sidebar-footer.svelte-12qhfyh{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;background:#1a1a2e;flex-shrink:0}.user-info.svelte-12qhfyh{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem}.user-avatar.svelte-12qhfyh{width:36px;height:36px;background:#4fc3f7;color:#1a1a2e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.user-details.svelte-12qhfyh{flex:1;min-width:0;display:flex;flex-direction:column}.user-name.svelte-12qhfyh{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.role-tag.svelte-12qhfyh{font-size:.65rem;padding:.15rem .5rem;background:#4fc3f733;border-radius:999px;align-self:flex-start;margin-top:.15rem}.btn-logout.svelte-12qhfyh{width:100%;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;cursor:pointer;font-size:.85rem;transition:background .15s}.btn-logout.svelte-12qhfyh:hover{background:#ffffff1a}.main-content.svelte-12qhfyh{flex:1;margin-left:240px;padding:2rem;min-height:100vh}@media(max-width:768px){.mobile-topbar.svelte-12qhfyh{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#1a1a2e;color:#fff;position:sticky;top:0;z-index:200;box-shadow:0 2px 8px #00000026}.topbar-title.svelte-12qhfyh{font-weight:600;font-size:1.05rem}.hamburger.svelte-12qhfyh{display:flex;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;border-radius:6px}.hamburger.svelte-12qhfyh:hover{background:#ffffff1a}.hamburger-line.svelte-12qhfyh{display:block;width:100%;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .25s;transform-origin:center}.hamburger-line.open.svelte-12qhfyh:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger-line.open.svelte-12qhfyh:nth-child(2){opacity:0}.hamburger-line.open.svelte-12qhfyh:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.sidebar.svelte-12qhfyh{transform:translate(-100%);transition:transform .3s ease;width:280px;box-shadow:none;height:calc(100dvh - 64px);top:64px}.sidebar.mobile-open.svelte-12qhfyh{transform:translate(0);box-shadow:4px 0 20px #0000004d}.sidebar-overlay.svelte-12qhfyh{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:90;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.sidebar-overlay.visible.svelte-12qhfyh{opacity:1;visibility:visible}.main-content.svelte-12qhfyh{margin-left:0;padding:1rem}}@media(max-width:380px){.main-content.svelte-12qhfyh{padding:.75rem}.topbar-title.svelte-12qhfyh{font-size:.95rem}}