*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif}.app.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:220px;background:#2c3e50;color:#fff;display:flex;flex-direction:column;flex-shrink:0}.nav-header.svelte-12qhfyh{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-logo.svelte-12qhfyh{font-weight:600;font-size:.95rem}.nav-links.svelte-12qhfyh{list-style:none;margin:0;padding:.5rem 0;flex:1}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh){display:block;padding:.6rem 1rem;color:#ffffffbf;text-decoration:none;font-size:.9rem}.nav-links.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,.nav-links.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:#fff;background:#ffffff1a}.nav-footer.svelte-12qhfyh{padding:1rem;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:.5rem}.nav-user.svelte-12qhfyh{font-size:.8rem;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn.svelte-12qhfyh{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ffffffbf;padding:.35rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer}.logout-btn.svelte-12qhfyh:hover{background:#ffffff1a;color:#fff}.content.svelte-12qhfyh{flex:1;padding:2rem;overflow-y:auto;background:#f8f9fa}