*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,sans-serif;background:#0f0f0f;color:#e0e0e0}.app.svelte-3xk75w.svelte-3xk75w{display:flex;min-height:100vh}.sidebar.svelte-3xk75w.svelte-3xk75w{width:220px;background:#1a1a1a;padding:1rem;position:fixed;height:100vh;display:flex;flex-direction:column}.logo.svelte-3xk75w.svelte-3xk75w{font-size:1.5rem;padding:1rem;margin-bottom:1rem}.logo.svelte-3xk75w span.svelte-3xk75w{background:linear-gradient(135deg,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.nav-items.svelte-3xk75w.svelte-3xk75w{flex:1;display:flex;flex-direction:column;gap:.5rem}.nav-items.svelte-3xk75w a.svelte-3xk75w{padding:.75rem;border-radius:8px;color:#888;text-decoration:none}.nav-items.svelte-3xk75w a.svelte-3xk75w:hover{background:#2a2a2a;color:#fff}.nav-items.svelte-3xk75w a.active.svelte-3xk75w{background:#8b5cf633;color:#fff}.user-section.svelte-3xk75w.svelte-3xk75w{padding-top:1rem;border-top:1px solid #2a2a2a}.user-section.svelte-3xk75w span.svelte-3xk75w{font-size:.8rem;color:#666}.user-section.svelte-3xk75w button.svelte-3xk75w,.user-section.svelte-3xk75w a.svelte-3xk75w{display:block;width:100%;padding:.5rem;margin-top:.5rem;border:none;border-radius:6px;background:#8b5cf6;color:#fff;cursor:pointer;text-align:center;text-decoration:none}.content.svelte-3xk75w.svelte-3xk75w{flex:1;margin-left:220px;padding:2rem}