body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:#f5f5f5}.app.svelte-12qhfyh{display:flex;min-height:100vh}.sidebar.svelte-12qhfyh{width:260px;background:#2c3e50;color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto}.logo.svelte-12qhfyh{padding:2rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.logo.svelte-12qhfyh h2:where(.svelte-12qhfyh){margin:0;font-size:1.3rem}nav.svelte-12qhfyh{flex:1;padding:1rem 0}nav.svelte-12qhfyh a:where(.svelte-12qhfyh){display:block;padding:1rem 1.5rem;color:#fffc;text-decoration:none;transition:all .2s}nav.svelte-12qhfyh a:where(.svelte-12qhfyh):hover,nav.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:#ffffff1a;color:#fff}nav.svelte-12qhfyh a.create-btn:where(.svelte-12qhfyh){margin:.5rem 1rem;padding:.8rem 1.2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:600;text-align:center;box-shadow:0 4px 12px #667eea4d}nav.svelte-12qhfyh a.create-btn:where(.svelte-12qhfyh):hover{background:linear-gradient(135deg,#5568d3,#653a8a);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.sidebar-footer.svelte-12qhfyh{padding:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.user-info.svelte-12qhfyh{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem}.user-info.svelte-12qhfyh strong:where(.svelte-12qhfyh){font-size:.95rem}.role.svelte-12qhfyh{font-size:.85rem;color:#fff9}.logout-btn.svelte-12qhfyh{width:100%;padding:.75rem;background:#ff6b3533;color:#ff6b35;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:background .2s}.logout-btn.svelte-12qhfyh:hover{background:#ff6b354d}.sidebar-login.svelte-12qhfyh{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem 1.5rem}.login-prompt.svelte-12qhfyh{text-align:center;width:100%}.login-btn.svelte-12qhfyh{display:block;padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;font-weight:600;text-decoration:none;text-align:center;box-shadow:0 4px 12px #667eea4d;transition:all .2s}.login-btn.svelte-12qhfyh:hover{background:linear-gradient(135deg,#5568d3,#653a8a);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}main.svelte-12qhfyh{flex:1;padding:2rem;margin-left:260px}