.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--formflu-white);border-bottom:1px solid var(--formflu-border);box-shadow:var(--shadow-sm)}.header-container{display:flex;align-items:center;justify-content:space-between;height:72px;gap:var(--space-8)}.header-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.header-logo-img{height:48px;width:auto}.header-nav{display:flex;align-items:center;gap:var(--space-8)}.header-nav-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-text-light);text-decoration:none;transition:color var(--transition-fast)}.header-nav-link:hover{color:var(--formflu-teal);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--space-3)}.header-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--formflu-navy);transition:background var(--transition-fast)}.header-menu-btn:hover{background:var(--formflu-bg-alt)}@media (max-width: 768px){.header-container{height:64px}.header-logo-img{height:40px}.header-actions .btn{display:none}.header-actions .btn-primary{display:inline-flex}}.hero{padding:var(--space-16) 0 var(--space-20);background:linear-gradient(180deg,var(--formflu-white) 0%,var(--formflu-bg) 100%);overflow:hidden}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero-content{max-width:560px}.hero-badge{margin-bottom:var(--space-6)}.hero-title{font-size:clamp(2.5rem,5vw,var(--text-6xl));line-height:1.1;margin-bottom:var(--space-6)}.hero-highlight-sick{color:var(--formflu-warning);position:relative}.hero-highlight-sick:after{content:"🤒";font-size:.6em;position:absolute;top:-.3em;right:-1em}.hero-highlight-healthy{color:var(--formflu-success);position:relative}.hero-highlight-healthy:after{content:"✨";font-size:.6em;position:absolute;top:-.3em;right:-1em}.hero-subtitle{font-size:var(--text-lg);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);max-width:500px}.hero-subtitle strong{color:var(--formflu-teal);font-weight:var(--font-semibold)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8)}.hero-trust{display:flex;flex-wrap:wrap;gap:var(--space-6)}.hero-trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--formflu-text-light)}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-transformation{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.hero-mascot-card{background:var(--formflu-white);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);text-align:center;transition:transform var(--transition-slow),box-shadow var(--transition-slow);width:280px}.hero-mascot-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hero-mascot-sick{border:2px solid var(--formflu-warning-50)}.hero-mascot-healthy{border:2px solid var(--formflu-success-50)}.hero-mascot-img{width:160px;height:auto;margin:0 auto var(--space-4)}.hero-mascot-stats{text-align:left}.hero-stat-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--formflu-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.hero-stat-bar{height:8px;background:var(--formflu-bg-alt);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2)}.hero-stat-fill{height:100%;border-radius:var(--radius-full);transition:width 1s ease-out}.hero-stat-bar-sick .hero-stat-fill{background:linear-gradient(90deg,var(--formflu-warning),var(--formflu-warning-light))}.hero-stat-bar-healthy .hero-stat-fill{background:linear-gradient(90deg,var(--formflu-success),var(--formflu-success-light))}.hero-stat-value{font-size:var(--text-lg);font-weight:var(--font-bold)}.hero-arrow{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:var(--formflu-teal-50);border-radius:var(--radius-full);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%;margin:0 auto}.hero-subtitle{max-width:100%;margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-visual{order:-1;margin-bottom:var(--space-8)}.hero-transformation{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:var(--space-6)}.hero-arrow{transform:rotate(-90deg)}}@media (max-width: 640px){.hero{padding:var(--space-10) 0}.hero-transformation{flex-direction:column}.hero-arrow{transform:rotate(0)}.hero-mascot-card{width:100%;max-width:280px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.hero-trust{flex-direction:column;align-items:center;gap:var(--space-3)}}.features{background:var(--formflu-bg)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}@media (max-width: 1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.features-grid{grid-template-columns:1fr}}.feature-card{display:flex;gap:var(--space-4);padding:var(--space-6)}.feature-card:hover{border-color:var(--formflu-teal-50)}.feature-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:28px;background:var(--formflu-bg-alt);border-radius:var(--radius-lg)}.feature-content{flex:1}.feature-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0}.feature-description{font-size:var(--text-sm);color:var(--formflu-text-light);line-height:var(--leading-relaxed);margin:0}.features-cta{margin-top:var(--space-12);padding:var(--space-10);background:var(--formflu-white);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--formflu-border)}.features-cta-text{font-size:var(--text-xl);color:var(--formflu-navy);font-weight:var(--font-medium);margin-bottom:var(--space-6);max-width:none}.features-cta-actions{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media (max-width: 640px){.features-cta{padding:var(--space-6)}.features-cta-actions{flex-direction:column;align-items:center}.features-cta-actions .btn{width:100%}}.footer{background:var(--formflu-navy);color:var(--formflu-white);padding:var(--space-16) 0 var(--space-8)}.footer-main{display:grid;grid-template-columns:1.5fr 2fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{max-width:320px}.footer-logo{height:56px;width:auto;margin-bottom:var(--space-4);filter:brightness(0) invert(1) brightness(1.2)}.footer-tagline{font-size:var(--text-sm);color:#ffffffb3;line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:100%}.footer-badges{display:flex;flex-wrap:wrap;gap:var(--space-3)}.footer-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#ffffff1a;border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium)}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.footer-column{min-width:0}.footer-heading{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);color:var(--formflu-white)}.footer-list{list-style:none;padding:0;margin:0}.footer-list li{margin-bottom:var(--space-2)}.footer-list a{font-size:var(--text-sm);color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast)}.footer-list a:hover{color:var(--formflu-teal-light)}.footer-bottom{padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)}.footer-copyright{font-size:var(--text-sm);color:#ffffff80;margin:0}.footer-hipaa-note{font-size:var(--text-xs);color:#ffffff80;max-width:500px;margin:0}.footer-hipaa-note strong{color:var(--formflu-teal-light);font-weight:var(--font-medium)}@media (max-width: 1024px){.footer-main{grid-template-columns:1fr;gap:var(--space-10)}.footer-brand{max-width:100%;text-align:center}.footer-badges{justify-content:center}.footer-links{grid-template-columns:repeat(2,1fr);text-align:center}}@media (max-width: 640px){.footer{padding:var(--space-10) 0 var(--space-6)}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;text-align:center;gap:var(--space-4)}.footer-hipaa-note{max-width:100%}}.tenant-selector{position:relative;display:flex;align-items:center}.tenant-selector--single{cursor:default}.tenant-selector__trigger{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;color:var(--text-primary, #1F2937);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:150px;max-width:250px}.tenant-selector__trigger:hover{background:var(--bg-hover, #F9FAFB);border-color:var(--teal, #1FB6A6)}.tenant-selector__trigger:disabled{opacity:.7;cursor:not-allowed}.tenant-selector__trigger--open{border-color:var(--teal, #1FB6A6);box-shadow:0 0 0 3px #1fb6a61a}.tenant-selector__icon{flex-shrink:0;font-size:1rem}.tenant-selector__name{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-selector__arrow{flex-shrink:0;font-size:.625rem;color:var(--text-secondary, #6B7280);transition:transform .2s ease}.tenant-selector__trigger--open .tenant-selector__arrow{transform:rotate(180deg)}.tenant-selector__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;max-width:300px;background:#fff;border:1px solid var(--border-color, #E5E7EB);border-radius:8px;box-shadow:0 10px 40px #0000001f;z-index:1000;overflow:hidden;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tenant-selector__header{padding:.75rem 1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6B7280);background:var(--bg-secondary, #F9FAFB);border-bottom:1px solid var(--border-color, #E5E7EB)}.tenant-selector__list{list-style:none;margin:0;padding:.5rem 0;max-height:250px;overflow-y:auto}.tenant-selector__list li{margin:0;padding:0}.tenant-selector__option{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;cursor:pointer;transition:background .15s ease}.tenant-selector__option:hover{background:var(--bg-hover, #F3F4F6)}.tenant-selector__option--active{background:#1fb6a614}.tenant-selector__option--active:hover{background:#1fb6a61f}.tenant-selector__option-icon{flex-shrink:0;font-size:1.25rem}.tenant-selector__option-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.tenant-selector__option-name{font-size:.875rem;font-weight:500;color:var(--text-primary, #1F2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tenant-selector__option-role{font-size:.75rem;color:var(--text-secondary, #6B7280);text-transform:capitalize}.tenant-selector__option-check{flex-shrink:0;color:var(--teal, #1FB6A6);font-weight:700}.tenant-selector__loading{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ffffffe6;border-radius:8px;font-size:.875rem;color:var(--text-secondary, #6B7280)}.tenant-selector__spinner{width:16px;height:16px;border:2px solid var(--border-color, #E5E7EB);border-top-color:var(--teal, #1FB6A6);border-radius:50%;animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(360deg)}}@media (max-width: 768px){.tenant-selector__trigger{min-width:auto;padding:.5rem}.tenant-selector__name,.tenant-selector__arrow{display:none}.tenant-selector__dropdown{left:auto;right:0}}.dashboard{display:grid;grid-template-columns:260px 1fr;min-height:100vh;background:var(--formflu-bg)}.dashboard.sidebar-collapsed{grid-template-columns:72px 1fr}.dashboard-sidebar{background:var(--formflu-white);border-right:1px solid var(--formflu-border);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto;transition:width var(--transition-base)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);border-bottom:1px solid var(--formflu-border);min-height:72px}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.sidebar-logo-img{height:40px;width:auto}.sidebar-logo-text{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--formflu-navy)}.sidebar-collapsed .sidebar-logo-img{height:32px}.sidebar-collapse-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--formflu-muted);transition:all var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--formflu-bg-alt);color:var(--formflu-navy)}.sidebar-nav{flex:1;padding:var(--space-4)}.sidebar-nav-list{list-style:none;padding:0;margin:0}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;color:var(--formflu-text-light);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast);margin-bottom:var(--space-1)}.sidebar-nav-item:hover{background:var(--formflu-bg-alt);color:var(--formflu-navy);text-decoration:none}.sidebar-nav-item.active{background:var(--formflu-teal-50);color:var(--formflu-teal)}.sidebar-nav-icon{font-size:18px;flex-shrink:0}.sidebar-nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-badge{background:var(--formflu-teal);color:var(--formflu-white);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:2px 8px;border-radius:var(--radius-full)}.sidebar-collapsed .sidebar-nav-item{justify-content:center;padding:var(--space-3)}.sidebar-collapsed .sidebar-header{justify-content:center;padding:var(--space-4) var(--space-2)}.sidebar-bottom{padding:var(--space-4);border-top:1px solid var(--formflu-border);margin-top:auto;position:relative;z-index:9999}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--formflu-bg-alt);margin-top:var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.sidebar-user:hover{background:var(--formflu-border)}.sidebar-user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--formflu-teal);color:var(--formflu-white);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);flex-shrink:0}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-org,.sidebar-user-email{display:block;font-size:var(--text-xs);color:var(--formflu-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .sidebar-user{justify-content:center;padding:var(--space-2)}.sidebar-user{position:relative;z-index:9999}.user-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:var(--space-2);background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:visible;z-index:10000}.user-dropdown-item{display:block;width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;font-size:var(--text-sm);color:var(--formflu-text);text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.user-dropdown-item:hover{background:var(--formflu-bg-alt);text-decoration:none}.user-dropdown-item.danger{color:var(--formflu-error)}.user-dropdown-item.danger:hover{background:#fef2f2}.user-menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;background:transparent}.dashboard-main{display:flex;flex-direction:column;min-height:100vh}.dashboard-header{display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);height:72px;min-height:72px;background:var(--formflu-white);border-bottom:1px solid var(--formflu-border);position:sticky;top:0;z-index:var(--z-sticky)}.dashboard-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--formflu-navy)}.dashboard-menu-btn:hover{background:var(--formflu-bg-alt)}.dashboard-page-title{flex:1}.dashboard-page-title h1{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0;line-height:1.2}.dashboard-page-title p{font-size:var(--text-sm);color:var(--formflu-muted);margin:var(--space-1) 0 0 0}.dashboard-search{flex:1;max-width:480px;position:relative}.search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--formflu-muted);pointer-events:none}.search-input{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) 40px;border:1px solid var(--formflu-border);border-radius:var(--radius-md);font-size:var(--text-sm);background:var(--formflu-bg);transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--formflu-teal);background:var(--formflu-white);box-shadow:0 0 0 3px var(--formflu-teal-50)}.search-input::placeholder{color:var(--formflu-muted)}.dashboard-header-actions{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.dashboard-notification-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--formflu-text-light);transition:all var(--transition-fast)}.dashboard-notification-btn:hover{background:var(--formflu-bg-alt);color:var(--formflu-navy)}.notification-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--formflu-error);border-radius:50%;border:2px solid var(--formflu-white)}.dashboard-content{flex:1;padding:var(--space-6)}.dashboard-overlay{display:none}@media (max-width: 1024px){.dashboard{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;left:-280px;top:0;width:260px;z-index:var(--z-modal);transition:left var(--transition-base)}.dashboard-sidebar.mobile-open{left:0}.dashboard-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-modal) - 1)}.sidebar-collapse-btn{display:none}}@media (max-width: 640px){.dashboard-header{padding:var(--space-3) var(--space-4)}.dashboard-content{padding:var(--space-4)}.dashboard-search,.dashboard-header-actions .btn{display:none}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;min-height:400px}.empty-state-mascot{position:relative;margin-bottom:var(--space-6)}.empty-state-mascot-img{width:200px;height:auto;animation:wobble 3s ease-in-out infinite}@keyframes wobble{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}.empty-state-mascot-speech{position:absolute;bottom:-10px;right:-40px;background:var(--formflu-white);border:2px solid var(--formflu-warning);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-warning);white-space:nowrap;box-shadow:var(--shadow-md)}.empty-state-mascot-speech:before{content:"";position:absolute;top:-8px;left:20px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--formflu-warning)}.empty-state-mascot-speech:after{content:"";position:absolute;top:-5px;left:21px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid var(--formflu-white)}.empty-state-content{max-width:400px}.empty-state-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin-bottom:var(--space-3)}.empty-state-description{font-size:var(--text-base);color:var(--formflu-text-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:100%}.success-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;min-height:400px}.success-state-mascot{position:relative;margin-bottom:var(--space-6)}.success-state-mascot-img{width:200px;height:auto;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.success-state-confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.success-state-confetti span{position:absolute;font-size:24px;animation:float 2s ease-in-out infinite}.success-state-confetti span:nth-child(1){top:0;left:10%;animation-delay:0s}.success-state-confetti span:nth-child(2){top:20%;right:5%;animation-delay:.5s}.success-state-confetti span:nth-child(3){bottom:10%;right:15%;animation-delay:1s}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:1}50%{transform:translateY(-15px) rotate(10deg);opacity:.8}}.success-state-content{max-width:400px}.success-state-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--formflu-success);margin-bottom:var(--space-3)}.success-state-description{font-size:var(--text-base);color:var(--formflu-text-light);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:100%}@media (max-width: 640px){.empty-state,.success-state{padding:var(--space-8);min-height:300px}.empty-state-mascot-img,.success-state-mascot-img{width:150px}.empty-state-mascot-speech{right:-20px;font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}}.login-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.login-container{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-6)}.login-background{flex:1;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--formflu-teal) 0%,var(--formflu-navy) 100%);position:relative;overflow:hidden}.login-background:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%)}.login-background:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%)}@media (min-width: 992px){.login-background{display:flex}}.background-mascot{max-width:60%;max-height:60%;object-fit:contain;opacity:.85;z-index:1;filter:drop-shadow(0 20px 40px rgba(0,0,0,.3))}.login-form{width:100%;max-width:420px;background:#fff;border-radius:16px;padding:48px 40px;box-shadow:0 4px 24px #00000014,0 1px 2px #0000000a;border:1px solid rgba(0,0,0,.05)}.mfa-setup-form{max-width:480px}.recovery-codes-form{max-width:540px}.form-header{text-align:center;margin-bottom:32px}.login-logo{height:52px;width:auto;margin-bottom:24px}.form-header h1{font-size:28px;font-weight:700;color:#1e2a3b;margin:0 0 8px;letter-spacing:-.5px}.form-header p{font-size:16px;color:#64748b;margin:0;line-height:1.5}.mfa-icon{font-size:56px;margin-bottom:16px;line-height:1}.mfa-icon.success{animation:pulse .5s ease-out}@keyframes pulse{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.form-group input{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;color:#1e293b;transition:all .2s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#1fb6a6;box-shadow:0 0 0 4px #1fb6a626}.form-group input::placeholder{color:#9ca3af}.form-group input:hover:not(:focus){border-color:#d1d5db}.mfa-input{text-align:center;font-size:28px!important;font-family:JetBrains Mono,Fira Code,Consolas,monospace;letter-spacing:.4em;padding:18px!important;font-weight:600}.recovery-input{text-align:center;font-size:20px!important;font-family:JetBrains Mono,Fira Code,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:16px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#1fb6a6,#159688);color:#fff;box-shadow:0 4px 12px #1fb6a64d}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #1fb6a64d}.btn-secondary{background:#f8fafc;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover:not(:disabled){background:#f1f5f9;border-color:#d1d5db}.btn+.btn{margin-top:12px}.btn-link{background:none;border:none;color:#1fb6a6;font-size:14px;font-weight:500;cursor:pointer;padding:0;transition:color .2s}.btn-link:hover{color:#159688;text-decoration:underline}.login-footer{text-align:center;margin-top:24px;padding-top:20px;border-top:1px solid #f1f5f9}.login-footer a{color:#1fb6a6;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.login-footer a:hover{color:#159688;text-decoration:underline}.error-message{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border-radius:10px;font-size:14px;font-weight:500;margin-bottom:24px;border:1px solid rgba(220,38,38,.2)}.error-icon{flex-shrink:0;font-size:16px}.warning-message{display:flex;align-items:flex-start;gap:12px;padding:16px;background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#d97706;border-radius:10px;font-size:14px;margin-bottom:24px;border:1px solid rgba(217,119,6,.2)}.warning-message strong{font-weight:700}.warning-icon{flex-shrink:0;font-size:18px}.qr-code-container{display:flex;justify-content:center;margin-bottom:24px}.qr-code{width:200px;height:200px;border-radius:12px;border:2px solid #e5e7eb;box-shadow:0 4px 12px #00000014}.manual-entry{text-align:center;margin-bottom:28px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e5e7eb}.manual-entry p{font-size:13px;color:#64748b;margin:0 0 8px}.secret-code{display:block;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;color:#1e293b;background:#e2e8f0;padding:8px 12px;border-radius:6px;word-break:break-all;-webkit-user-select:all;user-select:all;font-weight:500}.recovery-codes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:24px}.recovery-code{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#f1f5f9;border-radius:8px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;font-weight:600;color:#1e293b;-webkit-user-select:all;user-select:all;border:1px solid #e2e8f0}.loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px}.spinner{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#1fb6a6;border-radius:50%;animation:spin .8s linear infinite}.loading-state p{font-size:15px;color:#64748b;margin:0}@media (max-width: 480px){.login-container{padding:24px 16px}.login-form{padding:32px 24px;border-radius:12px}.form-header h1{font-size:24px}.recovery-codes-grid{grid-template-columns:1fr}.mfa-input{font-size:24px!important;letter-spacing:.3em}}.login-page *,.login-page *:before,.login-page *:after{box-sizing:border-box}.forms-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.forms-toolbar-left{display:flex;align-items:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.forms-search{position:relative;display:flex;align-items:center;flex:1;max-width:320px;min-width:200px}.forms-search-icon{position:absolute;left:14px;color:var(--formflu-muted);pointer-events:none}.forms-search-input{width:100%;padding:10px 16px 10px 44px;border:1px solid var(--formflu-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-family);background:var(--formflu-white);color:var(--formflu-text);transition:all var(--transition-fast)}.forms-search-input::placeholder{color:var(--formflu-muted)}.forms-search-input:hover{border-color:var(--formflu-border-dark)}.forms-search-input:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 3px var(--formflu-teal-50)}.forms-filter-select{padding:10px 36px 10px 16px;border:1px solid var(--formflu-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-family);background:var(--formflu-white);color:var(--formflu-text);cursor:pointer;font-weight:var(--font-medium);transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394A3B8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.forms-filter-select:hover{border-color:var(--formflu-border-dark)}.forms-filter-select:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 3px var(--formflu-teal-50)}.forms-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 18px;font-size:var(--text-sm);font-weight:var(--font-medium);font-family:var(--font-family);border-radius:var(--radius-md);border:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.forms-btn:disabled{opacity:.5;cursor:not-allowed}.forms-btn-primary{background:var(--formflu-teal);color:var(--formflu-white)}.forms-btn-primary:hover:not(:disabled){background:var(--formflu-teal-dark)}.forms-btn-secondary{background:var(--formflu-white);color:var(--formflu-text);border:1px solid var(--formflu-border)}.forms-btn-secondary:hover:not(:disabled){background:var(--formflu-bg-alt);border-color:var(--formflu-border-dark)}.forms-btn-sm{padding:6px 12px;font-size:var(--text-xs)}.forms-btn-icon{width:32px;height:32px;padding:0;background:var(--formflu-white);border:1px solid var(--formflu-border);color:var(--formflu-muted)}.forms-btn-icon:hover{background:var(--formflu-bg-alt);color:var(--formflu-text);border-color:var(--formflu-border-dark)}.forms-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1e2a3b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:modalFadeIn .2s ease}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.forms-modal{background:var(--formflu-white);border-radius:var(--radius-xl);width:100%;max-width:440px;box-shadow:var(--shadow-2xl);animation:modalSlideUp .3s ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.forms-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-6) 0}.forms-modal-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0}.forms-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--formflu-muted);cursor:pointer;transition:all var(--transition-fast)}.forms-modal-close:hover{background:var(--formflu-bg-alt);color:var(--formflu-text)}.forms-modal-body{padding:var(--space-6)}.forms-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-text);margin-bottom:var(--space-2)}.forms-input{width:100%;padding:12px 16px;border:1px solid var(--formflu-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);color:var(--formflu-text);transition:all var(--transition-fast)}.forms-input::placeholder{color:var(--formflu-muted)}.forms-input:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 3px var(--formflu-teal-50)}.forms-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:0 var(--space-6) var(--space-6)}.forms-error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--formflu-error-50);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.forms-error-content{display:flex;align-items:center;gap:var(--space-3);color:var(--formflu-error);font-size:var(--text-sm);font-weight:var(--font-medium)}.forms-error-dismiss{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--formflu-error);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.forms-error-dismiss:hover{opacity:1}.forms-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.forms-spinner{width:40px;height:40px;border:3px solid var(--formflu-border);border-top-color:var(--formflu-teal);border-radius:50%;animation:spin .8s linear infinite}.forms-loading p{color:var(--formflu-muted);font-size:var(--text-sm)}.forms-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg)}.forms-no-results svg{color:var(--formflu-muted);margin-bottom:var(--space-4)}.forms-no-results h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-2) 0}.forms-no-results p{color:var(--formflu-muted);font-size:var(--text-sm);margin:0 0 var(--space-6) 0}.forms-table-container{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);overflow:hidden}.forms-table{width:100%;border-collapse:collapse}.forms-table thead{background:var(--formflu-bg);border-bottom:1px solid var(--formflu-border)}.forms-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--formflu-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.forms-th-name{width:35%;min-width:250px}.forms-th-status{width:12%;min-width:100px}.forms-th-submissions{width:13%;min-width:120px}.forms-th-version{width:10%;min-width:80px;text-align:center}.forms-th-updated{width:15%;min-width:120px}.forms-th-actions{width:15%;min-width:200px;text-align:right}.forms-table tbody tr{border-bottom:1px solid var(--formflu-border);cursor:pointer;transition:background var(--transition-fast)}.forms-table tbody tr:last-child{border-bottom:none}.forms-table tbody tr:hover{background:var(--formflu-teal-50)}.forms-table td{padding:var(--space-4);vertical-align:middle}.forms-td-name{padding-left:var(--space-4)}.forms-name-cell{display:flex;align-items:center;gap:var(--space-3)}.forms-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--formflu-teal-50);border-radius:var(--radius-md);color:var(--formflu-teal);flex-shrink:0}.forms-name-text{display:flex;flex-direction:column;gap:2px;min-width:0}.forms-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--formflu-navy);line-height:1.3}.forms-description{font-size:var(--text-xs);color:var(--formflu-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.forms-status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:11px;font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.forms-status-draft{background:var(--formflu-warning-50);color:#b45309}.forms-status-published{background:var(--formflu-success-50);color:#047857}.forms-status-archived{background:var(--formflu-bg-alt);color:var(--formflu-muted)}.forms-submissions-cell{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--formflu-text-light);font-size:var(--text-sm)}.forms-submissions-cell svg{color:var(--formflu-muted)}.forms-td-version{text-align:center;font-size:var(--text-sm);color:var(--formflu-text-light);font-family:var(--font-family-mono)}.forms-td-updated{font-size:var(--text-sm);color:var(--formflu-text-light)}.forms-td-actions{padding-right:var(--space-4)}.forms-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2)}.forms-dropdown{position:relative}.forms-dropdown-menu{position:absolute;top:100%;right:0;margin-top:var(--space-1);background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px;z-index:var(--z-dropdown);overflow:hidden;animation:dropdownFade .15s ease}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.forms-dropdown-menu button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;text-align:left;font-size:var(--text-sm);font-family:var(--font-family);color:var(--formflu-text);cursor:pointer;transition:background var(--transition-fast)}.forms-dropdown-menu button:hover{background:var(--formflu-bg-alt)}.forms-dropdown-menu button svg{color:var(--formflu-muted);flex-shrink:0}.forms-dropdown-danger{color:var(--formflu-error)!important}.forms-dropdown-danger:hover{background:var(--formflu-error-50)!important}.forms-dropdown-danger svg{color:var(--formflu-error)!important}@media (max-width: 1024px){.forms-th-version,.forms-td-version{display:none}.forms-th-name{width:40%}}@media (max-width: 768px){.forms-toolbar{flex-direction:column;align-items:stretch}.forms-toolbar-left{flex-direction:column;width:100%}.forms-search{max-width:none;width:100%}.forms-filter-select{width:100%}.forms-btn-primary{width:100%;justify-content:center}.forms-table-container,.forms-th-updated,.forms-td-updated,.forms-th-submissions,.forms-td-submissions{display:none}}@media (max-width: 768px){.forms-table-container{display:block;background:none;border:none;border-radius:0}.forms-table{display:block}.forms-table thead{display:none}.forms-table tbody{display:flex;flex-direction:column;gap:var(--space-3)}.forms-table tbody tr{display:flex;flex-direction:column;background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer}.forms-table tbody tr:hover{border-color:var(--formflu-teal)}.forms-table td{padding:0}.forms-td-name{padding:0 0 var(--space-3) 0;border-bottom:1px solid var(--formflu-border);margin-bottom:var(--space-3)}.forms-td-status{margin-bottom:var(--space-3)}.forms-td-submissions,.forms-td-version,.forms-td-updated{display:none}.forms-td-actions{padding:0}.forms-actions-cell{justify-content:flex-start;width:100%}.forms-btn-sm{flex:1;justify-content:center}}.steps-panel{width:280px;min-width:280px;background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--color-border);background:linear-gradient(to bottom,var(--color-white),var(--color-surface))}.panel-title{display:flex;align-items:center;gap:10px;margin:0;font-size:14px;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.panel-title svg{color:var(--color-primary)}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-white);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon-sm:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:scale(1.05)}.btn-add{background:linear-gradient(135deg,#1fb6a6,#159688);border:none;color:var(--color-white);box-shadow:0 2px 8px #1fb6a64d}.btn-add:hover{background:linear-gradient(135deg,#17a394,#128277);box-shadow:0 4px 12px #1fb6a666}.steps-list{flex:1;overflow-y:auto;padding:16px}.step-item{display:flex;align-items:center;gap:12px;padding:14px 12px;background:var(--color-white);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:10px}.step-item:last-child{margin-bottom:0}.step-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000f}.step-item.selected{border-color:var(--color-primary);background:linear-gradient(135deg,#1fb6a60d,#15968814);box-shadow:0 4px 12px #1fb6a626}.drag-handle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:grab;border-radius:4px;transition:all .2s ease;flex-shrink:0}.drag-handle:hover{color:var(--color-text-secondary);background:var(--color-surface)}.step-content{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.step-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#1fb6a6,#159688);color:var(--color-white);border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.step-info{flex:1;min-width:0}.step-name{display:block;font-size:14px;font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-meta{display:flex;align-items:center;gap:8px;margin-top:4px;font-size:11px;color:var(--color-text-muted)}.variant-badge{display:inline-flex;align-items:center;padding:2px 6px;background:#e0e7ff;color:#4338ca;border-radius:4px;font-size:10px;font-weight:600}.step-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.step-item:hover .step-actions{opacity:1}.step-actions .btn-icon-sm{width:28px;height:28px;background:transparent;border:none;color:var(--color-text-muted)}.step-actions .btn-icon-sm:hover{background:#fef2f2;color:#dc2626;transform:none}.chevron{color:var(--color-text-muted);transition:transform .2s ease}.step-item.selected .chevron{color:var(--color-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-state p{color:var(--color-text-muted);font-size:14px;margin:0 0 16px}.empty-state .btn{display:inline-flex;align-items:center;gap:6px}.add-step-form{padding:16px;background:var(--color-surface);border-radius:12px;border:2px dashed var(--color-border);margin-bottom:10px}.step-name-input{width:100%;padding:12px 14px;border:2px solid var(--color-border);border-radius:8px;font-size:14px;background:var(--color-white);transition:all .2s ease;margin-bottom:12px}.step-name-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #1fb6a626}.add-step-actions{display:flex;gap:8px}.add-step-actions .btn{flex:1;padding:10px 16px;font-size:13px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.add-step-actions .btn-primary{background:linear-gradient(135deg,#1fb6a6,#159688);color:var(--color-white)}.add-step-actions .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#17a394,#128277)}.add-step-actions .btn-primary:disabled{opacity:.5;cursor:not-allowed}.add-step-actions .btn-ghost{background:transparent;color:var(--color-text-secondary)}.add-step-actions .btn-ghost:hover{background:var(--color-white)}.panel-footer{padding:16px;border-top:1px solid var(--color-border);background:var(--color-surface)}.panel-footer .btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;font-size:13px;font-weight:600;border-radius:8px;border:2px dashed var(--color-border);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.panel-footer .btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:#1fb6a60d}.steps-list::-webkit-scrollbar{width:6px}.steps-list::-webkit-scrollbar-track{background:transparent}.steps-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.steps-list::-webkit-scrollbar-thumb:hover{background:#d1d5db}.btn-sm{padding:8px 14px;font-size:12px;border-radius:6px}.btn-primary{background:linear-gradient(135deg,#1fb6a6,#159688);color:var(--color-white);border:none;box-shadow:0 2px 8px #1fb6a64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#17a394,#128277);box-shadow:0 4px 12px #1fb6a666}.canvas-area{display:flex;flex-direction:column;background:#f8fafc;height:100%;overflow:hidden}.canvas-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px;background:var(--color-white);border-bottom:1px solid var(--color-border)}.step-title h2{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0}.step-title p{font-size:14px;color:var(--color-text-secondary);margin:6px 0 0}.btn-outline{background:transparent;border:2px solid var(--color-border);color:var(--color-text-secondary);padding:10px 16px;font-size:13px;font-weight:600;border-radius:10px}.btn-outline:hover{border-color:#1fb6a6;color:#1fb6a6;background:#1fb6a60d}.variant-tabs{background:var(--color-white);border-bottom:1px solid var(--color-border);padding:0 24px}.tabs-list{display:flex;gap:4px;overflow-x:auto}.tab{display:inline-flex;align-items:center;gap:8px;padding:14px 16px;font-size:14px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-bottom:3px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tab:hover{color:var(--color-text-primary);background:var(--color-surface)}.tab.active{color:#1fb6a6;border-bottom-color:#1fb6a6}.tab.add-tab{color:var(--color-text-muted);font-weight:500}.tab.add-tab:hover{color:#1fb6a6}.control-badge{display:inline-flex;padding:3px 8px;font-size:10px;font-weight:700;text-transform:uppercase;background:#eff6ff;color:#3b82f6;border-radius:6px}.weight-badge{display:inline-flex;padding:3px 8px;font-size:10px;font-weight:600;background:var(--color-surface);color:var(--color-text-muted);border-radius:6px}.canvas-content{flex:1;overflow-y:auto;padding:24px}.canvas-empty,.fields-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:48px}.canvas-empty svg,.fields-empty svg{color:var(--color-text-muted);margin-bottom:20px}.canvas-empty h3,.fields-empty h3{font-size:20px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px}.canvas-empty p,.fields-empty p{font-size:15px;color:var(--color-text-secondary);margin:0 0 24px;max-width:320px;line-height:1.5}.empty-illustration{width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:var(--color-white);border:3px dashed var(--color-border);margin-bottom:20px}.fields-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.field-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-white);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;transition:all .2s ease}.field-item:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000f}.field-item.selected{border-color:#1fb6a6;box-shadow:0 0 0 4px #1fb6a626}.field-item.phi-field{background:linear-gradient(135deg,var(--color-white) 0%,#fffbeb 100%)}.field-item.phi-field.selected{box-shadow:0 0 0 4px #fbbf2433;border-color:#f59e0b}.field-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;background:var(--color-surface);color:var(--color-text-secondary);flex-shrink:0}.field-item.selected .field-icon{background:linear-gradient(135deg,#1fb6a61a,#15968826);color:#1fb6a6}.field-content{flex:1;min-width:0}.field-label{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-bottom:4px}.required-marker{color:#ef4444;margin-left:4px}.field-meta{display:flex;align-items:center;gap:10px;font-size:13px}.field-type{color:var(--color-text-muted);text-transform:capitalize}.phi-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;text-transform:uppercase;background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#b45309;border-radius:6px}.field-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity .2s ease}.field-item:hover .field-actions,.field-item.selected .field-actions{opacity:1}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon-sm:hover{background:var(--color-surface);color:var(--color-text-primary)}.field-actions .btn-icon-sm:first-child:hover{color:#ef4444;background:#fef2f2}.drag-handle{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:transparent;color:var(--color-text-muted);cursor:grab;border-radius:6px;transition:all .2s ease}.drag-handle:hover{background:var(--color-surface);color:var(--color-text-secondary)}.drag-handle:active{cursor:grabbing}.add-field-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;background:transparent;border:3px dashed var(--color-border);border-radius:12px;color:var(--color-text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-field-button:hover{border-color:#1fb6a6;color:#1fb6a6;background:#1fb6a60d}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease}.btn-sm{padding:10px 16px;font-size:13px}.btn-primary:hover{background:linear-gradient(135deg,#17a394,#128277);box-shadow:0 6px 16px #1fb6a666;transform:translateY(-1px)}.canvas-content::-webkit-scrollbar{width:8px}.canvas-content::-webkit-scrollbar-track{background:transparent}.canvas-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.canvas-content::-webkit-scrollbar-thumb:hover{background:#d1d5db}.properties-panel{display:flex;flex-direction:column;background:var(--background, #ffffff);border-left:1px solid var(--border-color, #e5e7eb);height:100%;overflow:hidden}.properties-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.properties-panel .panel-title{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.panel-content{flex:1;overflow-y:auto;padding:0}.properties-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1.5rem;text-align:center}.properties-empty svg{color:var(--text-muted, #9ca3af);margin-bottom:1rem}.properties-empty p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0}.properties-section{border-bottom:1px solid var(--border-color, #e5e7eb)}.properties-section:last-child{border-bottom:none}.section-header{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem 1rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary, #6b7280);background:var(--background-subtle, #f9fafb);border:none;cursor:pointer;transition:all .15s ease}.section-header:hover{background:#f1f5f9;color:var(--text-primary, #111827)}.section-header svg{flex-shrink:0;color:var(--text-muted, #9ca3af)}.section-content{padding:.875rem 1rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:.75rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:.375rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;color:var(--text-primary, #111827);background:var(--background, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:6px;transition:all .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary, #34d399);box-shadow:0 0 0 3px var(--primary-light, rgba(52, 211, 153, .1))}.form-group input.mono,.form-group textarea.mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.8125rem}.form-group textarea{resize:vertical;min-height:60px}.helper-text{display:block;font-size:.6875rem;color:var(--text-muted, #9ca3af);margin-top:.25rem}.checkbox-group{margin-bottom:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary, #111827);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary, #34d399);cursor:pointer}.checkbox-label span{flex:1}.phi-checkbox{color:var(--warning-dark, #b45309)}.phi-checkbox svg{color:var(--warning, #f59e0b)}.options-list{display:flex;flex-direction:column;gap:.5rem}.option-row{display:flex;gap:.5rem;align-items:center}.option-value{flex:1}.option-label{flex:1.5}.option-row input{padding:.375rem .5rem;font-size:.8125rem;border:1px solid var(--border-color, #e5e7eb);border-radius:4px}.option-row input:focus{outline:none;border-color:var(--primary, #34d399)}.btn-icon-sm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.btn-icon-sm:hover{background:var(--background-subtle, #f3f4f6);color:var(--text-primary, #111827)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;font-weight:500;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:var(--background-subtle, #f3f4f6);color:var(--text-primary, #111827)}.btn-danger{background:var(--error, #ef4444);color:#fff}.btn-danger:hover{background:var(--error-dark, #dc2626)}.btn-full{width:100%}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.field-type-modal{background:var(--background, #ffffff);border-radius:16px;width:100%;max-width:640px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{font-size:1.125rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.btn-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.btn-close:hover{background:var(--background-subtle, #f3f4f6);color:var(--text-primary, #111827)}.modal-search{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-search svg{color:var(--text-muted, #9ca3af);flex-shrink:0}.modal-search input{flex:1;border:none;font-size:.9375rem;color:var(--text-primary, #111827);background:transparent;outline:none}.modal-search input::placeholder{color:var(--text-muted, #9ca3af)}.modal-content{flex:1;overflow-y:auto;padding:1rem 1.5rem 1.5rem}.field-category{margin-bottom:1.5rem}.field-category:last-child{margin-bottom:0}.category-title{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9ca3af);margin:0 0 .75rem}.field-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.field-type-card{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem;background:var(--background, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.field-type-card:hover:not(:disabled){border-color:var(--primary, #34d399);background:var(--primary-light, #ecfdf5)}.field-type-card:disabled{opacity:.6;cursor:not-allowed}.field-type-card.disabled{opacity:.5}.field-type-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--background-subtle, #f3f4f6);border-radius:8px;color:var(--text-secondary, #6b7280);flex-shrink:0}.field-type-card:hover:not(:disabled) .field-type-icon{background:var(--primary, #34d399);color:#fff}.field-type-info{flex:1;min-width:0}.field-type-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827);margin-bottom:.125rem}.field-type-description{display:block;font-size:.75rem;color:var(--text-muted, #9ca3af);line-height:1.4}.coming-soon-badge{position:absolute;top:.5rem;right:.5rem;font-size:.5625rem;font-weight:600;text-transform:uppercase;padding:.125rem .375rem;background:var(--warning-light, #fffbeb);color:var(--warning-dark, #b45309);border-radius:4px}.no-results{grid-column:1 / -1;padding:2rem;text-align:center}.no-results p{color:var(--text-muted, #9ca3af);margin:0}@media (max-width: 640px){.field-type-modal{max-height:90vh;border-radius:16px 16px 0 0;align-self:flex-end}.field-type-grid{grid-template-columns:1fr}}.publish-modal{background:var(--background, #ffffff);border-radius:16px;width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.modal-body{padding:1.5rem}.publish-summary h3{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9ca3af);margin:0 0 .75rem}.summary-stats{display:flex;gap:1.5rem;margin-bottom:1rem}.stat{text-align:center}.stat-value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827)}.stat-label{display:block;font-size:.75rem;color:var(--text-muted, #9ca3af)}.phi-warning{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:var(--warning-light, #fffbeb);border-radius:8px;font-size:.8125rem;color:var(--warning-dark, #b45309)}.phi-warning svg{flex-shrink:0}.changelog-section{margin-top:1.5rem}.changelog-section label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827);margin-bottom:.5rem}.changelog-section .optional{font-weight:400;color:var(--text-muted, #9ca3af)}.changelog-section textarea{width:100%;padding:.75rem;font-size:.875rem;color:var(--text-primary, #111827);background:var(--background, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;resize:vertical}.changelog-section textarea:focus{outline:none;border-color:var(--primary, #34d399);box-shadow:0 0 0 3px var(--primary-light, rgba(52, 211, 153, .1))}.publish-error{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.75rem;background:var(--error-light, #fef2f2);border-radius:8px;font-size:.875rem;color:var(--error, #ef4444)}.publish-error svg{flex-shrink:0}.publish-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.publish-success{text-align:center;padding:1rem 0}.success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1rem;background:var(--success-light, #ecfdf5);border-radius:50%;color:var(--success, #10b981)}.publish-success h3{font-size:1.25rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .5rem}.publish-success>p{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0 0 1.5rem}.embed-code-section{margin-top:1.5rem;text-align:left}.embed-code-section label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted, #9ca3af);margin-bottom:.5rem}.embed-code-container{position:relative;background:var(--background-subtle, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:8px;overflow:hidden}.embed-code-container pre{padding:1rem;margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-all;color:var(--text-primary, #111827);max-height:120px;overflow-y:auto}.copy-btn{position:absolute;top:.5rem;right:.5rem}.embed-hint{font-size:.75rem;color:var(--text-muted, #9ca3af);margin:.5rem 0 0}.success-actions{margin-top:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--primary, #34d399);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark, #10b981)}.btn-ghost{background:transparent;color:var(--text-secondary, #6b7280)}.btn-ghost:hover:not(:disabled){background:var(--background-subtle, #f3f4f6);color:var(--text-primary, #111827)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.spin{animation:spin 1s linear infinite}.preview-backdrop{background:#000c}.preview-modal{background:var(--background, #ffffff);border-radius:16px;width:100%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:slideUp .3s ease}.preview-modal .modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.preview-modal .modal-header h2{font-size:1rem;font-weight:600;color:var(--text-primary, #111827);margin:0}.device-selector{display:flex;gap:.25rem;padding:.25rem;background:var(--background-subtle, #f3f4f6);border-radius:8px}.device-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;border-radius:6px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.device-btn:hover{color:var(--text-primary, #111827)}.device-btn.active{background:var(--background, #ffffff);color:var(--primary, #34d399);box-shadow:0 1px 2px #0000000d}.header-actions{display:flex;align-items:center;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--background-subtle, #f3f4f6);color:var(--text-primary, #111827)}.preview-container{flex:1;overflow:auto;padding:2rem;background:var(--background-subtle, #f5f5f5);display:flex;justify-content:center}.preview-frame{width:100%;background:var(--background, #ffffff);border-radius:12px;box-shadow:0 4px 12px #00000014;transition:max-width .3s ease}.preview-content{padding:2rem}.form-preview-header{margin-bottom:2rem;text-align:center}.form-preview-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary, #111827);margin:0 0 .5rem}.form-preview-header p{font-size:.9375rem;color:var(--text-secondary, #6b7280);margin:0}.preview-step-content{min-height:200px}.preview-step-empty{display:flex;align-items:center;justify-content:center;min-height:200px;padding:2rem;background:var(--background-subtle, #f9fafb);border-radius:8px;border:2px dashed var(--border-color, #e5e7eb)}.preview-step-empty p{color:var(--text-muted, #9ca3af);font-size:.875rem;margin:0}.preview-field{margin-bottom:1.25rem}.preview-field.phi{padding:1rem;background:var(--warning-light, #fffbeb);border-radius:8px;border:1px solid var(--warning, #f59e0b)}.preview-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #111827);margin-bottom:.375rem}.preview-field .required{color:var(--error, #ef4444);margin-left:.25rem}.preview-field input,.preview-field textarea,.preview-field select{width:100%;padding:.625rem .875rem;font-size:.9375rem;color:var(--text-primary, #111827);background:var(--background, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:8px}.preview-field input:disabled,.preview-field textarea:disabled,.preview-field select:disabled{background:var(--background-subtle, #f9fafb);cursor:not-allowed}.preview-field .help-text{display:block;margin-top:.25rem;font-size:.75rem;color:var(--text-muted, #9ca3af)}.radio-group,.checkbox-group{display:flex;flex-direction:column;gap:.5rem}.radio-label,.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary, #111827)}.radio-label input,.checkbox-label input{width:auto}.preview-actions{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.preview-submit{padding:.75rem 2rem;font-size:.9375rem;font-weight:600;color:#fff;background:var(--primary, #34d399);border:none;border-radius:8px;cursor:not-allowed;opacity:.7}.preview-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.preview-nav-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.preview-nav-prev{background:var(--background-subtle, #f3f4f6);color:var(--text-secondary, #6b7280)}.preview-nav-prev:hover:not(:disabled){background:var(--background, #e5e7eb);color:var(--text-primary, #111827)}.preview-nav-prev:disabled{opacity:.4;cursor:not-allowed}.preview-nav-next{background:var(--primary, #34d399);color:#fff}.preview-nav-next:hover:not(:disabled){background:var(--primary-dark, #22c55e)}.preview-nav-next:disabled{opacity:.4;cursor:not-allowed}.preview-step-indicator{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280)}.preview-empty{display:flex;align-items:center;justify-content:center;min-height:300px;padding:2rem;text-align:center}.preview-empty p{font-size:.9375rem;color:var(--text-muted, #9ca3af);margin:0}.preview-footer{padding:.75rem 1.5rem;border-top:1px solid var(--border-color, #e5e7eb);text-align:center}.preview-note{font-size:.75rem;color:var(--text-muted, #9ca3af)}@media (max-width: 640px){.preview-modal{max-height:100vh;border-radius:0}.preview-container{padding:1rem}}.form-builder-page{display:flex;flex-direction:column;height:100vh;background:#f8fafc}.form-builder-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--color-white);border-bottom:1px solid var(--color-border);height:64px;flex-shrink:0;box-shadow:0 1px 3px #0000000d}.header-left{display:flex;align-items:center;gap:16px}.back-link{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--color-text-secondary);transition:all .2s ease;text-decoration:none}.back-link:hover{background:var(--color-surface);color:var(--color-text-primary)}.form-info{display:flex;flex-direction:column;gap:2px}.form-name{font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0;line-height:1.3}.save-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--color-text-muted)}.save-status svg{width:14px;height:14px}.save-status.saving{color:#1fb6a6}.save-status.saved{color:#10b981}.save-status.error{color:#ef4444}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#1fb6a6,#159688);color:var(--color-white);box-shadow:0 4px 12px #1fb6a64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#17a394,#128277);box-shadow:0 6px 16px #1fb6a666;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-icon{padding:10px;width:40px;height:40px}.form-builder-layout{display:grid;grid-template-columns:280px 1fr 340px;flex:1;overflow:hidden}.form-builder-loading,.form-builder-error{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;padding:48px;text-align:center;color:var(--color-text-secondary);background:var(--color-white)}.form-builder-loading svg{margin-bottom:24px;color:#1fb6a6}.form-builder-error svg{margin-bottom:24px;color:#ef4444}.form-builder-loading p{font-size:16px;color:var(--color-text-secondary)}.form-builder-error h2{font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 12px}.form-builder-error p{margin:0 0 24px;font-size:16px;color:var(--color-text-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@media (max-width: 1400px){.form-builder-layout{grid-template-columns:260px 1fr 300px}}@media (max-width: 1200px){.form-builder-layout{grid-template-columns:240px 1fr 280px}}@media (max-width: 992px){.form-builder-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr auto}.header-actions span{display:none}}@media (max-width: 640px){.form-builder-header{padding:0 16px;height:56px}.form-name{font-size:16px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.submission-detail-modal{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 40px #0003;position:relative}.submission-detail-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border)}.submission-detail-modal .modal-header h2{margin:0;font-size:var(--font-size-lg);font-weight:600}.submission-detail-modal .close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-size-lg);color:var(--color-text-secondary)}.submission-detail-modal .close-btn:hover{background:var(--color-background);color:var(--color-text-primary)}.submission-detail-modal .modal-content{flex:1;overflow-y:auto;padding:var(--spacing-lg)}.detail-section{margin-bottom:var(--spacing-lg)}.detail-section:last-child{margin-bottom:0}.detail-section h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.info-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.info-value.status-complete{color:#166534;font-weight:500}.info-value.status-partial{color:#92400e;font-weight:500}.info-value.status-abandoned{color:#991b1b;font-weight:500}.phi-notice{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.phi-notice .notice-icon{font-size:24px;flex-shrink:0}.phi-notice .notice-content h4{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:#92400e}.phi-notice .notice-content p{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:#78350f}.decryption-notice{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:#dcfce7;border:1px solid #86efac;border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.decryption-notice .notice-icon{font-size:20px;color:#166534;flex-shrink:0}.decryption-notice .notice-content p{margin:0;font-size:var(--font-size-sm);color:#166534}.fields-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.field-row{padding:var(--spacing-md);background:var(--color-background);border-radius:var(--radius-md);border:1px solid var(--color-border)}.field-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.field-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.phi-badge{padding:2px 6px;background:#fef3c7;color:#92400e;font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-sm)}.field-value{font-size:var(--font-size-md);color:var(--color-text-primary);margin-bottom:var(--spacing-xs);word-break:break-word}.field-value.encrypted{color:var(--color-text-tertiary)}.encrypted-placeholder{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--color-text-tertiary);font-style:italic}.empty-value{color:var(--color-text-tertiary)}.field-meta{display:flex;gap:var(--spacing-md)}.field-type,.field-step{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.no-fields{text-align:center;color:var(--color-text-tertiary);padding:var(--spacing-md)}.steps-timeline{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timeline-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.timeline-marker{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:600;flex-shrink:0;background:var(--color-border);color:var(--color-text-secondary)}.timeline-item.complete .timeline-marker{background:#dcfce7;color:#166534}.timeline-item.skipped .timeline-marker{background:#fee2e2;color:#991b1b}.timeline-content{display:flex;flex-direction:column;gap:var(--spacing-2xs)}.step-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary)}.step-variant,.step-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.submission-detail-modal .modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.modal-loading .spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);text-align:center}.modal-error p{color:var(--color-text-secondary)}.mfa-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#fffffff2;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xl);z-index:10}.mfa-prompt{max-width:400px;padding:var(--spacing-xl);text-align:center}.mfa-prompt h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-lg);font-weight:600}.mfa-prompt p{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.6}.mfa-input-group{margin-bottom:var(--spacing-md)}.mfa-input-group input{width:100%;max-width:200px;padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--font-size-2xl);text-align:center;letter-spacing:8px;font-family:monospace}.mfa-input-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.mfa-input-group input::placeholder{letter-spacing:8px;color:var(--color-text-tertiary)}.mfa-error{color:#dc2626;font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.mfa-actions{display:flex;gap:var(--spacing-sm);justify-content:center}@media (max-width: 640px){.modal-backdrop{padding:var(--spacing-sm)}.submission-detail-modal{max-height:95vh}.info-grid{grid-template-columns:1fr}.mfa-prompt{padding:var(--spacing-md)}.mfa-actions{flex-direction:column}.mfa-actions .btn{width:100%}}.submissions-page{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.submissions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.submissions-header-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.submissions-header-left h1{margin:0;font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text-primary)}.back-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--font-size-sm)}.back-link:hover{color:var(--color-primary)}.submissions-count{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.submissions-header-actions{display:flex;gap:var(--spacing-sm)}.submissions-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-top:var(--spacing-xs)}.stat-card.stat-complete .stat-value{color:#166534}.stat-card.stat-partial .stat-value{color:#92400e}.stat-card.stat-abandoned .stat-value{color:#991b1b}.submissions-filters{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:flex-end;margin-bottom:var(--spacing-md);padding:var(--spacing-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filter-group label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:500}.filter-group select,.filter-group input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);min-width:150px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.bulk-actions-bar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border-radius:var(--radius-lg);margin-bottom:var(--spacing-md)}.bulk-actions-bar span{font-weight:500}.bulk-actions-bar .btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.bulk-actions-bar .btn-secondary{background:#fff3;color:#fff;border:none}.bulk-actions-bar .btn-secondary:hover{background:#ffffff4d}.bulk-actions-bar .btn-danger{background:#ef4444;color:#fff;border:none}.bulk-actions-bar .btn-text{color:#fffc}.submissions-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.submissions-table{width:100%;border-collapse:collapse}.submissions-table th,.submissions-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.submissions-table th{background:var(--color-background);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.submissions-table tbody tr{cursor:pointer;transition:background-color .15s ease}.submissions-table tbody tr:hover{background:var(--color-background)}.submissions-table tbody tr.selected{background:#3b82f61a}.submissions-table tbody tr:last-child td{border-bottom:none}.col-checkbox{width:40px;text-align:center!important}.col-status{width:100px}.col-progress,.col-started,.col-completed{width:120px}.col-device,.col-actions{width:60px;text-align:center!important}.status-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:500;text-transform:capitalize}.progress-bar-container{display:flex;align-items:center;gap:var(--spacing-sm)}.progress-bar-container .progress-bar{flex:1;height:6px;background:var(--color-primary);border-radius:var(--radius-full)}.progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.device-icon{font-size:var(--font-size-lg)}.text-muted{color:var(--color-text-tertiary)}.btn-icon{padding:var(--spacing-xs);background:transparent;border:none;cursor:pointer;font-size:var(--font-size-md);border-radius:var(--radius-md)}.btn-icon:hover{background:var(--color-background)}.submissions-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.pagination-info{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.submissions-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md)}.spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.submissions-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);gap:var(--spacing-md);text-align:center}.submissions-error p{color:var(--color-text-secondary)}.submissions-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.empty-icon{font-size:48px;margin-bottom:var(--spacing-md)}.submissions-empty h2{margin:0 0 var(--spacing-sm);font-size:var(--font-size-lg);color:var(--color-text-primary)}.submissions-empty p{margin:0;color:var(--color-text-secondary);max-width:400px}@media (max-width: 768px){.submissions-header{flex-direction:column;align-items:flex-start}.submissions-filters{flex-direction:column;align-items:stretch}.filter-group{width:100%}.filter-group select,.filter-group input{width:100%;min-width:auto}.submissions-table-container{overflow-x:auto}.submissions-table{min-width:600px}}.date-range-picker{position:relative}.date-range-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.date-range-trigger:hover{border-color:var(--formflu-border-dark);background:var(--formflu-bg-alt)}.date-range-trigger:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 3px var(--formflu-teal-50)}.calendar-icon{font-size:var(--text-base)}.date-range-label{flex:1}.chevron-icon{font-size:var(--text-xs);color:var(--formflu-muted)}.date-range-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:220px;background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden}.preset-options{padding:var(--space-2)}.preset-option{display:block;width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--formflu-text);text-align:left;cursor:pointer;transition:all var(--transition-fast)}.preset-option:hover{background:var(--formflu-bg-alt)}.preset-option.active{background:var(--formflu-teal-50);color:var(--formflu-teal);font-weight:var(--font-medium)}.custom-range-section{padding:var(--space-3);border-top:1px solid var(--formflu-border);background:var(--formflu-bg)}.custom-inputs{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.input-group{flex:1}.input-group label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--formflu-text-light);margin-bottom:var(--space-1)}.input-group input[type=date]{width:100%;padding:var(--space-2);border:1px solid var(--formflu-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--formflu-text);background:var(--formflu-white)}.input-group input[type=date]:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 3px var(--formflu-teal-50)}.custom-actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.metrics-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1024px){.metrics-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-cards-grid{grid-template-columns:1fr}}.metric-card{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md)}.metric-card.loading{opacity:.7}.metric-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.metric-icon{font-size:var(--text-xl)}.metric-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-text-light)}.metric-card-body{min-height:60px}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--formflu-navy);line-height:1.2;margin-bottom:var(--space-1)}.metric-subtitle{font-size:var(--text-sm);color:var(--formflu-text-light)}.metric-trend{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.metric-trend.trend-up{background:var(--formflu-success-50);color:var(--formflu-success)}.metric-trend.trend-down{background:var(--formflu-error-50);color:var(--formflu-error)}.metric-trend.trend-neutral{background:var(--formflu-bg-alt);color:var(--formflu-muted)}.metric-skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-value,.skeleton-subtitle{background:linear-gradient(90deg,var(--formflu-bg-alt) 25%,var(--formflu-bg) 50%,var(--formflu-bg-alt) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-value{height:40px;width:80px}.skeleton-subtitle{height:16px;width:120px}.funnel-chart-container{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);padding:var(--space-6)}.funnel-chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.funnel-chart-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-1) 0}.funnel-chart-subtitle{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.funnel-legend{display:flex;gap:var(--space-4);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--formflu-text-light)}.legend-color{width:12px;height:12px;border-radius:var(--radius-sm)}.funnel-chart-body{margin-bottom:var(--space-6)}.funnel-tooltip{background:var(--formflu-navy);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);min-width:160px}.tooltip-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--formflu-white);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid rgba(255,255,255,.2)}.tooltip-row{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-1)}.tooltip-label{font-size:var(--text-xs);color:#ffffffb3}.tooltip-value{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--formflu-white)}.tooltip-value.drop-off{color:var(--formflu-warning-light)}.funnel-chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center}.funnel-chart-empty .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.funnel-chart-empty p{color:var(--formflu-text-light);margin:0}.funnel-chart-empty .empty-hint{font-size:var(--text-sm);margin-top:var(--space-2);opacity:.7}.funnel-chart-loading{padding:var(--space-6)}.chart-skeleton{height:350px;background:linear-gradient(90deg,var(--formflu-bg-alt) 25%,var(--formflu-bg) 50%,var(--formflu-bg-alt) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.funnel-details{overflow-x:auto;border-top:1px solid var(--formflu-border);padding-top:var(--space-4)}.funnel-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.funnel-table th{text-align:left;padding:var(--space-2) var(--space-3);font-weight:var(--font-medium);color:var(--formflu-text-light);border-bottom:1px solid var(--formflu-border);white-space:nowrap}.funnel-table td{padding:var(--space-3);color:var(--formflu-text);border-bottom:1px solid var(--formflu-border)}.funnel-table tbody tr:hover{background:var(--formflu-bg-alt)}.funnel-table tbody tr:last-child td{border-bottom:none}.step-number{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--formflu-teal-50);color:var(--formflu-teal);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);margin-right:var(--space-2)}.drop-off-badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium)}.drop-off-badge.low{background:var(--formflu-success-50);color:var(--formflu-success)}.drop-off-badge.medium{background:var(--formflu-teal-50);color:var(--formflu-teal)}.drop-off-badge.high{background:var(--formflu-warning-50);color:var(--formflu-warning)}.drop-off-badge.critical{background:var(--formflu-error-50);color:var(--formflu-error)}@media (max-width: 768px){.funnel-chart-header{flex-direction:column}.funnel-legend{width:100%;justify-content:flex-start}}.variants-table-container{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);padding:var(--space-6)}.variants-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-4)}.variants-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-1) 0}.variants-subtitle{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.winner-badge{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--formflu-success-50);color:var(--formflu-success);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}.winner-icon{font-size:var(--text-base)}.variants-table-wrapper{overflow-x:auto}.variants-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.variants-table th{text-align:left;padding:var(--space-3) var(--space-3);font-weight:var(--font-medium);color:var(--formflu-text-light);border-bottom:2px solid var(--formflu-border);white-space:nowrap}.variants-table td{padding:var(--space-3);color:var(--formflu-text);border-bottom:1px solid var(--formflu-border);vertical-align:middle}.variants-table tbody tr:hover{background:var(--formflu-bg-alt)}.variants-table tbody tr:last-child td{border-bottom:none}.variants-table tbody tr.control-row{background:var(--formflu-bg)}.variants-table tbody tr.control-row:hover{background:var(--formflu-bg-alt)}.variants-table tbody tr.winner-row{background:var(--formflu-success-50)}.variants-table tbody tr.winner-row:hover{background:#22c55e26}.variant-name-cell{display:flex;align-items:center;gap:var(--space-2)}.variant-name{font-weight:var(--font-medium);color:var(--formflu-navy)}.winner-icon-small{font-size:var(--text-sm)}.control-badge{padding:var(--space-1) var(--space-2);background:var(--formflu-navy);color:var(--formflu-white);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.conversion-rate{font-weight:var(--font-semibold)}.conversion-rate.above{color:var(--formflu-success)}.conversion-rate.below{color:var(--formflu-error)}.lift{font-weight:var(--font-semibold)}.lift.positive{color:var(--formflu-success)}.lift.negative{color:var(--formflu-error)}.baseline{color:var(--formflu-muted);font-style:italic}.na{color:var(--formflu-muted)}.confidence-indicator{display:flex;align-items:center;gap:var(--space-2);min-width:100px}.confidence-bar{flex:1;height:6px;background:var(--formflu-bg-alt);border-radius:var(--radius-full);overflow:hidden}.confidence-fill{height:100%;background:var(--formflu-muted);transition:width var(--transition-base)}.confidence-fill.significant{background:var(--formflu-success)}.confidence-value{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--formflu-muted);min-width:36px;text-align:right}.confidence-value.significant{color:var(--formflu-success)}.variants-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--formflu-border)}.variants-note{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.variants-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10) var(--space-6);text-align:center}.variants-empty .empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.variants-empty p{color:var(--formflu-text-light);margin:0}.variants-empty .empty-hint{font-size:var(--text-sm);margin-top:var(--space-2);opacity:.7}.variants-loading{padding:var(--space-4)}.table-skeleton{display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-row{height:48px;background:linear-gradient(90deg,var(--formflu-bg-alt) 25%,var(--formflu-bg) 50%,var(--formflu-bg-alt) 75%);background-size:200% 100%;animation:skeleton-pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.variants-header{flex-direction:column;align-items:flex-start}.variants-table th,.variants-table td{padding:var(--space-2);font-size:var(--text-xs)}.confidence-indicator{min-width:80px}}.analytics-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.analytics-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.analytics-header-left{flex:1;min-width:200px}.analytics-header-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.analytics-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-2)}.analytics-breadcrumb a{color:var(--formflu-text-light);text-decoration:none}.analytics-breadcrumb a:hover{color:var(--formflu-teal);text-decoration:underline}.breadcrumb-separator{color:var(--formflu-muted)}.breadcrumb-current{color:var(--formflu-text);font-weight:var(--font-medium)}.analytics-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin:0}.analytics-form-name{font-size:var(--text-sm);color:var(--formflu-text-light);margin:var(--space-1) 0 0 0}.analytics-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-6);border-bottom:1px solid var(--formflu-border)}.analytics-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-text-light);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.analytics-tab:hover{color:var(--formflu-teal)}.analytics-tab.active{color:var(--formflu-teal);border-bottom-color:var(--formflu-teal)}.analytics-error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--formflu-warning-50);border:1px solid var(--formflu-warning);border-radius:var(--radius-md);margin-bottom:var(--space-6)}.analytics-error-banner .error-icon{font-size:var(--text-lg)}.analytics-error-banner span:not(.error-icon){flex:1;color:var(--formflu-text);font-size:var(--text-sm)}.analytics-content{display:flex;flex-direction:column;gap:var(--space-6)}.analytics-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center}.analytics-error p{color:var(--formflu-text-light);font-size:var(--text-lg)}.analytics-notice{margin-top:var(--space-4)}.notice-content{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--formflu-teal-50);border:1px solid var(--formflu-teal);border-radius:var(--radius-md)}.notice-content .notice-icon{font-size:var(--text-xl);flex-shrink:0}.notice-content strong{display:block;color:var(--formflu-navy);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.notice-content p{font-size:var(--text-sm);color:var(--formflu-text);margin:0;max-width:none}.notice-content a{color:var(--formflu-teal);font-weight:var(--font-medium)}@media (max-width: 768px){.analytics-page{padding:var(--space-4)}.analytics-header{flex-direction:column;align-items:flex-start}.analytics-header-right{width:100%}.analytics-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.analytics-tab{white-space:nowrap;padding:var(--space-2) var(--space-3)}.notice-content{flex-direction:column}}.team-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}@media (max-width: 768px){.team-stats{grid-template-columns:repeat(2,1fr)}}.team-stats .stat-card{background:var(--formflu-white, #ffffff);border:1px solid var(--formflu-border, #e2e8f0);border-radius:8px;padding:1.5rem;text-align:center}.team-stats .stat-value{display:block;font-size:2rem;font-weight:700;color:var(--formflu-teal, #14b8a6);margin-bottom:.25rem}.team-stats .stat-label{display:block;font-size:.875rem;color:var(--formflu-text-muted, #64748b)}.team-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0;border-bottom:1px solid var(--formflu-border, #e2e8f0)}.team-toolbar h3{margin:0;font-size:1.125rem;font-weight:600;color:var(--formflu-text, #1e293b)}.success-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#d1fae5;border:1px solid #10b981;border-radius:8px;margin-bottom:1rem;color:#065f46}.success-banner button{background:none;border:none;color:#065f46;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#fee2e2;border:1px solid #ef4444;border-radius:8px;margin-bottom:1rem;color:#991b1b}.error-banner button{background:none;border:none;color:#991b1b;font-size:1.25rem;cursor:pointer;padding:0;line-height:1}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--formflu-text-muted, #64748b)}.loading-state .spinner{width:40px;height:40px;border:3px solid var(--formflu-border, #e2e8f0);border-top-color:var(--formflu-teal, #14b8a6);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.members-list{display:flex;flex-direction:column;gap:.75rem}.member-card{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:var(--formflu-white, #ffffff);border:1px solid var(--formflu-border, #e2e8f0);border-radius:8px;transition:border-color .2s,box-shadow .2s}.member-card:hover{border-color:var(--formflu-teal, #14b8a6);box-shadow:0 2px 8px #14b8a61a}.member-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--formflu-teal, #14b8a6),var(--formflu-sky, #0ea5e9));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.member-info{flex:1;min-width:0}.member-name{font-weight:600;color:var(--formflu-text, #1e293b);display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}.you-badge{background:var(--formflu-teal-light, #ccfbf1);color:var(--formflu-teal, #14b8a6);padding:.125rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.member-email{color:var(--formflu-text-muted, #64748b);font-size:.875rem;margin-bottom:.25rem}.member-meta{display:flex;gap:.5rem;font-size:.75rem;color:var(--formflu-text-muted, #64748b)}.member-badges{display:flex;gap:.5rem;flex-shrink:0}.role-badge{padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize}.mfa-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.mfa-badge.mfa-enabled{background:#d1fae5;color:#065f46}.mfa-badge.mfa-disabled{background:#fef3c7;color:#92400e}.member-actions{display:flex;gap:.5rem;flex-shrink:0}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;min-width:180px;background:var(--formflu-white, #ffffff);border:1px solid var(--formflu-border, #e2e8f0);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:100;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu button{display:block;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;cursor:pointer;font-size:.875rem;color:var(--formflu-text, #1e293b);transition:background .2s}.dropdown-menu button:hover{background:var(--formflu-bg, #f8fafc)}.dropdown-menu button.danger{color:#dc2626}.dropdown-menu button.danger:hover{background:#fee2e2}.roles-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--formflu-border, #e2e8f0)}.roles-info h3{font-size:1rem;font-weight:600;color:var(--formflu-text, #1e293b);margin-bottom:1rem}.roles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 1024px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.roles-grid{grid-template-columns:1fr}}.role-card{background:var(--formflu-white, #ffffff);border:1px solid var(--formflu-border, #e2e8f0);border-radius:8px;overflow:hidden}.role-header{padding:.75rem 1rem;border-left:3px solid;background:var(--formflu-bg, #f8fafc)}.role-name{font-weight:600;color:var(--formflu-text, #1e293b);font-size:.875rem}.role-description{padding:.75rem 1rem;margin:0;font-size:.8125rem;color:var(--formflu-text-muted, #64748b);line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--formflu-white, #ffffff);border-radius:12px;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 20px 40px #0003}.modal h2{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--formflu-text, #1e293b)}.modal-description{color:var(--formflu-text-muted, #64748b);font-size:.875rem;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;font-size:.875rem;color:var(--formflu-text, #1e293b);margin-bottom:.375rem}.form-group input,.form-group select{width:100%;padding:.625rem .875rem;border:1px solid var(--formflu-border, #e2e8f0);border-radius:6px;font-size:.9375rem;color:var(--formflu-text, #1e293b);transition:border-color .2s,box-shadow .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--formflu-teal, #14b8a6);box-shadow:0 0 0 3px #14b8a61a}.form-group input::placeholder{color:var(--formflu-text-muted, #94a3b8)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-help{margin-top:.375rem;font-size:.8125rem;color:var(--formflu-text-muted, #64748b)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--formflu-border, #e2e8f0)}.role-selector{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.role-option{padding:1rem;border:2px solid var(--formflu-border, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .2s}.role-option:hover{border-color:var(--formflu-teal, #14b8a6);background:var(--formflu-bg, #f8fafc)}.role-option.active{border-color:var(--formflu-teal, #14b8a6);background:var(--formflu-teal-light, #ccfbf1)}.role-option-badge{display:inline-block;padding:.25rem .75rem;border-radius:16px;font-size:.75rem;font-weight:500;color:#fff;margin-bottom:.5rem}.role-option-description{margin:0;font-size:.8125rem;color:var(--formflu-text-muted, #64748b)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--formflu-teal, #14b8a6);color:#fff}.btn-primary:hover:not(:disabled){background:#0d9488}.btn-secondary{background:var(--formflu-bg, #f1f5f9);color:var(--formflu-text, #1e293b);border:1px solid var(--formflu-border, #e2e8f0)}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-sm{padding:.375rem .75rem;font-size:.8125rem}.btn-icon{padding:.375rem .5rem;background:transparent;border:1px solid var(--formflu-border, #e2e8f0)}.btn-icon:hover{background:var(--formflu-bg, #f1f5f9)}@media (max-width: 640px){.member-card{flex-wrap:wrap}.member-info{order:2;flex-basis:calc(100% - 64px)}.member-badges{order:3;width:100%;margin-top:.5rem}.member-actions{order:4;width:100%;margin-top:.5rem;justify-content:flex-end}.form-row{grid-template-columns:1fr}}.dashboard-home{padding:var(--space-6);max-width:1400px;margin:0 auto}.dashboard-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.welcome-text h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin-bottom:var(--space-2)}.welcome-text p{font-size:var(--text-lg);color:var(--formflu-text-light);margin:0}.welcome-actions .btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-semibold)}.welcome-actions .btn-icon{font-size:var(--text-xl);line-height:1}.dashboard-error{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--formflu-error-50);border:1px solid var(--formflu-error-light);border-radius:var(--radius-lg);margin-bottom:var(--space-6);color:var(--formflu-error)}.dashboard-error button{background:none;border:none;font-size:var(--text-xl);cursor:pointer;color:inherit;padding:0;line-height:1}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--formflu-border);border-top-color:var(--formflu-teal);border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading p{color:var(--formflu-text-light);font-size:var(--text-lg)}.metrics-section{margin-bottom:var(--space-8)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.metric-card{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--transition-base);position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--formflu-teal),var(--formflu-teal-light));opacity:0;transition:opacity var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-lg);border-color:var(--formflu-teal-50)}.metric-card:hover:before{opacity:1}.metric-icon{width:48px;height:48px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.metric-icon.forms{background:linear-gradient(135deg,#ebf8ff,#dbeafe)}.metric-icon.submissions{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.metric-icon.today{background:linear-gradient(135deg,#fef3c7,#fde68a)}.metric-icon.conversion{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.metric-content{display:flex;flex-direction:column;gap:var(--space-1)}.metric-value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--formflu-navy);line-height:1}.metric-label{font-size:var(--text-sm);color:var(--formflu-text-light);font-weight:var(--font-medium)}.metric-badge{margin-top:auto}.badge-active{display:inline-flex;padding:var(--space-1) var(--space-3);background:var(--formflu-success-50);color:var(--formflu-success);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full)}.metric-trend{margin-top:auto;font-size:var(--text-sm);font-weight:var(--font-medium)}.metric-trend.positive{color:var(--formflu-success)}.metric-trend.negative{color:var(--formflu-error)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.dashboard-card{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-xl);padding:var(--space-6)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.card-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0}.card-subtitle{font-size:var(--text-sm);color:var(--formflu-muted)}.card-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-teal);text-decoration:none;transition:color var(--transition-fast)}.card-link:hover{color:var(--formflu-teal-dark);text-decoration:none}.chart-card{min-height:340px}.chart-container{width:100%}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:250px;gap:var(--space-2);color:var(--formflu-muted)}.chart-empty .empty-icon{font-size:var(--text-4xl);opacity:.5}.chart-empty p{font-size:var(--text-base);font-weight:var(--font-medium);margin:0}.empty-hint{font-size:var(--text-sm);color:var(--formflu-muted)}.top-forms-list{display:flex;flex-direction:column;gap:var(--space-3)}.top-form-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--formflu-bg);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.top-form-item:hover{background:var(--formflu-bg-alt)}.form-rank{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--formflu-teal);min-width:28px}.form-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.form-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy)}.form-submissions{font-size:var(--text-xs);color:var(--formflu-muted)}.form-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-teal);text-decoration:none}.form-link:hover{text-decoration:underline}.activity-card{min-height:340px}.activity-list{display:flex;flex-direction:column;gap:var(--space-1)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background var(--transition-fast)}.activity-item:hover{background:var(--formflu-bg)}.activity-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--formflu-bg);border-radius:var(--radius-full)}.status-dot.status-new,.status-dot.status-pending{background:var(--formflu-teal)}.status-dot.status-completed{background:var(--formflu-success)}.status-dot.status-reviewed{background:var(--formflu-muted)}.activity-content{flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.activity-text{font-size:var(--text-sm);color:var(--formflu-text-light);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-text strong{color:var(--formflu-navy)}.activity-time{font-size:var(--text-xs);color:var(--formflu-muted)}.activity-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-teal);text-decoration:none;white-space:nowrap}.activity-link:hover{text-decoration:underline}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.quick-action{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--formflu-bg);border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.quick-action:hover{background:var(--formflu-teal-50);border-color:var(--formflu-teal);transform:translateY(-2px)}.action-icon{font-size:var(--text-2xl)}.action-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy);text-align:center}.empty-state-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);gap:var(--space-3);text-align:center}.empty-state-inline .empty-icon{font-size:var(--text-4xl);opacity:.5}.empty-state-inline p{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--formflu-text-light);margin:0}.getting-started-section{margin-top:var(--space-8)}.getting-started-card{background:linear-gradient(135deg,var(--formflu-teal-50),var(--formflu-white));border:2px solid var(--formflu-teal)}.getting-started-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.getting-started-icon{font-size:var(--text-4xl)}.getting-started-header h3{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin:0}.getting-started-header p{font-size:var(--text-base);color:var(--formflu-text-light);margin:var(--space-1) 0 0 0}.getting-started-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.step{display:flex;gap:var(--space-4)}.step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--formflu-teal);color:var(--formflu-white);font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:var(--radius-full);flex-shrink:0}.step-content h4{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-1) 0}.step-content p{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.getting-started-action{text-align:center}.getting-started-action .btn{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-home{padding:var(--space-4)}.dashboard-welcome{flex-direction:column;align-items:flex-start}.welcome-text h1{font-size:var(--text-2xl)}.metrics-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:repeat(3,1fr)}.getting-started-steps{grid-template-columns:1fr}.step{flex-direction:column;align-items:center;text-align:center}}@media (max-width: 480px){.quick-actions{grid-template-columns:repeat(2,1fr)}.metric-value{font-size:var(--text-2xl)}}.settings-page{padding:var(--space-6);max-width:1200px;margin:0 auto}.settings-success{background:var(--formflu-success-50);color:var(--formflu-success);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-weight:var(--font-medium)}.settings-container{display:grid;grid-template-columns:240px 1fr;gap:var(--space-8)}.settings-sidebar{position:sticky;top:var(--space-6);height:fit-content}.settings-nav{display:flex;flex-direction:column;gap:var(--space-2)}.settings-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:none;background:transparent;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--formflu-text-light);cursor:pointer;transition:all var(--transition-fast);text-align:left}.settings-nav-item:hover{background:var(--formflu-bg);color:var(--formflu-navy)}.settings-nav-item.active{background:var(--formflu-teal-50);color:var(--formflu-teal)}.settings-nav-item.danger:hover,.settings-nav-item.danger.active{background:var(--formflu-error-50);color:var(--formflu-error)}.nav-icon{font-size:var(--text-lg)}.settings-content{min-height:600px}.settings-section{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-xl);padding:var(--space-8)}.section-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--formflu-border)}.section-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin:0 0 var(--space-2) 0}.section-header p{font-size:var(--text-base);color:var(--formflu-text-light);margin:0}.settings-form{max-width:500px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy);margin-bottom:var(--space-2)}.form-group input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);border:1px solid var(--formflu-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 3px var(--formflu-teal-50)}.form-group input.input-disabled{background:var(--formflu-bg);color:var(--formflu-muted);cursor:not-allowed}.form-hint{display:block;font-size:var(--text-sm);color:var(--formflu-muted);margin-top:var(--space-2)}.form-actions{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--formflu-border)}.role-badge .badge{display:inline-flex;padding:var(--space-2) var(--space-4);background:var(--formflu-teal-50);color:var(--formflu-teal);font-size:var(--text-sm);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:capitalize}.profile-avatar-section{margin-top:var(--space-8);padding-top:var(--space-8);border-top:1px solid var(--formflu-border)}.profile-avatar-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-4) 0}.avatar-container{display:flex;align-items:center;gap:var(--space-6)}.avatar-preview{width:80px;height:80px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--formflu-teal),var(--formflu-teal-dark));color:var(--formflu-white);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--font-bold)}.avatar-info p{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--formflu-text)}.avatar-info .text-muted{color:var(--formflu-muted)}.security-card{background:var(--formflu-bg);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.security-card:last-child{margin-bottom:0}.security-card-header{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-5)}.security-icon{width:48px;height:48px;background:var(--formflu-white);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);flex-shrink:0}.security-card-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-1) 0}.security-card-header p{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.security-card .settings-form{margin-top:var(--space-4)}.mfa-status{margin-bottom:var(--space-4)}.mfa-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.mfa-badge.enabled{background:var(--formflu-success-50);color:var(--formflu-success)}.mfa-badge.disabled{background:var(--formflu-warning-50);color:var(--formflu-warning)}.mfa-status p{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.mfa-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.session-list{margin-bottom:var(--space-4)}.session-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--formflu-white);border-radius:var(--radius-lg);margin-bottom:var(--space-2)}.session-info{display:flex;flex-direction:column;gap:var(--space-1)}.session-device{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy)}.session-details{font-size:var(--text-xs);color:var(--formflu-muted)}.session-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--formflu-success);padding:var(--space-1) var(--space-2);background:var(--formflu-success-50);border-radius:var(--radius-sm)}.notification-group{margin-bottom:var(--space-6)}.notification-group h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-4) 0}.notification-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--formflu-bg);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.notification-info{flex:1}.notification-title{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy)}.notification-desc{display:block;font-size:var(--text-sm);color:var(--formflu-muted);margin-top:var(--space-1)}.required-badge{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--formflu-muted);padding:var(--space-1) var(--space-2);background:var(--formflu-border);border-radius:var(--radius-sm)}.toggle{position:relative;display:inline-block;width:48px;height:28px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--formflu-border);transition:var(--transition-fast);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--formflu-white);transition:var(--transition-fast);border-radius:var(--radius-full)}.toggle input:checked+.toggle-slider{background-color:var(--formflu-teal)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:disabled+.toggle-slider{opacity:.5;cursor:not-allowed}.danger-zone .section-header h2{color:var(--formflu-error)}.danger-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-5);background:var(--formflu-bg);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.danger-card.critical{background:var(--formflu-error-50);border-color:var(--formflu-error-light)}.danger-info h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-1) 0}.danger-card.critical .danger-info h3{color:var(--formflu-error)}.danger-info p{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0}.btn-danger-outline{background:transparent;color:var(--formflu-error);border:1px solid var(--formflu-error);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-danger-outline:hover{background:var(--formflu-error-50)}.btn-danger{background:var(--formflu-error);color:var(--formflu-white);border:none;padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:#dc2626}@media (max-width: 768px){.settings-container{grid-template-columns:1fr}.settings-sidebar{position:static}.settings-nav{flex-direction:row;overflow-x:auto;padding-bottom:var(--space-2)}.settings-nav-item{white-space:nowrap}.nav-label{display:none}.settings-section{padding:var(--space-5)}.form-row{grid-template-columns:1fr}.danger-card{flex-direction:column;align-items:flex-start}}.help-page{padding:var(--space-6);max-width:1000px;margin:0 auto}.help-hero{text-align:center;padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,var(--formflu-teal-50),var(--formflu-white));border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.help-hero h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin:0 0 var(--space-2) 0}.help-hero p{font-size:var(--text-lg);color:var(--formflu-text-light);margin:0 0 var(--space-6) 0}.help-search{position:relative;max-width:500px;margin:0 auto}.help-search .search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-lg)}.help-search input{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 48px;font-size:var(--text-base);border:2px solid var(--formflu-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.help-search input:focus{outline:none;border-color:var(--formflu-teal);box-shadow:0 0 0 4px var(--formflu-teal-50)}.help-page h2{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--formflu-navy);margin:0 0 var(--space-5) 0}.quick-links{margin-bottom:var(--space-10)}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.link-card{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition-base)}.link-card:hover{border-color:var(--formflu-teal);box-shadow:var(--shadow-md)}.link-icon{display:block;font-size:var(--text-3xl);margin-bottom:var(--space-3)}.link-card h3{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-2) 0}.link-card p{font-size:var(--text-sm);color:var(--formflu-text-light);margin:0 0 var(--space-3) 0}.card-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-teal);text-decoration:none}.card-link:hover{text-decoration:underline}.video-section{margin-bottom:var(--space-10)}.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.video-card{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.video-card:hover{box-shadow:var(--shadow-md)}.video-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--formflu-navy),var(--formflu-navy-light));display:flex;align-items:center;justify-content:center}.play-icon{font-size:var(--text-4xl);opacity:.8}.video-card h4{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-navy);margin:0;padding:var(--space-3) var(--space-4) var(--space-1)}.video-duration{display:block;font-size:var(--text-xs);color:var(--formflu-muted);padding:0 var(--space-4) var(--space-3)}.faq-section{margin-bottom:var(--space-10)}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-fast)}.faq-item.expanded{border-color:var(--formflu-teal)}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--formflu-navy);text-align:left}.faq-question:hover{background:var(--formflu-bg)}.faq-toggle{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--formflu-teal);width:24px;text-align:center}.faq-answer{padding:0 var(--space-5) var(--space-5);border-top:1px solid var(--formflu-border);animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-size:var(--text-sm);color:var(--formflu-text-light);line-height:1.6;margin:var(--space-4) 0 0 0}.no-results{text-align:center;padding:var(--space-8);color:var(--formflu-muted)}.no-results p{margin:0 0 var(--space-3) 0}.no-results button{background:none;border:none;color:var(--formflu-teal);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium)}.contact-section{margin-bottom:var(--space-10)}.contact-card{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--formflu-navy),var(--formflu-navy-light));border-radius:var(--radius-xl);color:var(--formflu-white)}.contact-content{display:flex;align-items:center;gap:var(--space-4)}.contact-icon{font-size:var(--text-4xl)}.contact-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--formflu-white);margin:0 0 var(--space-1) 0}.contact-content p{font-size:var(--text-sm);color:#fffc;margin:0}.contact-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.contact-actions .btn{white-space:nowrap}.response-time{font-size:var(--text-xs);color:#fff9}.resources-section{margin-bottom:var(--space-10)}.resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.resource-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast)}.resource-item:hover{border-color:var(--formflu-teal);background:var(--formflu-bg);text-decoration:none}.resource-icon{font-size:var(--text-2xl)}.resource-item h4{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--formflu-navy);margin:0 0 var(--space-1) 0}.resource-item p{font-size:var(--text-xs);color:var(--formflu-muted);margin:0}.status-section{margin-bottom:var(--space-6)}.status-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--formflu-success-50);border:1px solid var(--formflu-success);border-radius:var(--radius-lg)}.status-indicator{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-success)}.status-dot{width:10px;height:10px;border-radius:50%}.status-dot.operational{background:var(--formflu-success);box-shadow:0 0 8px var(--formflu-success)}.status-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--formflu-success)}@media (max-width: 768px){.links-grid,.resources-grid,.videos-grid{grid-template-columns:1fr}.contact-card{flex-direction:column;text-align:center}.contact-content{flex-direction:column}.contact-actions{align-items:center}}:root{--formflu-teal: #1FB6A6;--formflu-teal-light: #3DC4B5;--formflu-teal-dark: #159688;--formflu-teal-50: rgba(31, 182, 166, .1);--formflu-navy: #1E2A3B;--formflu-navy-light: #2A3A4F;--formflu-navy-dark: #151E2B;--formflu-success: #22C55E;--formflu-success-light: #4ADE80;--formflu-success-50: rgba(34, 197, 94, .1);--formflu-warning: #F59E0B;--formflu-warning-light: #FBBF24;--formflu-warning-50: rgba(245, 158, 11, .1);--formflu-error: #EF4444;--formflu-error-light: #F87171;--formflu-error-50: rgba(239, 68, 68, .1);--formflu-bg: #F8FAFC;--formflu-bg-alt: #F1F5F9;--formflu-white: #FFFFFF;--formflu-border: #E5E7EB;--formflu-border-dark: #D1D5DB;--formflu-muted: #94A3B8;--formflu-text: #1E293B;--formflu-text-light: #64748B;--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .12);--shadow-2xl: 0 16px 48px rgba(0, 0, 0, .16);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1440px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--formflu-text);background-color:var(--formflu-bg);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--formflu-navy)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl);font-weight:var(--font-semibold)}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}p{color:var(--formflu-text-light);max-width:65ch}a{color:var(--formflu-teal);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--formflu-teal-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.container-narrow{max-width:var(--container-lg)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--formflu-teal);outline-offset:2px}.btn-primary{background:var(--formflu-teal);color:var(--formflu-white)}.btn-primary:hover{background:var(--formflu-teal-dark);color:var(--formflu-white);text-decoration:none}.btn-secondary{background:var(--formflu-white);color:var(--formflu-navy);border:1px solid var(--formflu-border)}.btn-secondary:hover{background:var(--formflu-bg-alt);border-color:var(--formflu-border-dark);color:var(--formflu-navy);text-decoration:none}.btn-ghost{background:transparent;color:var(--formflu-teal)}.btn-ghost:hover{background:var(--formflu-teal-50);text-decoration:none}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background:var(--formflu-white);border:1px solid var(--formflu-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--formflu-navy)}.card-description{font-size:var(--text-sm);color:var(--formflu-text-light);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-success{background:var(--formflu-success-50);color:var(--formflu-success)}.badge-warning{background:var(--formflu-warning-50);color:var(--formflu-warning)}.badge-teal{background:var(--formflu-teal-50);color:var(--formflu-teal)}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.section-lg{padding:var(--space-24) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-title{margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--formflu-text-light);max-width:600px;margin:0 auto}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-teal{color:var(--formflu-teal)}.text-navy{color:var(--formflu-navy)}.text-success{color:var(--formflu-success)}.text-warning{color:var(--formflu-warning)}.text-muted{color:var(--formflu-muted)}.text-sm{font-size:var(--text-sm)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.hide-desktop{display:none!important}}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh}.app main{flex:1}html{scroll-behavior:smooth;scroll-padding-top:80px}:focus-visible{outline:2px solid var(--formflu-teal);outline-offset:2px}::selection{background:var(--formflu-teal-50);color:var(--formflu-navy)}.loading-spinner{width:24px;height:24px;border:3px solid var(--formflu-border);border-top-color:var(--formflu-teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}