.showcase{min-height:100vh;background:var(--wf-bg-primary);color:var(--wf-text-primary)}.admin-layout .showcase-nav{position:static}.header{position:fixed;top:0;left:0;right:0;padding:0!important;z-index:50;background:var(--wf-bg-secondary);backdrop-filter:blur(12px);border-bottom:1px solid var(--wf-border-primary)}.header-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem}.header-container,.header-content{display:flex;align-items:center;justify-content:space-between}.branding{gap:.75rem}.branding,.logo{display:flex;align-items:center}.logo{width:2rem;height:2rem;background:linear-gradient(135deg,var(--wf-accent-primary),var(--wf-accent-secondary));border-radius:.5rem;justify-content:center}.logo-icon{height:1.25rem;width:1.25rem;color:var(--wf-text-on-accent)}.logo-text{font-weight:700;color:var(--wf-text-primary)}.branding-text{display:flex;flex-direction:column}.title{font-size:1.125rem;font-weight:700;line-height:1.2;color:var(--wf-text-primary)}.subtitle{font-size:.75rem;color:var(--wf-text-tertiary);line-height:1}.nav{display:none;gap:.5rem}@media (min-width:1024px){.nav{display:flex;align-items:center}}.nav-link{padding:.5rem 1rem;font-size:.875rem;color:var(--wf-text-tertiary);border-radius:.5rem;transition:all .2s ease;text-decoration:none}.nav-link:hover{color:var(--wf-text-primary);background:var(--wf-bg-tertiary)}.nav-link--primary{background:var(--wf-accent-primary);color:var(--wf-text-on-accent)}.nav-link--primary:hover{background:var(--wf-accent-hover);color:var(--wf-text-on-accent)}.header-actions{display:flex;align-items:center;gap:.75rem}.header-action-btn{padding:.5rem;border-radius:.5rem;background:transparent;border:none;cursor:pointer;transition:background .2s;color:var(--wf-text-secondary)}.header-action-btn:hover{background:var(--wf-bg-tertiary)}.header-action-icon{width:1.25rem;height:1.25rem}.mobile-menu-btn{display:block;padding:.5rem;background:transparent;border:none;color:var(--wf-text-primary);border-radius:.5rem;transition:background .2s ease;cursor:pointer}@media (min-width:1024px){.mobile-menu-btn{display:none}}.mobile-menu-btn:hover{background:var(--wf-bg-tertiary)}.mobile-menu-icon{height:1.5rem;width:1.5rem}.mobile-menu{display:block;border-top:1px solid var(--wf-border-primary);background:var(--wf-bg-secondary)}@media (min-width:1024px){.mobile-menu{display:none}}.mobile-menu-container{padding:1rem 1.5rem}.mobile-menu-items{display:flex;flex-direction:column;gap:.5rem}.mobile-menu-link{display:block;padding:.5rem 1rem;font-size:.875rem;color:var(--wf-text-tertiary);border-radius:.5rem;transition:all .2s ease;text-decoration:none}.mobile-menu-link:hover{color:var(--wf-text-primary);background:var(--wf-bg-tertiary)}.mobile-menu-link--primary{background:var(--wf-accent-primary);color:var(--wf-text-on-accent)}.layout{display:flex;padding-top:0}.showcase .sidebar{position:fixed;left:0;top:5rem;bottom:0;background:var(--wf-bg-secondary);border-right:1px solid var(--wf-border-primary);transition:width .3s ease;z-index:40;display:none;flex-direction:unset;overflow-y:unset;overflow-x:unset;min-width:unset;max-width:unset}@media (min-width:1024px){.showcase .sidebar{display:block}}.showcase .sidebar--collapsed{width:4rem}.showcase .sidebar--expanded{width:16rem}.sidebar-inner{padding:1rem}.sidebar-toggle{width:100%;margin-bottom:1rem;padding:.5rem;background:transparent;border:none;border-radius:.5rem;color:var(--wf-text-primary);cursor:pointer;transition:background .2s ease;display:flex;align-items:center;justify-content:center}.sidebar-toggle:hover{background:var(--wf-bg-tertiary)}.sidebar-toggle-icon{height:1.25rem;width:1.25rem;transition:transform .3s ease}.showcase .sidebar--collapsed .sidebar-toggle-icon{transform:rotate(0deg)}.showcase .sidebar--expanded .sidebar-toggle-icon{transform:rotate(180deg)}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.sidebar-link{width:100%;text-align:left;padding:.5rem .75rem;border-radius:.5rem;background:transparent;border:none;color:var(--wf-text-tertiary);font-size:.875rem;cursor:pointer;transition:all .2s ease}.sidebar-link:hover{color:var(--wf-text-primary);background:var(--wf-bg-tertiary)}.sidebar-link--active{background:var(--wf-accent-primary);color:var(--wf-text-on-accent)}.showcase .sidebar--collapsed .sidebar-link{padding:.5rem;text-align:center;overflow:hidden;white-space:nowrap}.main{flex:1;transition:margin-left .3s ease}.main--sidebar-collapsed{margin-left:4rem}.main--sidebar-expanded{margin-left:16rem}@media (max-width:1023px){.main--sidebar-collapsed,.main--sidebar-expanded{margin-left:0}}.showcase-section{margin-bottom:5rem}.showcase-section-header{margin-bottom:2rem}.showcase-section-badge{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem}.badge{font-weight:700;border-radius:.25rem}.badge--new{background:var(--wf-success-bg);color:var(--wf-success-text)}.badge--enhanced{background:var(--wf-info-bg);color:var(--wf-info-text)}.showcase-section-title{font-size:1.875rem;font-weight:700;margin-bottom:.5rem;color:var(--wf-text-primary)}.showcase-section-description{color:var(--wf-text-tertiary);line-height:1.6}.subsection{margin-bottom:3rem}.subsection-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.subsection-badge{padding:.25rem .5rem;background:var(--wf-accent-primary);color:var(--wf-text-on-accent);font-size:.75rem;border-radius:.25rem}.subsection-title{font-size:1.25rem;font-weight:600;color:var(--wf-text-primary)}.subsection-description{margin-top:.5rem;margin-bottom:1rem;font-size:.875rem;line-height:1.5;color:var(--wf-text-secondary)}.subsection-subheader{font-size:1rem;font-weight:600;color:var(--wf-text-primary);margin-top:1.5rem;margin-bottom:.75rem}.demo{background:var(--wf-bg-secondary);border:1px solid var(--wf-border-primary);border-radius:.75rem;padding:2rem}.code{margin-top:1rem;padding:1rem;background:var(--wf-bg-tertiary);border-radius:.5rem}.code pre{font-size:1rem;color:var(--wf-text-primary);overflow-x:auto;margin:0}.pre{font-family:monospace;white-space:pre-wrap}.feature-box{padding:1.5rem;background:var(--wf-accent-bg);border:1px solid var(--wf-accent-border);border-radius:.75rem;margin-top:3rem}.feature-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:600;color:var(--wf-text-primary)}.feature-icon{height:1.25rem;width:1.25rem;color:var(--wf-accent-primary)}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.feature-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--wf-text-secondary)}.feature-bullet{width:.375rem;height:.375rem;background:var(--wf-success-text);border-radius:50%;flex-shrink:0}.grid{display:grid;gap:1.5rem}.grid--2col{grid-template-columns:1fr}@media (min-width:768px){.grid--2col{grid-template-columns:repeat(2,1fr)}}.grid--3col{grid-template-columns:1fr}@media (min-width:1024px){.grid--3col{grid-template-columns:repeat(3,1fr)}}.grid--4col{grid-template-columns:1fr}@media (min-width:768px){.grid--4col{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid--4col{grid-template-columns:repeat(4,1fr)}}.demo-label{font-size:.875rem;font-weight:500;color:var(--wf-text-secondary);margin-bottom:1rem}.demo-items{display:flex;align-items:center;gap:1.5rem}.demo-item{text-align:center}.demo-caption{font-size:.75rem;color:var(--wf-text-tertiary);margin-top:.5rem}.card{background:var(--wf-bg-tertiary);border-radius:.5rem;padding:1rem;transition:background .2s}.card:hover{background:var(--wf-bg-secondary)}.card-content{display:flex;align-items:center;gap:1rem}.card-body{flex:1;min-width:0}.card-title{font-weight:600;color:var(--wf-text-primary)}.card-subtitle{font-size:.875rem;color:var(--wf-text-secondary);margin-top:.25rem}.card-meta{font-size:.75rem;color:var(--wf-text-tertiary);margin-top:.25rem}.member-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width:768px){.member-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.member-grid{grid-template-columns:repeat(4,1fr)}}.primitive-card{padding:1rem;border:1px solid var(--wf-border-primary);border-radius:.5rem;background:var(--wf-bg-primary)}.primitive-title{font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;color:var(--wf-text-primary)}.primitive-indicator{width:.5rem;height:.5rem;background:var(--wf-success-text);border-radius:50%}.primitive-description{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:.75rem}.primitive-code{font-size:.75rem;background:var(--wf-bg-tertiary);padding:.25rem .5rem;border-radius:.25rem;color:var(--wf-text-tertiary);font-family:monospace}.hero{max-width:42rem;margin:0 auto;text-align:center}.hero-icon{width:4rem;height:4rem;background:linear-gradient(to bottom right,var(--wf-accent-primary),var(--wf-accent-secondary));border-radius:1rem;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center}.hero-title{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:var(--wf-text-primary)}.hero-description{font-size:1.125rem;color:var(--wf-text-secondary);margin-bottom:1.5rem}.cta-primary{padding:1rem 2rem;background:var(--wf-accent-primary);color:var(--wf-text-on-accent);border-radius:.75rem;font-size:1.125rem;font-weight:600;transition:background .2s;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.cta-primary:hover{background:var(--wf-accent-hover)}.cta-secondary{font-size:.875rem;color:var(--wf-text-tertiary);margin-top:1rem}.cta-link{color:var(--wf-accent-primary);text-decoration:none}.cta-link:hover{color:var(--wf-accent-hover)}.action-card{background:linear-gradient(to bottom right,var(--wf-accent-bg),var(--wf-bg-secondary));border:2px solid var(--wf-accent-border);border-radius:.75rem;padding:2rem;transition:all .2s;cursor:pointer}.action-card:hover{border-color:var(--wf-accent-primary)}.action-card-icon{width:3rem;height:3rem;color:var(--wf-accent-primary);margin-bottom:1rem}.action-card-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--wf-text-primary)}.action-card-description{color:var(--wf-text-secondary);margin-bottom:1.5rem}.action-card-link{display:flex;align-items:center;gap:.5rem;color:var(--wf-accent-primary);font-weight:600;transition:gap .2s}.action-card:hover .action-card-link{gap:.75rem}.badge{padding:.25rem .75rem;background:var(--wf-accent-bg);color:var(--wf-accent-primary);font-size:.75rem;font-weight:600;border-radius:9999px;display:inline-block;margin-bottom:1.5rem}.button-group{display:flex;gap:1rem}.button{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:background .2s;border:none;cursor:pointer}.button--primary{background:var(--wf-accent-primary);color:var(--wf-text-on-accent)}.button--primary:hover{background:var(--wf-accent-hover)}.button--secondary{background:var(--wf-bg-tertiary);color:var(--wf-text-primary)}.button--secondary:hover{background:var(--wf-bg-secondary)}.preview{background:linear-gradient(to bottom right,var(--wf-accent-bg),transparent);padding:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem}.preview-placeholder{text-align:center;color:var(--wf-text-tertiary)}.split-layout{display:grid;grid-template-columns:1fr;gap:0}@media (min-width:1024px){.split-layout{grid-template-columns:1fr 1fr}}.split-content{padding:2rem;display:flex;flex-direction:column;justify-content:center}@media (min-width:1024px){.split-content{padding:3rem}}.split-preview{background:linear-gradient(to bottom right,var(--wf-accent-bg),transparent);padding:2rem;display:flex;align-items:center;justify-content:center}.preview-mockup{text-align:center;color:var(--wf-text-tertiary)}.preview-items{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.preview-box{width:12rem;height:3rem;background:var(--wf-bg-tertiary);border-radius:.5rem;margin:0 auto}.preview-bar{width:8rem;height:.5rem;background:var(--wf-bg-secondary);border-radius:.25rem;margin:0 auto}.quick-actions-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width:768px){.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}.quick-action{padding:1.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s;border-width:1px;border-style:solid}.quick-action--chat{background:linear-gradient(to bottom right,rgba(99,102,241,.2),rgba(168,85,247,.2));border-color:rgba(99,102,241,.3)}.quick-action--chat:hover{border-color:rgba(99,102,241,.5)}.quick-action--workflow{background:linear-gradient(to bottom right,rgba(139,92,246,.2),rgba(217,70,239,.2));border-color:rgba(139,92,246,.3)}.quick-action--workflow:hover{border-color:rgba(139,92,246,.5)}.quick-action--template{background:linear-gradient(to bottom right,rgba(6,182,212,.2),rgba(59,130,246,.2));border-color:rgba(6,182,212,.3)}.quick-action--template:hover{border-color:rgba(6,182,212,.5)}.quick-action-icon{width:2rem;height:2rem;margin-bottom:.75rem}.quick-action-icon--chat{color:rgba(99,102,241,1)}.quick-action-icon--workflow{color:rgba(139,92,246,1)}.quick-action-icon--template{color:rgba(6,182,212,1)}.quick-action-title{font-weight:600;margin-bottom:.25rem;color:var(--wf-text-primary)}.quick-action-description{font-size:.875rem;color:var(--wf-text-secondary)}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width:1024px){.dashboard-grid{grid-template-columns:2fr 1fr}}.stats-sidebar{background:var(--wf-bg-tertiary);border-radius:.5rem;padding:1.5rem}.stats-sidebar-title{font-weight:600;margin-bottom:1rem;color:var(--wf-text-primary)}.stat-row{display:flex;justify-content:space-between;margin-bottom:.25rem}.stat-row-label{font-size:.875rem;color:var(--wf-text-secondary)}.stat-row-value{font-weight:700;color:var(--wf-text-primary)}.welcome-header{margin-bottom:1.5rem}.welcome-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--wf-text-primary)}.welcome-subtitle{color:var(--wf-text-secondary)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.greeting{font-size:.875rem;color:var(--wf-text-secondary);margin-bottom:.25rem}.user-name{font-size:1.5rem;font-weight:700;color:var(--wf-text-primary)}