.navigation-showcase.svelte-157k1vu{max-width:1200px;margin:0 auto;padding:0 1rem 2rem}.showcase-header.svelte-157k1vu{text-align:center;margin-bottom:3rem;padding-bottom:3rem;border-bottom:2px solid var(--lg-warm-200, #e5e7eb)}.showcase-header.svelte-157k1vu h1:where(.svelte-157k1vu){font-size:3rem;font-weight:700;color:var(--lg-primary, #466d4d);margin-bottom:1rem}.lead.svelte-157k1vu{font-size:1.25rem;color:var(--lg-text-secondary, #374151);max-width:700px;margin:0 auto;line-height:1.6}.demo-section.svelte-157k1vu{background:#fff;border-radius:1rem;padding:2rem;margin-bottom:2rem;border:2px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 2px 8px #0000000d}.demo-section.svelte-157k1vu h2:where(.svelte-157k1vu){font-size:1.75rem;color:var(--lg-text-primary, #111827);margin-bottom:.5rem}.demo-section.svelte-157k1vu>p:where(.svelte-157k1vu){color:var(--lg-text-secondary, #374151);margin-bottom:2rem}.demo-container.svelte-157k1vu{background:var(--lg-bg-secondary, #f5f5f4);border-radius:.75rem;padding:1rem;border:1px solid var(--lg-warm-200, #e5e7eb)}.navbar.svelte-157k1vu{background:#fff;box-shadow:0 2px 8px #0000000d;position:relative}.navbar-container.svelte-157k1vu{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;max-width:1200px;margin:0 auto}.navbar-brand.svelte-157k1vu{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:700;font-size:1.25rem;color:var(--lg-text-primary, #111827)}.logo.svelte-157k1vu{font-size:1.5rem}.navbar-menu.svelte-157k1vu{display:none;list-style:none;margin:0;padding:0;gap:2rem}@media (min-width: 768px){.navbar-menu.svelte-157k1vu{display:flex}}.navbar-link.svelte-157k1vu{text-decoration:none;color:var(--lg-text-secondary, #374151);font-weight:500;padding:.5rem 0;position:relative;transition:color .2s ease}.navbar-link.svelte-157k1vu:hover,.navbar-link.active.svelte-157k1vu{color:var(--lg-primary, #466d4d)}.navbar-link.active.svelte-157k1vu:after{content:"";position:absolute;bottom:-.5rem;left:0;right:0;height:2px;background:var(--lg-primary, #466d4d)}.mobile-menu-btn.svelte-157k1vu{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--lg-text-primary, #111827)}@media (min-width: 768px){.mobile-menu-btn.svelte-157k1vu{display:none}}.mobile-menu.svelte-157k1vu{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 4px 12px #0000001a;animation:svelte-157k1vu-slideDown .3s ease}@keyframes svelte-157k1vu-slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.mobile-menu-link.svelte-157k1vu{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;text-decoration:none;color:var(--lg-text-primary, #111827);font-weight:500;border-bottom:1px solid var(--lg-warm-100, #f3f4f6);transition:background .2s ease}.mobile-menu-link.svelte-157k1vu:hover{background:var(--lg-warm-50, #fafaf9)}.mobile-menu-link.active.svelte-157k1vu{color:var(--lg-primary, #466d4d);background:var(--lg-primary-light, rgba(70, 109, 77, .05))}.tabs.svelte-157k1vu{display:flex;gap:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem}.tabs.svelte-157k1vu::-webkit-scrollbar{display:none}.tab.svelte-157k1vu{flex-shrink:0;padding:.75rem 1.5rem;background:transparent;border:none;border-bottom:2px solid transparent;font-weight:500;color:var(--lg-text-secondary, #374151);cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab.svelte-157k1vu:hover{color:var(--lg-primary, #466d4d);background:var(--lg-warm-50, #fafaf9)}.tab.active.svelte-157k1vu{color:var(--lg-primary, #466d4d);border-bottom-color:var(--lg-primary, #466d4d);font-weight:600}.tab-content.svelte-157k1vu{padding:1.5rem;background:#fff;border-radius:.5rem;margin-top:1rem}.breadcrumbs.svelte-157k1vu{display:flex;align-items:center;list-style:none;margin:0;padding:0;flex-wrap:wrap;gap:.5rem}.breadcrumb-item.svelte-157k1vu{display:flex;align-items:center;gap:.5rem}.breadcrumb-link.svelte-157k1vu{text-decoration:none;color:var(--lg-text-secondary, #374151);font-size:.875rem;transition:color .2s ease}.breadcrumb-link.svelte-157k1vu:hover{color:var(--lg-primary, #466d4d);text-decoration:underline}.breadcrumb-current.svelte-157k1vu{color:var(--lg-text-primary, #111827);font-weight:500;font-size:.875rem}.dropdown-demo.svelte-157k1vu{position:relative;display:inline-block}.dropdown-trigger.svelte-157k1vu{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:.5rem;font-weight:500;color:var(--lg-text-primary, #111827);cursor:pointer;transition:all .2s ease}.dropdown-trigger.svelte-157k1vu:hover{border-color:var(--lg-primary, #466d4d);background:var(--lg-warm-50, #fafaf9)}.dropdown-menu.svelte-157k1vu{position:absolute;top:100%;left:0;margin-top:.5rem;min-width:200px;background:#fff;border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:.5rem;box-shadow:0 4px 12px #0000001a;z-index:100;animation:svelte-157k1vu-fadeIn .2s ease}@keyframes svelte-157k1vu-fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item.svelte-157k1vu{display:block;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;color:var(--lg-text-primary, #111827);cursor:pointer;transition:background .2s ease;font-size:.875rem}.dropdown-item.svelte-157k1vu:hover{background:var(--lg-warm-50, #fafaf9)}.dropdown-divider.svelte-157k1vu{height:1px;background:var(--lg-warm-200, #e5e7eb);margin:.5rem 0}.user-menu-demo.svelte-157k1vu{position:relative;display:inline-block}.user-menu-trigger.svelte-157k1vu{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#fff;border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:9999px;cursor:pointer;transition:all .2s ease}.user-menu-trigger.svelte-157k1vu:hover{border-color:var(--lg-primary, #466d4d);background:var(--lg-warm-50, #fafaf9)}.user-avatar.svelte-157k1vu{width:32px;height:32px;border-radius:50%}.user-avatar-large.svelte-157k1vu{width:48px;height:48px;border-radius:50%}.user-name.svelte-157k1vu{font-weight:500;color:var(--lg-text-primary, #111827)}.user-dropdown.svelte-157k1vu{position:absolute;top:100%;right:0;margin-top:.5rem;width:280px;background:#fff;border:2px solid var(--lg-warm-200, #e5e7eb);border-radius:.75rem;box-shadow:0 4px 12px #0000001a;z-index:100;animation:svelte-157k1vu-fadeIn .2s ease}.user-info.svelte-157k1vu{display:flex;align-items:center;gap:1rem;padding:1rem}.user-name-full.svelte-157k1vu{font-weight:600;color:var(--lg-text-primary, #111827);margin:0 0 .25rem}.user-email.svelte-157k1vu{font-size:.875rem;color:var(--lg-text-muted, #6b7280);margin:0}.user-menu-item.svelte-157k1vu{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:transparent;border:none;width:100%;text-align:left;text-decoration:none;color:var(--lg-text-primary, #111827);cursor:pointer;transition:background .2s ease;font-size:.875rem}.user-menu-item.svelte-157k1vu:hover{background:var(--lg-warm-50, #fafaf9)}.user-menu-item.text-danger.svelte-157k1vu{color:var(--lg-error, #dc2626)}.pagination.svelte-157k1vu{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1rem}.page-btn.svelte-157k1vu{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid var(--lg-warm-200, #e5e7eb);border-radius:.375rem;color:var(--lg-text-secondary, #374151);font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.875rem}.page-btn.svelte-157k1vu:hover:not(:disabled){background:var(--lg-warm-50, #fafaf9);border-color:var(--lg-primary, #466d4d);color:var(--lg-primary, #466d4d)}.page-btn.svelte-157k1vu:disabled{opacity:.5;cursor:not-allowed}.page-number.svelte-157k1vu{min-width:48px;justify-content:center}.page-number.active.svelte-157k1vu{background:var(--lg-primary, #466d4d);color:#fff;border-color:var(--lg-primary, #466d4d)}.page-dots.svelte-157k1vu{padding:0 .5rem;color:var(--lg-text-muted, #6b7280)}.page-numbers.svelte-157k1vu{display:none}@media (min-width: 640px){.page-numbers.svelte-157k1vu{display:flex;align-items:center;gap:.25rem}}.pagination-mobile.svelte-157k1vu{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#fff;border-radius:.5rem;margin-top:1rem}@media (min-width: 640px){.pagination-mobile.svelte-157k1vu{display:none}}.page-btn-mobile.svelte-157k1vu{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--lg-primary, #466d4d);color:#fff;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.page-btn-mobile.svelte-157k1vu:hover{transform:scale(1.05);box-shadow:0 4px 12px #466d4d4d}.page-btn-mobile.svelte-157k1vu:disabled{opacity:.5;cursor:not-allowed}.page-info.svelte-157k1vu{font-weight:500;color:var(--lg-text-primary, #111827)}.sticky-demo.svelte-157k1vu{position:relative;height:300px;overflow:hidden}.content-area.svelte-157k1vu{height:100%;overflow-y:auto;padding:1rem;padding-bottom:80px}.sticky-nav.svelte-157k1vu{position:absolute;bottom:0;left:0;right:0;display:flex;background:#fff;border-top:1px solid var(--lg-warm-200, #e5e7eb);box-shadow:0 -2px 8px #0000000d}.sticky-nav-item.svelte-157k1vu{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 0;background:transparent;border:none;color:var(--lg-text-muted, #6b7280);cursor:pointer;transition:all .2s ease;position:relative}.sticky-nav-item.svelte-157k1vu:hover{color:var(--lg-primary, #466d4d);background:var(--lg-warm-50, #fafaf9)}.sticky-nav-item.active.svelte-157k1vu{color:var(--lg-primary, #466d4d)}.sticky-nav-item.active.svelte-157k1vu:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--lg-primary, #466d4d)}.sticky-nav-item.svelte-157k1vu span:where(.svelte-157k1vu){font-size:.75rem;font-weight:500}.badge.svelte-157k1vu{position:absolute;top:.5rem;right:calc(50% - 20px);background:var(--lg-accent, #a4a948);color:#fff;font-size:.625rem;padding:.125rem .375rem;border-radius:9999px;font-weight:600;min-width:18px;text-align:center}@media (max-width: 768px){.showcase-header.svelte-157k1vu h1:where(.svelte-157k1vu){font-size:2rem}.lead.svelte-157k1vu{font-size:1.125rem}.demo-section.svelte-157k1vu{padding:1.5rem}.demo-container.svelte-157k1vu{padding:.5rem}}.dark-mode-override .demo-section.svelte-157k1vu{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .showcase-header.svelte-157k1vu{border-bottom-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .showcase-header.svelte-157k1vu h1:where(.svelte-157k1vu){color:var(--lg-primary)}.dark-mode-override .lead.svelte-157k1vu{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .demo-section.svelte-157k1vu h2:where(.svelte-157k1vu){color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .demo-section.svelte-157k1vu>p:where(.svelte-157k1vu){color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .demo-container.svelte-157k1vu{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .tab-content.svelte-157k1vu{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a);color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .breadcrumb-item.svelte-157k1vu{color:var(--lg-text-secondary, #d0d0d0)}.dark-mode-override .breadcrumb-item.svelte-157k1vu:hover{color:var(--lg-primary)}.dark-mode-override .dropdown-menu.svelte-157k1vu{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-300, #4a4a4a);box-shadow:0 4px 12px #0000004d}.dark-mode-override .dropdown-item.svelte-157k1vu{color:var(--lg-text-primary, #f0f0f0)}.dark-mode-override .dropdown-item.svelte-157k1vu:hover{background:var(--lg-warm-200, #3a3a3a);color:var(--lg-primary)}.dark-mode-override .pagination.svelte-157k1vu{background:var(--lg-bg-tertiary, #2a2a2a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .badge.svelte-157k1vu{background:var(--lg-accent);color:#fff}.dark-mode-override .demo-container.svelte-157k1vu{background:var(--lg-bg-primary, #1a1a1a);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .navbar.svelte-157k1vu{background:var(--lg-bg-primary, #1a1a1a)!important;border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .navbar-brand.svelte-157k1vu{color:var(--lg-primary)!important}.dark-mode-override .sticky-nav.svelte-157k1vu{background:var(--lg-bg-primary, #1a1a1a)!important;border-top-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .pagination-mobile.svelte-157k1vu{background:var(--lg-bg-secondary, #242424);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .page-btn.svelte-157k1vu{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .page-btn.svelte-157k1vu:hover:not(:disabled){background:var(--lg-warm-200, #3a3a3a);border-color:var(--lg-primary);color:var(--lg-primary)}.dark-mode-override .page-number.active.svelte-157k1vu{background:var(--lg-primary);color:#fff;border-color:var(--lg-primary)}.dark-mode-override .dropdown-trigger.svelte-157k1vu{background:var(--lg-bg-tertiary, #2a2a2a);color:var(--lg-text-primary, #f0f0f0);border-color:var(--lg-warm-300, #4a4a4a)}.dark-mode-override .dropdown-trigger.svelte-157k1vu:hover{background:var(--lg-warm-200, #3a3a3a);border-color:var(--lg-primary)}.dark-mode-override .user-avatar.svelte-157k1vu{background:var(--lg-warm-300, #4a4a4a);border-color:var(--lg-warm-200, #3a3a3a)}.dark-mode-override .user-name.svelte-157k1vu{color:var(--lg-text-primary, #f0f0f0)}