@import"https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;500;600;700;800;900&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{--font-sans: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: "Figtree", sans-serif;--bg-deep: #08090d;--bg-main: #0d0f14;--bg-card: rgba(20, 22, 31, .6);--bg-card-hover: rgba(28, 31, 44, .8);--border-color: rgba(255, 255, 255, .08);--border-color-glow: rgba(99, 102, 241, .3);--color-primary: #6366f1;--color-primary-glow: rgba(99, 102, 241, .15);--color-primary-hover: #4f46e5;--color-secondary: #06b6d4;--color-secondary-glow: rgba(6, 182, 212, .15);--color-success: #10b981;--color-success-glow: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-glow: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-glow: rgba(239, 68, 68, .15);--text-main: #f1f5f9;--text-muted: #94a3b8;--text-dark: #64748b;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--radius-lg: 16px;--radius-md: 10px;--radius-sm: 6px}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden;width:100%;max-width:100vw}body{font-family:var(--font-sans);background-color:var(--bg-deep);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.nav-open-lock,body.nav-open-lock{overflow:hidden!important;touch-action:none;-webkit-overflow-scrolling:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:#fff;letter-spacing:-.02em}.app-header{position:sticky;top:0;z-index:100;background:#0d0f14d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:#fff;text-decoration:none}.logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;font-size:1.8rem}.header-nav{display:flex;gap:1.5rem;margin-right:2rem}.header-link{color:var(--text-muted);font-family:var(--font-heading);font-weight:600;font-size:.95rem;text-decoration:none;transition:color var(--transition-fast)}.header-link:hover,.header-link.active{color:var(--color-secondary)}.header-link.nav-highlight{color:var(--color-secondary);font-weight:700;position:relative}.header-link.nav-highlight:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px}.header-actions{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-signin-btn{font-size:.82rem;font-weight:600;color:var(--text-muted);text-decoration:none;padding:.5rem .85rem;border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.header-signin-btn:hover{color:#fff;border-color:#fff3;background:#ffffff0d}.btn-header-cta{padding:.5rem 1.15rem;font-size:.88rem;font-weight:600;height:auto;box-shadow:0 0 15px #6366f14d;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.btn-header-cta:hover{box-shadow:0 0 25px #a855f780;transform:translateY(-1px)}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:42px;height:42px;min-width:42px;min-height:42px;flex-shrink:0!important;padding:8px;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;z-index:1002;transition:all var(--transition-fast);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.nav-toggle:hover{background:#ffffff14;border-color:#fff3}.hamburger-bar{display:block;width:22px;height:2px;background:#f1f5f9;border-radius:2px;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s ease,background-color .3s ease;transform-origin:center;pointer-events:none!important}.nav-toggle.is-active{background:#6366f126;border-color:#6366f166;box-shadow:0 0 15px #6366f140}.nav-toggle.is-active .hamburger-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-active .hamburger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.nav-toggle.is-active .hamburger-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-backdrop{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#040508cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;opacity:0;visibility:hidden;display:none;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s}.mobile-nav-backdrop.is-open{opacity:1;visibility:visible;display:block!important;pointer-events:auto}.mobile-nav-drawer{position:fixed;top:0;right:0;bottom:0;width:350px;max-width:86vw;height:100%;height:100dvh;max-height:-webkit-fill-available;background-color:#0d0f14;background:#0d0f14fa;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-left:1px solid rgba(255,255,255,.12);box-shadow:-15px 0 45px #000000d9,0 0 25px #6366f126;z-index:99999;display:none;flex-direction:column;visibility:hidden;pointer-events:none;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transition:transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.mobile-nav-drawer.is-open{display:flex!important;visibility:visible!important;pointer-events:auto!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important}.mobile-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1.15rem 1.4rem;border-bottom:1px solid var(--border-color);flex-shrink:0;background:#ffffff05}.mobile-nav-close{width:38px;height:38px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all var(--transition-fast);line-height:1}.mobile-nav-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.mobile-nav-body{padding:1.25rem 1.4rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.mobile-nav-links{display:flex;flex-direction:column;gap:.35rem}.mobile-nav-link{display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;border-radius:var(--radius-md);font-family:var(--font-heading);font-weight:600;font-size:.98rem;color:var(--text-main);text-decoration:none;background:transparent;border:1px solid transparent;transition:all var(--transition-fast)}.mobile-nav-link:hover{background:#ffffff0a;border-color:#ffffff14;color:#fff;transform:translate(4px)}.mobile-nav-link.active{background:#6366f126;border-color:#6366f159;color:#c084fc;box-shadow:0 0 15px #6366f133}.mobile-nav-link.highlight{background:linear-gradient(90deg,#6366f11f,#06b6d41f);border-color:#6366f140;color:#38bdf8}.mobile-nav-icon{font-size:1.15rem;width:24px;text-align:center;display:inline-flex;justify-content:center}.mobile-nav-badge{margin-left:auto;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.2rem .55rem;border-radius:999px;background:#06b6d433;border:1px solid rgba(6,182,212,.4);color:#38bdf8}.mobile-nav-pos-section{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);padding:1rem}.mobile-nav-section-title{font-size:.7rem;font-weight:800;letter-spacing:.08em;color:var(--text-dark);margin-bottom:.75rem}.mobile-nav-pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.mobile-pos-badge{display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;padding:.55rem .2rem;background:#ffffff0a;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;text-align:center;transition:all var(--transition-fast)}.mobile-pos-badge:hover{background:#6366f126;border-color:#6366f159;color:#fff}.mobile-nav-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color)}.mobile-btn-signin,.mobile-btn-cta{width:100%;justify-content:center;text-align:center;padding:.75rem 1rem;font-size:.92rem;text-decoration:none}body.nav-open-lock{overflow:hidden!important;touch-action:none}@media(max-width:1024px){.header-nav,.header-partner-badges{display:none!important}.nav-toggle{display:flex!important}.app-header{padding:.75rem 1.5rem}}@media(max-width:768px){.app-header{padding:.65rem 1rem}.logo{font-size:1.35rem}.logo-icon{font-size:1.5rem}.btn-header-cta,.header-signin-btn{display:none!important}}.portal-header{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.5rem;background:#0d0f14eb;border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100}.portal-header-brand{display:flex;align-items:center;gap:.65rem}.portal-console-badge{font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:.2rem .5rem;border-radius:999px;background:#6366f126;border:1px solid rgba(99,102,241,.35);color:#c084fc}.portal-header-right{display:flex;align-items:center;gap:.75rem}.header-tenant-selector-container{display:flex!important;align-items:center}.header-tenant-label{font-size:.75rem;font-weight:700;color:var(--text-muted);margin-right:.45rem;white-space:nowrap;letter-spacing:.04em}.header-tenant-select{min-width:160px;max-width:220px;height:34px;padding:.2rem .6rem;font-size:.82rem;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);color:#fff;font-weight:600;cursor:pointer}.header-tenant-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #6366f140}.sidebar-tenant-card{padding:.85rem 1rem 1rem;margin-bottom:.75rem;border-bottom:1px solid var(--border-color);background:#ffffff05}.sidebar-tenant-label{font-size:.68rem;font-weight:800;letter-spacing:.06em;color:var(--color-secondary);text-transform:uppercase;margin-bottom:.45rem;display:flex;align-items:center;gap:.35rem}.sidebar-tenant-select{width:100%;height:38px;background:#ffffff0f;border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-sm);color:#fff;font-weight:600;font-size:.85rem;padding:.3rem .6rem;cursor:pointer}.sidebar-tenant-select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #6366f140}.portal-desktop-nav{display:flex;align-items:center;gap:.75rem}.btn-portal-tour{background:#a855f726;border-color:#a855f766;color:#c084fc;font-weight:600;padding:.35rem .75rem;font-size:.8rem;display:flex;align-items:center;gap:.3rem;height:auto;white-space:nowrap}.portal-nav-toggle{display:none;flex-shrink:0!important;min-width:42px;min-height:42px}.portal-mobile-backdrop{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;background:#040508cc;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99998;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s}.portal-mobile-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto}.portal-mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:340px;max-width:86vw;height:100%;height:100dvh;max-height:-webkit-fill-available;background-color:#0d0f14;background:#0d0f14fa;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-left:1px solid rgba(255,255,255,.12);box-shadow:-15px 0 45px #000000d9,0 0 25px #6366f126;z-index:99999;display:flex;flex-direction:column;visibility:hidden;transform:translate3d(100%,0,0);-webkit-transform:translate3d(100%,0,0);transition:transform .35s cubic-bezier(.16,1,.3,1),visibility .35s;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.portal-mobile-drawer.is-open{visibility:visible!important;transform:translateZ(0)!important;-webkit-transform:translate3d(0,0,0)!important}.portal-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border-color);flex-shrink:0;background:#ffffff05}.portal-drawer-close{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff0a;color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;transition:all var(--transition-fast)}.portal-drawer-close:hover{background:#ef444426;border-color:#ef444466;color:#f87171}.portal-drawer-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem;flex:1}.portal-drawer-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem}.portal-drawer-card-title{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--text-dark);margin-bottom:.5rem}.portal-drawer-section-title{font-size:.68rem;font-weight:800;letter-spacing:.08em;color:var(--text-dark);margin-bottom:.6rem}.portal-drawer-tabs{display:flex;flex-direction:column;gap:.35rem}.portal-drawer-tab{display:flex;align-items:center;gap:.75rem;padding:.7rem .85rem;border-radius:var(--radius-md);background:transparent;border:1px solid transparent;color:var(--text-main);text-align:left;cursor:pointer;font-family:var(--font-heading);transition:all var(--transition-fast);width:100%}.portal-drawer-tab:hover{background:#ffffff0a;border-color:#ffffff14;transform:translate(3px)}.portal-drawer-tab.active{background:#6366f126;border-color:#6366f159;color:#c084fc;box-shadow:0 0 12px #6366f126}.portal-drawer-tab .tab-icon{font-size:1.2rem;width:26px;text-align:center;flex-shrink:0}.portal-drawer-tab .tab-info{display:flex;flex-direction:column;gap:.1rem}.portal-drawer-tab .tab-name{font-size:.9rem;font-weight:600}.portal-drawer-tab .tab-desc{font-size:.72rem;color:var(--text-dark)}.portal-drawer-tab.active .tab-desc{color:#c084fccc}.portal-drawer-utils{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.portal-util-btn{display:flex;align-items:center;gap:.4rem;padding:.6rem .75rem;font-size:.78rem;font-weight:600;color:var(--text-muted);background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-heading)}.portal-util-btn:hover{background:#ffffff12;color:#fff;border-color:#fff3}.portal-drawer-footer{margin-top:auto;padding-top:1rem;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:.75rem}.portal-drawer-user-info{display:flex;flex-direction:column;gap:.15rem;padding:.5rem .75rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:var(--radius-sm)}.portal-drawer-user-name{color:#fff;font-weight:600;font-size:.85rem}.portal-drawer-user-role{color:var(--text-dark);font-size:.7rem;text-transform:uppercase;letter-spacing:.04em}.portal-drawer-logout-btn{width:100%;justify-content:center;color:#f87171!important;border-color:#ef44444d!important;background:#ef444414!important;padding:.65rem 1rem;font-size:.88rem;cursor:pointer}.portal-drawer-logout-btn:hover{background:#ef44442e!important;border-color:#ef444480!important}@media(max-width:900px){.portal-desktop-nav{display:none!important}.portal-nav-toggle{display:flex!important;min-width:42px;min-height:42px;flex-shrink:0!important}.portal-console-badge{display:none!important}.portal-header{padding:.5rem .85rem}.header-tenant-label{display:none}.header-tenant-select{width:125px;max-width:130px;height:32px;font-size:.78rem}}@media(max-width:480px){.header-tenant-select{width:95px;max-width:100px;font-size:.72rem;padding:.15rem .35rem}#sync-status-text{display:none}.sync-status-badge{padding:.35rem}.portal-header{padding:.45rem .65rem}}.sync-status-badge{display:flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:600;cursor:pointer;color:var(--text-muted);padding:.35rem .65rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid rgba(255,255,255,.08);transition:all var(--transition-fast)}.sync-status-badge:hover{background:#ffffff12;border-color:#ffffff26;color:var(--text-main)}.sync-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sync-dot.success{background:var(--color-success);box-shadow:0 0 5px var(--color-success)}.sync-dot.warning{background:var(--color-warning);box-shadow:0 0 5px var(--color-warning)}.sync-dot.failure{background:var(--color-danger);box-shadow:0 0 8px var(--color-danger);animation:sync-pulse-red 1.5s infinite}@keyframes sync-pulse-red{0%{box-shadow:0 0 #ef4444b3}70%{box-shadow:0 0 0 6px #ef444400}to{box-shadow:0 0 #ef444400}}.sync-failure-banner{display:flex;align-items:center;gap:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);padding:.75rem 1.25rem;margin-bottom:1.5rem;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.sync-failure-banner .banner-icon{font-size:1.25rem;color:var(--color-danger);line-height:1}.sync-failure-banner .banner-text{font-size:.82rem;color:#fca5a5;font-weight:500;line-height:1.4}.sync-failure-banner .banner-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1rem;cursor:pointer;padding:.25rem;margin-left:.5rem;transition:color var(--transition-fast)}.sync-failure-banner .banner-close-btn:hover{color:var(--text-main)}.nav-toggle-buttons{display:flex;background:#ffffff0d;border:1px solid var(--border-color);padding:.25rem;border-radius:var(--radius-md);gap:.25rem}.nav-toggle-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.5rem}.nav-toggle-btn.active{background:var(--color-primary);color:#fff;box-shadow:0 4px 12px var(--color-primary-glow)}.nav-toggle-btn:hover:not(.active){color:#fff;background:#ffffff08}.view-container{display:none;opacity:0;transition:opacity var(--transition-normal)}.view-container.active{display:block;opacity:1}.landing-page{background:radial-gradient(circle at top right,rgba(99,102,241,.08),transparent 50%),radial-gradient(circle at bottom left,rgba(6,182,212,.05),transparent 50%);padding-bottom:6rem}.marketing-subnav{border-bottom:1px solid var(--border-color);background:#0d0f1466;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.subnav-container{max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex;gap:2rem}.subnav-link{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;font-family:var(--font-heading);transition:color var(--transition-fast)}.subnav-link:hover,.subnav-link.active{color:var(--color-secondary)}.hero-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}@media(max-width:968px){.hero-section{grid-template-columns:1fr;text-align:center;padding-top:3rem}}@media(max-width:768px){.hero-section{padding:2.25rem 1rem 3rem;gap:2.25rem}.hero-text h1{font-size:clamp(2rem,7.5vw,2.75rem)!important;line-height:1.2!important;margin-bottom:1.15rem}.hero-text p{font-size:1.02rem!important;margin-bottom:1.5rem}.calculator-benefits-section{padding:2.5rem 1rem;gap:2.25rem}.calculator-card{padding:1.5rem 1.15rem}.pricing-section-container{padding:3.5rem 1rem 2.5rem}.pricing-card{padding:1.75rem 1.25rem}.pricing-grid{grid-template-columns:1fr;gap:1.75rem}}.hero-text h1{font-size:3.5rem;line-height:1.15;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff 40%,var(--text-muted) 100%);background-clip:text;-webkit-text-fill-color:transparent}.hero-text h1 span{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-text-fill-color:transparent}.hero-text p{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem;max-width:580px}@media(max-width:968px){.hero-text p{margin-left:auto;margin-right:auto}}.hero-ctas{display:flex;gap:1rem;justify-content:flex-start}@media(max-width:968px){.hero-ctas{justify-content:center}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.8rem;font-family:var(--font-heading);font-weight:600;font-size:1rem;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;gap:.5rem;box-sizing:border-box;max-width:100%}@media(max-width:900px){.btn{padding:.65rem 1.25rem;font-size:.9rem}}@media(max-width:480px){.btn{padding:.55rem .95rem;font-size:.84rem}}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 4px 20px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f180}.btn-secondary{background:#ffffff0d;border-color:var(--border-color);color:#fff}.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}.hero-mockup-wrapper{position:relative;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 40px #0009,0 0 40px #6366f126;border:1px solid var(--border-color)}.hero-mockup-img{width:100%;height:auto;display:block;transition:transform .5s ease}.hero-mockup-wrapper:hover .hero-mockup-img{transform:scale(1.02)}.calculator-benefits-section{max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem}@media(max-width:968px){.calculator-benefits-section{grid-template-columns:1fr;gap:3rem}}.calculator-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem}.calculator-card h3{font-size:1.8rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,var(--text-muted));background-clip:text;-webkit-text-fill-color:transparent}.calculator-card p.subtitle{color:var(--text-muted);margin-bottom:2rem;font-size:.95rem}.calc-inputs{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-label-row{display:flex;justify-content:space-between;align-items:center}.input-label-row label{font-size:.9rem;font-weight:500;color:var(--text-main)}.input-val-badge{background:#6366f126;color:var(--color-primary);border:1px solid rgba(99,102,241,.3);padding:.1rem .6rem;font-weight:600;font-size:.85rem;border-radius:var(--radius-sm)}.calc-slider{appearance:none;width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;transition:background var(--transition-fast)}.calc-slider::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:2px solid #fff;box-shadow:0 0 10px #6366f180;transition:transform .1s ease}.calc-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.calc-results{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1.5rem}.result-item{display:flex;flex-direction:column}.result-label{font-size:.85rem;color:var(--text-muted);margin-bottom:.25rem}.result-value{font-family:var(--font-heading);font-size:1.8rem;font-weight:800;color:var(--color-success)}.result-value.hours{color:var(--color-secondary)}.benefits-col{display:flex;flex-direction:column;justify-content:center;gap:2rem}.benefit-card{display:flex;gap:1.25rem}.benefit-icon{width:48px;height:48px;border-radius:var(--radius-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-primary);font-size:1.25rem}.benefit-card:nth-child(2) .benefit-icon{background:#06b6d41a;border-color:#06b6d433;color:var(--color-secondary)}.benefit-card:nth-child(3) .benefit-icon{background:#10b9811a;border-color:#10b98133;color:var(--color-success)}.benefit-text h4{font-size:1.2rem;margin-bottom:.35rem}.benefit-text p{color:var(--text-muted);font-size:.95rem}.pricing-section-container{max-width:1200px;margin:0 auto;padding:6rem 2rem 4rem;border-top:1px solid var(--border-color)}.section-title-centered{text-align:center;font-size:2.25rem;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,var(--text-muted));background-clip:text;-webkit-text-fill-color:transparent}.section-subtitle-centered{text-align:center;color:var(--text-muted);font-size:1.05rem;margin-bottom:4rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem;align-items:stretch;margin-bottom:3rem}.pricing-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-normal);position:relative}.pricing-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 15px 30px #0000004d}.pricing-card.popular{border-color:var(--color-primary);box-shadow:0 10px 25px #6366f126}.pricing-card.popular:hover{box-shadow:0 15px 35px #6366f140}.pricing-card-header{margin-bottom:2rem}.tier-badge{display:inline-block;font-size:.75rem;font-weight:700;color:var(--color-secondary);background:var(--color-secondary-glow);padding:.25rem .75rem;border-radius:20px;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.tier-badge.popular{color:#fff;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.pricing-card h3{font-size:2.5rem;font-weight:800;margin-bottom:.5rem}.pricing-card h3 span{font-size:1rem;font-weight:400;color:var(--text-muted)}.pricing-card-audience{font-size:.9rem;color:var(--text-muted)}.pricing-features{margin-bottom:2.5rem;flex-grow:1}.pricing-features ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.pricing-features li{font-size:.95rem;color:var(--text-main)}.pricing-cta{width:100%}.setup-fee-note{text-align:center;font-size:.85rem;color:var(--text-dark);margin-top:1.5rem}.pricing-roi-anchor{font-size:.72rem;color:var(--color-success);text-align:center;margin-top:.5rem;font-weight:500;letter-spacing:.01em}.app-footer-bar{background:#090a0e;border-top:1px solid var(--border-color);padding:4rem 2rem;margin-top:5rem}.footer-columns-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem}@media(max-width:768px){.footer-columns-container{grid-template-columns:1fr;gap:2.5rem}}.footer-col{display:flex;flex-direction:column;gap:.75rem}.footer-col h4{font-size:.95rem;color:#fff;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.footer-col a{font-size:.88rem;color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--color-secondary)}.blog-hub-layout-container{max-width:1200px;margin:0 auto;padding:0 2rem}@media(max-width:768px){.blog-hub-layout-container{padding:0 1rem}}.blog-main-grid-sidebar{display:grid;grid-template-columns:280px 1fr;gap:3rem;margin-top:2rem}@media(max-width:900px){.blog-main-grid-sidebar{grid-template-columns:1fr;gap:2rem}}.blog-sidebar-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;align-self:start}.sidebar-filter-block h4{font-size:.95rem;border-bottom:1px solid rgba(255,255,255,.05);padding-bottom:.5rem;margin-bottom:1rem;color:#fff}.sidebar-filter-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.sidebar-filter-link{font-size:.9rem;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:color var(--transition-fast);display:block}.sidebar-filter-link:hover,.sidebar-filter-link.active{color:var(--color-secondary)}.tag-cloud-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-cloud-btn{font-size:.75rem;background:#ffffff08;border:1px solid var(--border-color);color:var(--text-muted);padding:.25rem .65rem;border-radius:4px;cursor:pointer;transition:all var(--transition-fast)}.tag-cloud-btn:hover,.tag-cloud-btn.active{background:var(--color-secondary-glow);color:var(--color-secondary);border-color:var(--color-secondary)}.active-filters-row{display:flex;align-items:center;gap:1rem;background:#ffffff05;border:1px solid var(--border-color);padding:.75rem 1.25rem;border-radius:var(--radius-md);margin-bottom:1.5rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:1rem}@media(max-width:768px){.blog-grid{grid-template-columns:1fr;gap:1.25rem}}.blog-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast);cursor:pointer}@media(max-width:768px){.blog-card{padding:1.25rem;border-radius:var(--radius-md)}}.blog-card:hover{transform:translateY(-3px);border-color:#6366f140;box-shadow:0 10px 25px #0000004d}.blog-card-header{margin-bottom:1.5rem}.blog-card-title{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:.75rem}.blog-card-desc{font-size:.9rem;color:var(--text-muted);line-height:1.5;overflow:hidden;display:-webkit-box;line-clamp:3;-webkit-box-orient:vertical}.blog-card-footer{border-top:1px solid rgba(255,255,255,.05);padding-top:1rem;margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center}.seo-badge{font-size:.72rem;font-weight:600;background:#06b6d414;border:1px solid rgba(6,182,212,.2);color:var(--color-secondary);padding:.15rem .5rem;border-radius:4px;text-transform:uppercase}.reader-container{max-width:800px;margin:0 auto;background:#0d0f1480;border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:3rem;box-sizing:border-box}@media(max-width:768px){.reader-container{padding:1.25rem 1rem;border-radius:var(--radius-md)}}.blog-article-body{word-wrap:break-word;overflow-wrap:break-word;max-width:100%}.blog-article-body img{max-width:100%;height:auto;border-radius:var(--radius-md)}.blog-article-body pre,.blog-article-body table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-article-body h2{font-size:1.75rem;margin-top:2rem;margin-bottom:1rem;color:#fff}.blog-article-body h3{font-size:1.35rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--color-secondary)}.blog-article-body p{font-size:1.05rem;color:#cbd5e1;line-height:1.7;margin-bottom:1.5rem}.blog-article-body ul,.blog-article-body ol{margin-left:2rem;margin-bottom:1.5rem;color:#cbd5e1;display:flex;flex-direction:column;gap:.5rem}.blog-article-body li{font-size:1.05rem}.super-login-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 100px);width:100%;max-width:100%;padding:2rem 1.5rem;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.super-login-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color-glow);box-shadow:0 15px 35px #0009;border-radius:var(--radius-lg);padding:3rem;width:100%;max-width:440px;box-sizing:border-box}.saas-workspace{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 65px)}@media(max-width:900px){.saas-workspace{grid-template-columns:1fr}}.saas-sidebar{background:#090b0e;border-right:1px solid var(--border-color);padding:1.5rem .85rem;display:flex;flex-direction:column;gap:.4rem}.saas-sidebar .sidebar-tab-btn{display:flex;align-items:center;gap:.75rem;width:100%;padding:.7rem .95rem;font-size:.88rem;font-weight:500;font-family:inherit;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-sizing:border-box}.saas-sidebar .sidebar-tab-btn:hover:not(.active){color:#fff;background:#ffffff0d;border-color:#ffffff14}.saas-sidebar .sidebar-tab-btn.active{color:#c084fc;background:#6366f124;border:1px solid rgba(99,102,241,.35);font-weight:600;box-shadow:0 0 16px #6366f126}.saas-sidebar .sidebar-logout-btn{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .95rem;font-size:.85rem;font-weight:600;font-family:inherit;color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-top:.5rem;text-align:left;box-sizing:border-box}.saas-sidebar .sidebar-logout-btn:hover{background:#ef444433;border-color:#ef444473;color:#fff;box-shadow:0 0 12px #ef444433}@media(max-width:900px){.saas-sidebar{flex-direction:row;overflow-x:auto;padding:.5rem .75rem;gap:.4rem;background:#090b0e;border-bottom:1px solid var(--border-color);scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center}.saas-sidebar::-webkit-scrollbar{display:none}.saas-sidebar .sidebar-tab-btn{width:auto;white-space:nowrap;text-align:center;padding:.45rem .85rem;font-size:.82rem;border-radius:999px;background:#ffffff0a;border:1px solid var(--border-color);flex-shrink:0}.saas-sidebar .sidebar-tab-btn.active{border:1px solid rgba(99,102,241,.45);border-radius:999px;background:#6366f133;color:#c084fc;box-shadow:0 0 10px #6366f140}#sidebar-tenant-card,.sidebar-tenant-card,.saas-sidebar>div[style*="flex: 1"],.saas-sidebar>div[style*="font-size: 0.78rem"],#sidebar-user-badge,.saas-sidebar .sidebar-logout-btn,.saas-sidebar>button[onclick*=handlePortalLogout]{display:none!important}}.saas-main-content{background-color:var(--bg-main);padding:2.5rem;overflow-y:auto;height:calc(100vh - 65px)}@media(max-width:900px){.saas-main-content{height:auto;padding:1.5rem}}.saas-tab-view{display:none}.saas-tab-view.active{display:block}.saas-tab-header{margin-bottom:2rem;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem;flex-wrap:wrap}.saas-tab-header h2{font-size:2rem;line-height:1.2}.saas-tab-header p{color:var(--text-muted);font-size:.95rem;margin-top:.35rem}.saas-header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0;flex-wrap:wrap}.saas-header-actions .btn{padding:.55rem 1.1rem;font-size:.88rem;font-weight:600;white-space:nowrap;height:auto;border-radius:var(--radius-md)}.saas-header-actions .btn-pos-import{font-size:.82rem;padding:.5rem .9rem}@media(max-width:1024px){.saas-tab-header{gap:1rem}.saas-tab-header h2{font-size:1.75rem}}@media(max-width:900px){.saas-tab-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.saas-tab-header h2{font-size:1.45rem;line-height:1.25;margin:0}.saas-tab-header p{font-size:.85rem;margin-top:.25rem}.saas-header-actions{width:100%;display:flex;flex-wrap:wrap;gap:.5rem}.saas-header-actions .btn{padding:.55rem .85rem;font-size:.82rem;flex:1 1 auto;min-width:130px;justify-content:center;text-align:center;white-space:nowrap}.saas-header-actions #btn-add-item{order:-1;flex:1 1 100%;width:100%;padding:.65rem 1rem;font-size:.9rem;font-weight:700}}@media(max-width:600px){.saas-header-actions{display:flex;flex-wrap:wrap;gap:.45rem}.saas-header-actions #btn-add-item{order:-1;width:100%;flex:1 1 100%;padding:.65rem .85rem;font-size:.88rem}.saas-header-actions .btn:not(#btn-add-item){flex:1 1 calc(50% - .25rem);min-width:125px;padding:.5rem;font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;justify-content:center}}@media(max-width:380px){.saas-header-actions .btn:not(#btn-add-item){flex:1 1 100%;width:100%;font-size:.8rem;padding:.5rem .6rem}}.menu-builder-layout{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}@media(max-width:1100px){.menu-builder-layout{grid-template-columns:1fr}}.categories-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.category-list{list-style:none;margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.category-item{display:flex;justify-content:space-between;align-items:center;padding:.65rem .9rem;border-radius:var(--radius-md);background:#ffffff05;border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.category-item:hover,.category-item.active{background:#6366f114;border-color:#6366f133}.category-item.active{border-color:var(--color-primary)}.category-name{font-weight:600;color:#fff;font-size:.95rem}.category-info{display:flex;flex-direction:column;align-items:flex-start}.daypart-filter-container{margin:.75rem 0 .5rem}.daypart-pill-group{display:flex;flex-wrap:wrap;gap:.35rem}.daypart-pill{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);font-size:.73rem;font-weight:500;padding:.28rem .6rem;border-radius:20px;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.daypart-pill:hover{background:#6366f11f;border-color:#6366f14d;color:#fff}.daypart-pill.active{background:linear-gradient(135deg,#6366f14d,#a855f740);border-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 0 10px #6366f133}.category-daypart-badge{font-size:.68rem;padding:.12rem .45rem;border-radius:12px;font-weight:500;display:inline-flex;align-items:center;gap:.25rem;margin-top:.2rem;width:fit-content}.category-daypart-badge.breakfast{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.category-daypart-badge.lunch{background:#3b82f61f;color:#60a5fa;border:1px solid rgba(59,130,246,.25)}.category-daypart-badge.dinner{background:#a855f71f;color:#c084fc;border:1px solid rgba(168,85,247,.25)}.category-daypart-badge.brunch{background:#ec48991f;color:#f472b6;border:1px solid rgba(236,72,153,.25)}.category-daypart-badge.all_day{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.2)}.category-actions{display:flex;gap:.25rem;opacity:0;transition:opacity var(--transition-fast)}.category-item:hover .category-actions{opacity:1}.icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:.9rem}.icon-btn:hover{color:#fff;background:#ffffff14}.icon-btn.delete:hover{color:var(--color-danger);background:#ef44441a}.add-category-box{margin-top:1rem;display:flex;gap:.5rem}.form-input{background:#ffffff08;border:1px solid var(--border-color);color:#fff;border-radius:var(--radius-md);padding:.6rem .9rem;font-family:var(--font-sans);font-size:.9rem;width:100%;transition:border-color var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);background:#ffffff0d}select option,.form-input option{background-color:#0d0f14;color:#f1f5f9}.btn-icon{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);width:38px;height:38px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700;flex-shrink:0;font-size:1.1rem}.btn-icon:hover{background:var(--color-primary-hover)}.items-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.items-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.item-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;transition:all var(--transition-fast);position:relative}.item-card:hover{transform:translateY(-2px);border-color:#6366f140;background:#ffffff0a}.item-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.item-title{font-size:1.15rem;font-weight:600;color:#fff}.item-price{font-family:var(--font-heading);font-weight:700;color:var(--color-secondary);font-size:1.1rem}.item-desc{color:var(--text-muted);font-size:.85rem;margin-bottom:1rem;flex-grow:1}.item-options-summary{font-size:.75rem;background:#ffffff0a;padding:.4rem .6rem;border-radius:var(--radius-sm);color:var(--text-muted);margin-bottom:1rem}.item-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:.75rem}.status-badge{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:20px;text-transform:uppercase}.status-badge.instock{background:var(--color-success-glow);color:var(--color-success);border:1px solid rgba(16,185,129,.3)}.status-badge.outstock{background:var(--color-danger-glow);color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.item-actions{display:flex;gap:.5rem}.user-admin-layout{display:grid;grid-template-columns:320px 1fr;gap:2rem;align-items:start}@media(max-width:1100px){.user-admin-layout{grid-template-columns:1fr}}.user-form-panel,.user-list-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th,.admin-table td{padding:.9rem 1.2rem;border-bottom:1px solid var(--border-color);font-size:.9rem}.admin-table th{background:#ffffff08;font-family:var(--font-heading);font-weight:600;color:#fff}.admin-table tr:hover td{background:#ffffff03}.admin-table td{color:var(--text-main)}.keys-admin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.keys-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.keys-card-header{display:flex;align-items:center;gap:1rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.keys-admin-grid-v2{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.75rem}.keys-card-v2{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.keys-card-v2:hover{border-color:#6366f14d}.keys-card-v2.card-connected{border-color:#34d39966;box-shadow:0 0 20px #34d3990f}.keys-card-v2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.mode-toggle-group{display:flex;gap:.35rem}.mode-pill{padding:.2rem .65rem;font-size:.7rem;font-weight:600;border:1px solid var(--border-color);border-radius:20px;background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em}.mode-pill:hover{border-color:#6366f180;color:var(--text-primary)}.mode-pill.active{background:#6366f126;border-color:#6366f180;color:var(--color-primary)}.conn-status-pill{font-size:.72rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;border:1px solid var(--border-color);color:var(--text-muted);background:#ffffff05;white-space:nowrap;flex-shrink:0;transition:all var(--transition-fast)}.conn-status-pill.connected{color:#34d399;border-color:#34d39966;background:#34d39914}.conn-status-pill.failed{color:#f87171;border-color:#f8717166;background:#f8717114}.conn-status-pill.testing{color:#fbbf24;border-color:#fbbf2466;background:#fbbf2414;animation:pulseBadge 1s infinite}@keyframes pulseBadge{0%,to{opacity:1}50%{opacity:.5}}.keys-docs-link{font-size:.78rem;color:var(--text-muted);line-height:1.5}.keys-docs-link a{color:var(--color-primary);text-decoration:none}.keys-docs-link a:hover{text-decoration:underline}.keys-docs-link code{font-family:Courier New,monospace;background:#6366f11a;color:#a5b4fc;padding:.1em .4em;border-radius:3px;font-size:.85em}.creds-section{display:flex;flex-direction:column;gap:.9rem}.creds-section.hidden{display:none}.creds-section-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);border-left:3px solid rgba(99,102,241,.4);padding-left:.6rem}.field-note{font-size:.7rem;font-weight:400;color:var(--text-muted);text-transform:none;letter-spacing:0}.keys-card-v2-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.25rem}.keys-card-v2-actions .btn{font-size:.8rem;padding:.45rem 1rem;flex:1;min-width:120px}.conn-test-result{font-size:.8rem;line-height:1.5;padding:.65rem .9rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#ffffff05;color:var(--text-secondary);word-break:break-all}.conn-test-result.hidden{display:none}.conn-test-result.ok{border-color:#34d3994d;background:#34d3990d;color:#34d399}.conn-test-result.fail{border-color:#f871714d;background:#f871710d;color:#f87171}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:200;display:none;align-items:center;justify-content:center}.modal-overlay.active{display:flex}.modal-content{background:#0d0f14;border:1px solid var(--border-color-glow);border-radius:var(--radius-lg);width:100%;max-width:500px;padding:2.5rem;position:relative;box-shadow:0 10px 30px #00000080;animation:modalFadeIn var(--transition-fast) ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{margin-bottom:1.5rem}.modal-title{font-size:1.5rem}.modal-body{display:flex;flex-direction:column;gap:1.25rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.modal-footer{margin-top:2rem;display:flex;justify-content:flex-end;gap:1rem}.modifiers-form-section{border-top:1px solid var(--border-color);padding-top:1rem;margin-top:.5rem}.modifiers-form-title{font-size:.95rem;font-weight:600;margin-bottom:.75rem}.modifiers-input-row{display:grid;grid-template-columns:1fr 100px 38px;gap:.5rem;margin-bottom:.5rem}.modifiers-list-container{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.modifier-badge-item{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;border:1px solid var(--border-color);padding:.4rem .75rem;border-radius:var(--radius-sm);font-size:.85rem}.sync-hub-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:stretch}@media(max-width:1100px){.sync-hub-grid{grid-template-columns:1fr}}.sync-status-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;justify-content:space-between}.connections-status-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:2rem}.platform-connection-card{background:#ffffff05;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;justify-content:space-between;align-items:center}.platform-info{display:flex;align-items:center;gap:1rem}.platform-logo-mock{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;color:#fff}.platform-logo-mock.ubereats{background:#10b981}.platform-logo-mock.doordash{background:#ef4444}.platform-logo-mock.grubhub{background:#ff8000}.platform-details h4{font-size:1.05rem;margin-bottom:.15rem}.platform-details p{color:var(--text-muted);font-size:.8rem}.connection-switch{display:flex;align-items:center;gap:.75rem}.switch-label{font-size:.8rem;font-weight:600;text-transform:uppercase}.switch-label.connected{color:var(--color-success)}.switch-label.disconnected{color:var(--text-dark)}.toggle-switch-checkbox{display:none}.toggle-switch-label{width:44px;height:24px;background:var(--text-dark);display:block;border-radius:20px;position:relative;cursor:pointer;transition:background var(--transition-fast)}.toggle-switch-label:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:left var(--transition-fast)}.toggle-switch-checkbox:checked+.toggle-switch-label{background:var(--color-success)}.toggle-switch-checkbox:checked+.toggle-switch-label:after{left:22px}.sync-trigger-action-box{border-top:1px solid var(--border-color);padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.sync-main-btn{width:100%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;font-family:var(--font-heading);font-size:1.15rem;font-weight:700;padding:1.1rem;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 4px 20px #6366f159;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--transition-fast)}.sync-main-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #6366f173}.sync-main-btn:disabled{background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-dark);cursor:not-allowed;box-shadow:none}.spinner-icon{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;display:none}.sync-main-btn.syncing .spinner-icon{display:block}@keyframes spin{to{transform:rotate(360deg)}}.sync-progress-bars{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.progress-row{display:flex;align-items:center;justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.progress-bar-bg{width:100%;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden;margin-top:.25rem}.progress-bar-fill{width:0%;height:100%;background:var(--color-primary);border-radius:3px;transition:width .1s ease}.progress-bar-fill.ubereats{background:#10b981}.progress-bar-fill.doordash{background:#ef4444}.progress-bar-fill.grubhub{background:#ff8000}.progress-bar-fill.nativewebsite{background:var(--color-secondary)}.simulator-console-panel{background:#06070a;border:1px solid #1c1e24;border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;height:480px}.console-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:.75rem;margin-bottom:1rem}.console-title{font-family:monospace;color:var(--color-secondary);font-size:.95rem;display:flex;align-items:center;gap:.5rem}.console-terminal{flex-grow:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.8rem;color:#a7b5eb;overflow-y:auto;display:flex;flex-direction:column;gap:.65rem;padding:.5rem;background:#040507;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.03)}.log-entry{padding-bottom:.5rem;border-bottom:1px dashed rgba(255,255,255,.03)}.log-time{color:var(--text-dark);margin-right:.5rem}.log-tag{font-weight:700;margin-right:.5rem}.log-tag.sys{color:#818cf8}.log-tag.uber{color:#10b981}.log-tag.dash{color:#f87171}.log-tag.grub{color:#fb923c}.log-msg{color:#e2e8f0}.log-payload{display:block;background:#ffffff08;padding:.5rem;border-radius:var(--radius-sm);margin-top:.25rem;white-space:pre-wrap;color:#38bdf8}.log-status{font-weight:700}.log-status.success{color:var(--color-success)}.log-status.error{color:var(--color-danger)}.log-status.warn{color:var(--color-warning)}.styling-admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media(max-width:968px){.styling-admin-grid{grid-template-columns:1fr}}.styling-controls-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.color-controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.color-picker-group{display:flex;align-items:center;justify-content:space-between;background:#ffffff05;border:1px solid var(--border-color);padding:.65rem 1rem;border-radius:var(--radius-md)}.color-picker-label{font-size:.85rem;color:var(--text-muted)}.color-picker-input{-moz-appearance:none;appearance:none;width:32px;height:32px;border:none;border-radius:50%;cursor:pointer;background:none}.color-picker-input::-webkit-color-swatch{border:1px solid rgba(255,255,255,.15);border-radius:50%;padding:0}.code-outputs-panel{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;height:100%}.exporter-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem;margin-bottom:1.25rem}.exporter-tab-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-heading);font-size:.9rem;font-weight:600;padding:.5rem 1rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.exporter-tab-btn.active{background:#6366f126;color:var(--color-primary)}.code-output-container{position:relative;flex-grow:1}.code-display{width:100%;height:300px;background:#040507;border:1px solid #1a1c23;color:#a5b4fc;font-family:Consolas,Monaco,monospace;font-size:.8rem;padding:1.25rem;border-radius:var(--radius-md);white-space:pre;overflow:auto;outline:none;resize:none}.btn-copy-code{position:absolute;top:10px;right:10px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-muted);font-size:.75rem;padding:.4rem .8rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:.25rem}.btn-copy-code:hover{background:#ffffff26;color:#fff}.super-page-container{width:100%;max-width:100%;min-height:85vh;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.super-admin-layout-container{width:100%;max-width:100%;margin:0;padding:2rem 2.5rem;box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch}.super-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem}.super-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;display:flex;flex-direction:column}.super-stats-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;margin-bottom:.5rem;letter-spacing:.05em}.super-stats-val{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));background-clip:text;-webkit-text-fill-color:transparent}.super-split-layout{display:grid;grid-template-columns:350px 1fr;gap:2.5rem;align-items:start}@media(max-width:968px){.super-split-layout{grid-template-columns:1fr}}.super-card-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-sizing:border-box;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.super-card-panel.table-panel{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;box-sizing:border-box}.super-card-panel.table-panel .admin-table{min-width:720px}.simulated-client-container{margin-top:3rem;background:#11131a;border:1px solid #1c1e29;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 15px 35px #0006}.client-browser-bar{background:#090a0f;padding:.75rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.05);display:flex;align-items:center;gap:1.5rem}.browser-dots{display:flex;gap:.35rem}.browser-dot{width:10px;height:10px;border-radius:50%}.browser-dot.red{background:#ef4444}.browser-dot.yellow{background:#f59e0b}.browser-dot.green{background:#10b981}.browser-address{background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:.25rem 1rem;border-radius:var(--radius-sm);font-size:.8rem;color:var(--text-muted);font-family:monospace;flex-grow:1;max-width:500px}.client-site-body{background:#fff;color:#1a1a1a;padding:3rem;min-height:400px;transition:all var(--transition-normal)}.client-restaurant-hero{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid #eaeaea}.client-restaurant-hero h2{color:#1a1a1a;font-size:2.25rem;margin-bottom:.5rem;transition:color var(--transition-fast)}.client-restaurant-hero p{color:#666;font-size:.95rem}.client-menu-container{max-width:900px;margin:0 auto}.toast-container{position:fixed;bottom:20px;right:20px;z-index:300;display:flex;flex-direction:column;gap:.75rem}.toast{background:#0d0f14e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);color:#fff;padding:1rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 10px 25px #00000080;display:flex;align-items:center;gap:.75rem;animation:toastSlideIn var(--transition-fast) ease-out forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.toast.success{border-color:var(--color-success)}.toast.error{border-color:var(--color-danger)}.toast.info{border-color:var(--color-primary)}.toast-icon{font-size:1.2rem}.toast.success .toast-icon{color:var(--color-success)}.toast.error .toast-icon{color:var(--color-danger)}.toast.info .toast-icon{color:var(--color-primary)}.item-image-frame{width:100%;height:140px;border-radius:var(--radius-md);overflow:hidden;margin-bottom:1rem;border:1px solid var(--border-color);background:#00000040;display:flex;align-items:center;justify-content:center;position:relative}.item-image-frame img{width:100%;height:100%;object-fit:cover}.item-image-placeholder{font-size:2rem;color:var(--text-dark)}.billing-plan-card,.billing-onboarding-card{transition:all var(--transition-fast)}.billing-plan-card:hover{border-color:var(--color-secondary)!important}.billing-onboarding-card{padding:1.5rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff03}.billing-onboarding-card.unpaid{border-color:#f59e0b4d;background:#f59e0b05}.billing-onboarding-card.paid{border-color:#10b9814d;background:#10b98105}.syncbite-item-img{width:80px;height:80px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;border:1px solid #eaeaea;background-color:#fafafa}.syncbite-item-card-inner{display:flex;gap:1rem;align-items:flex-start}.syncbite-modifiers-container{margin-top:.75rem;display:flex;flex-direction:column;gap:.4rem}.syncbite-modifier-group-block{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem}.syncbite-modifier-group-title{font-size:.72rem;font-weight:700;text-transform:uppercase;color:#64748b;margin-right:.25rem}.integrations-strip-section{padding:2.5rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);background:#6366f105}.integrations-strip-label{font-size:.7rem;font-weight:700;letter-spacing:.12em;color:var(--text-dark);text-transform:uppercase;margin-bottom:1.25rem}.integrations-strip{display:flex;justify-content:center;align-items:center;gap:1.25rem;flex-wrap:wrap}.integration-badge{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:600;border:1px solid var(--border-color);background:#ffffff08;color:var(--text-body);transition:all var(--transition-fast);cursor:default}.integration-badge:hover{transform:translateY(-2px);border-color:#ffffff26;background:#ffffff0f}.integration-badge.pos{border-color:#e2874359;background:#e287430f;color:#f0a860}.integration-badge.ue{border-color:#10b98159;background:#10b9810d;color:#34d399}.integration-badge.dd{border-color:#ef444459;background:#ef44440d;color:#f87171}.integration-badge.gh{border-color:#f9731659;background:#f973160d;color:#fb923c}.integration-badge.web{border-color:#6366f159;background:#6366f10f;color:#a5b4fc}.integration-badge-icon{font-size:1rem}.toast-feature-section{padding:5rem 2rem;max-width:1200px;margin:0 auto}.toast-feature-header{text-align:center;margin-bottom:3.5rem;max-width:780px;margin-left:auto;margin-right:auto}.toast-pos-badge{display:inline-block;background:#e287431f;border:1px solid rgba(226,135,67,.3);color:#f0a860;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;margin-bottom:1.25rem}.toast-feature-header h2{font-family:var(--font-heading);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;color:var(--text-heading);margin-bottom:1rem;line-height:1.15}.toast-feature-header h2 span{background:linear-gradient(135deg,#f0a860,#e28743);background-clip:text;-webkit-text-fill-color:transparent}.toast-feature-header p{font-size:1.05rem;color:var(--text-muted);line-height:1.7}.toast-flow-diagram{display:flex;align-items:center;justify-content:center;gap:0;margin:0 auto 4rem;max-width:1050px;flex-wrap:wrap;row-gap:1.5rem}.toast-flow-node{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.75rem 2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);background:var(--bg-card);min-width:160px;transition:all var(--transition-fast);position:relative;z-index:1}.toast-flow-node:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.toast-flow-node.source{border-color:#e2874366;background:#e287430d}.toast-flow-node.hub{border-color:#6366f166;background:#6366f112;box-shadow:0 0 30px #6366f11f}.toast-flow-node.destinations{border-color:#0ea5e966;background:#0ea5e90d}.toast-flow-node.website{border-color:#10b98166;background:#10b9810d}.toast-flow-node-icon{font-size:2rem;margin-bottom:.5rem}.toast-flow-node-label{font-weight:700;font-size:.95rem;color:var(--text-heading);margin-bottom:.25rem}.toast-flow-node-sub{font-size:.75rem;color:var(--text-muted)}.toast-flow-arrow{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:0 .5rem;min-width:80px}.toast-flow-arrow-line{height:2px;width:100%;background:linear-gradient(90deg,var(--border-color),rgba(99,102,241,.5),var(--border-color));position:relative}.toast-flow-arrow-line:after{content:"\25b6";position:absolute;right:-6px;top:50%;transform:translateY(-50%);font-size:.65rem;color:#6366f1b3}.toast-flow-arrow-label{font-size:.68rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:.06em;font-weight:600;white-space:nowrap}.toast-capabilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;margin-bottom:3.5rem}.toast-cap-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-fast);position:relative;overflow:hidden}.toast-cap-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(226,135,67,.5),transparent);opacity:0;transition:opacity var(--transition-fast)}.toast-cap-card:hover{transform:translateY(-4px);border-color:#e287434d;box-shadow:0 12px 30px #00000040}.toast-cap-card:hover:before{opacity:1}.toast-cap-icon{font-size:1.75rem;margin-bottom:.85rem}.toast-cap-card h4{font-family:var(--font-heading);font-size:1rem;font-weight:700;color:var(--text-heading);margin-bottom:.6rem}.toast-cap-card p{font-size:.88rem;color:var(--text-muted);line-height:1.65}.toast-callout-bar{display:flex;align-items:center;justify-content:space-around;padding:2.25rem 3rem;background:linear-gradient(135deg,#e287430f,#6366f10f);border:1px solid rgba(226,135,67,.2);border-radius:var(--radius-xl);flex-wrap:wrap;gap:2rem}.toast-callout-stat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.35rem;flex:1;min-width:140px}.toast-callout-number{font-family:var(--font-heading);font-size:2.2rem;font-weight:800;background:linear-gradient(135deg,#f0a860,#e28743);background-clip:text;-webkit-text-fill-color:transparent;line-height:1}.toast-callout-desc{font-size:.82rem;color:var(--text-muted);max-width:180px;line-height:1.45}.toast-callout-divider{width:1px;height:50px;background:#ffffff14;flex-shrink:0}@media(max-width:768px){.toast-flow-diagram{flex-direction:column}.toast-flow-arrow{transform:rotate(90deg)}.toast-callout-divider{width:80px;height:1px}.toast-callout-bar{padding:1.5rem}}.note-editor{border:1px solid var(--border-color)!important;background-color:var(--bg-card)!important;border-radius:var(--radius-md)!important;overflow:hidden}.note-editor .note-toolbar{background-color:var(--bg-main)!important;border-bottom:1px solid var(--border-color)!important;color:var(--text-main)!important;padding:6px 8px!important}.note-editor .note-btn{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;color:var(--text-muted)!important;padding:4px 8px!important;font-size:.85rem!important;transition:var(--transition-fast)!important}.note-editor .note-btn i,.note-editor .note-btn span{color:inherit!important}.note-editor .note-btn:hover,.note-editor .note-btn.active,.note-editor .note-btn:active{background-color:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.note-editor .note-dropdown-menu{background-color:#151823!important;border:1px solid var(--border-color)!important;box-shadow:0 10px 15px -3px #0006,0 4px 6px -4px #0006!important;border-radius:var(--radius-md)!important;padding:.5rem 0!important;z-index:1050!important}.note-editor .note-dropdown-item{color:var(--text-main)!important;padding:6px 16px!important;display:block!important;width:100%!important;text-align:left!important;background:none!important;border:none!important;font-size:.875rem!important;transition:var(--transition-fast)!important;cursor:pointer!important}.note-editor .note-dropdown-item:hover{background-color:var(--color-primary)!important;color:#fff!important}.note-editor .note-color-palette{background-color:#151823!important;border:1px solid var(--border-color)!important;padding:8px!important;border-radius:var(--radius-md)!important}.note-editor .note-color-btn{border:1px solid var(--border-color)!important}.note-popover .popover-content,.note-editor .note-popover{background-color:#151823!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;padding:4px 6px!important}.note-popover .popover-content .note-btn-group,.note-editor .note-popover .note-btn-group{margin:2px!important}.note-popover .arrow:after,.note-popover .arrow:before{border-bottom-color:#151823!important;border-top-color:#151823!important}.note-modal{background-color:#08090dbf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;display:none;position:fixed;inset:0;z-index:1050!important}.note-modal.open{display:block!important}.note-modal-content{background-color:#151823!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important;color:var(--text-main)!important;box-shadow:0 20px 25px -5px #00000080!important;max-width:500px!important;margin:100px auto!important;overflow:hidden}.note-modal-header{border-bottom:1px solid var(--border-color)!important;padding:1.25rem 1.5rem!important;display:flex!important;align-items:center!important;justify-content:space-between!important}.note-modal-title{color:#fff!important;font-family:var(--font-heading)!important;font-weight:600!important;font-size:1.25rem!important;margin:0!important}.note-modal-header .close{background:none!important;border:none!important;color:var(--text-muted)!important;font-size:1.5rem!important;cursor:pointer!important;opacity:.7;padding:0!important;line-height:1!important}.note-modal-header .close:hover{color:#fff!important;opacity:1}.note-modal-body{padding:1.5rem!important}.note-modal-footer{border-top:1px solid var(--border-color)!important;padding:1rem 1.5rem!important;display:flex!important;justify-content:flex-end!important;gap:.5rem!important}.note-modal .form-group{margin-bottom:1.25rem!important}.note-modal .form-group label{color:var(--text-muted)!important;font-weight:500!important;font-size:.875rem!important;margin-bottom:.5rem!important;display:block!important}.note-modal .note-form-control{width:100%!important;background-color:#0003!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important;border-radius:var(--radius-sm)!important;padding:.625rem .75rem!important;font-size:.875rem!important;transition:var(--transition-fast)!important}.note-modal .note-form-control:focus{border-color:var(--color-primary)!important;background-color:#0000004d!important;outline:none!important}.note-modal .note-btn-primary{background-color:var(--color-primary)!important;color:#fff!important;border:none!important;border-radius:var(--radius-sm)!important;padding:.5rem 1.25rem!important;font-size:.875rem!important;font-weight:500!important;cursor:pointer!important;transition:var(--transition-fast)!important}.note-modal .note-btn-primary:hover{background-color:var(--color-primary-hover)!important}.note-editor .note-editable{background-color:#fff!important;color:#0f172a!important;padding:1.5rem!important;font-size:.95rem!important;line-height:1.6!important;min-height:300px}.note-editor .note-editable h1,.note-editor .note-editable h2,.note-editor .note-editable h3,.note-editor .note-editable h4,.note-editor .note-editable h5,.note-editor .note-editable h6{color:#0f172a!important;margin-top:1.5rem!important;margin-bottom:.75rem!important;font-weight:700!important;background:none!important;-webkit-text-fill-color:initial!important}.note-editor .note-editable p,.note-editor .note-editable span,.note-editor .note-editable li,.note-editor .note-editable div,.note-editor .note-editable td,.note-editor .note-editable th{color:#334155!important}.note-editor .note-editable a{color:var(--color-primary)!important;text-decoration:underline!important}.note-editor .note-editable ul,.note-editor .note-editable ol{padding-left:1.5rem!important;margin-bottom:1rem!important}.note-editor .note-editable blockquote{border-left:4px solid var(--color-primary)!important;padding-left:1rem!important;color:#475569!important;font-style:italic!important;margin:1rem 0!important}.onboarding-highlight{position:relative!important;z-index:10001!important;outline:3px solid #a855f7!important;outline-offset:4px;box-shadow:0 0 25px #a855f766!important;background:var(--bg-main)!important}.onboarding-tour-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10000;pointer-events:none}.onboarding-tour-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#08090d99;backdrop-filter:blur(1px);pointer-events:auto}.onboarding-tour-bubble{position:absolute;width:380px;max-width:calc(100vw - 32px);background:#12141df5;border:1px solid rgba(168,85,247,.5);border-radius:var(--radius-lg);padding:1.35rem 1.4rem;box-shadow:0 25px 50px #000000b3,0 0 25px #a855f740;backdrop-filter:blur(16px);pointer-events:auto;z-index:10002;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.85rem}.onboarding-tour-header{display:flex;justify-content:space-between;align-items:center}.onboarding-tour-badge{font-size:.75rem;font-weight:700;background:linear-gradient(135deg,#a855f733,#6366f133);color:#c084fc;border:1px solid rgba(168,85,247,.35);padding:.25rem .6rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.onboarding-tour-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;padding:.2rem;transition:color .2s ease,transform .2s ease}.onboarding-tour-close:hover{color:#fff;transform:scale(1.15)}.onboarding-tour-title{font-size:1.1rem;font-weight:700;color:#fff;margin:0;line-height:1.3}.onboarding-tour-desc{font-size:.84rem;color:#d1d5db;line-height:1.5;margin:0}.onboarding-tour-footer{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.85rem}.onboarding-highlight{position:relative!important;z-index:10001!important;box-shadow:0 0 0 3px #a855f7,0 0 25px #a855f7a6!important;border-radius:var(--radius-md)!important;background:#a855f733!important;animation:onboardingGlow 2s infinite ease-in-out}@keyframes onboardingGlow{0%,to{box-shadow:0 0 0 3px #a855f7,0 0 16px #a855f773}50%{box-shadow:0 0 0 4px #c084fc,0 0 32px #a855f7e6}}.audit-check-item{display:flex;align-items:center;justify-content:space-between;background:#ffffff03;border:1px solid var(--border-color);padding:.6rem .8rem;border-radius:var(--radius-sm);font-size:.8rem}.audit-check-left{display:flex;align-items:center;gap:.5rem}.audit-check-indicator{font-size:.95rem}.audit-check-title{font-weight:500;color:var(--text-main)}.audit-check-status{font-size:.72rem;font-weight:600;padding:.15rem .4rem;border-radius:4px;text-transform:uppercase}.audit-check-status.pass{background:var(--color-success-glow);color:var(--color-success)}.audit-check-status.warn{background:var(--color-warning-glow);color:var(--color-warning)}.audit-check-status.fail{background:var(--color-danger-glow);color:var(--color-danger)}.access-audit-card{background:#ffffff05;border:1px solid var(--border-color);padding:1.25rem;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:.5rem;transition:border-color .2s ease}.access-audit-card:hover{border-color:#ffffff26}.access-audit-header{display:flex;justify-content:space-between;align-items:center}.access-audit-title{font-size:.9rem;font-weight:600;color:#fff}.access-audit-desc{font-size:.78rem;color:var(--text-muted);line-height:1.4;margin:0}.widgets-sandbox-card{max-width:1050px;margin:2rem auto 0;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:0 20px 50px #00000059;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.widgets-sandbox-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:2.5rem;align-items:start}@media(max-width:968px){.widgets-sandbox-grid{grid-template-columns:1fr;gap:2rem}}.sandbox-controls-panel{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-md);padding:1.75rem;display:flex;flex-direction:column;gap:1.5rem}.sandbox-control-group{display:flex;flex-direction:column;gap:.5rem}.sandbox-control-group label{display:block;font-size:.85rem;color:var(--text-muted);font-weight:600;letter-spacing:.02em}.widget-type-pills{display:flex;background:#11131c;padding:.25rem;border-radius:var(--radius-md);border:1px solid var(--border-color);gap:.25rem}.widget-pill-btn{flex:1;background:transparent;border:none;color:var(--text-muted);padding:.6rem;font-size:.85rem;font-weight:600;font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.widget-pill-btn.active{background:var(--color-primary);color:#fff}.sandbox-item-list{display:flex;flex-direction:column;gap:.5rem}.sandbox-item-row{display:flex;align-items:center;justify-content:space-between;background:#11131c;padding:.65rem .85rem;border-radius:var(--radius-sm);border:1px solid var(--border-color);transition:border-color var(--transition-fast)}.sandbox-item-row:hover{border-color:#ffffff26}.sandbox-item-info{display:flex;align-items:center;gap:.5rem;font-size:.88rem;color:var(--text-main);font-weight:500}.checkbox-custom-wrapper{display:flex;align-items:center;cursor:pointer}.checkbox-custom-wrapper input{cursor:pointer;width:1.05rem;height:1.05rem;accent-color:var(--color-success)}.color-picker-row{display:flex;gap:.75rem}.color-dot{width:2.2rem;height:2.2rem;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),border-color var(--transition-fast)}.color-dot:hover{transform:scale(1.08)}.color-dot.active{border-color:#fff;transform:scale(1.12)}.mock-browser-container{background:#0f111a;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 15px 40px #0006}.mock-browser-bar{background:#161922;padding:.65rem 1rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color)}.mock-dot{width:9px;height:9px;border-radius:50%}.mock-dot.red{background:#ef4444}.mock-dot.yellow{background:#f59e0b}.mock-dot.green{background:#10b981}.mock-address-bar{flex-grow:1;background:#0d0f14;font-size:.72rem;color:var(--text-muted);padding:.25rem 1rem;border-radius:var(--radius-sm);font-family:monospace;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(255,255,255,.03)}.mock-browser-content{padding:2rem;min-height:310px;max-height:400px;overflow-y:auto;transition:background-color .3s ease,color .3s ease}.preview-font-figtree{font-family:Figtree,sans-serif}.preview-font-playfair{font-family:Playfair Display,serif}.preview-font-lora{font-family:Lora,serif}.preview-theme-light{background-color:#fff;color:#1f2937}.preview-theme-dark{background-color:#0d1117;color:#f1f5f9}.preview-menu-list{display:flex;flex-direction:column;gap:1.25rem}.preview-menu-item{display:flex;justify-content:space-between;align-items:start;padding-bottom:1rem;border-bottom:1px dashed rgba(128,128,128,.2);transition:opacity .25s ease}.preview-item-details h4{font-size:1.05rem;margin-bottom:.35rem;display:flex;align-items:center;gap:.5rem;color:inherit;font-weight:700}.preview-special-badge{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:var(--radius-sm);text-transform:uppercase;background:var(--color-warning-glow);color:var(--color-warning);border:1px solid rgba(245,158,11,.25)}.preview-item-details p{font-size:.82rem;color:var(--text-muted);line-height:1.45;margin:0}.preview-theme-light .preview-item-details p{color:#556b82}.preview-item-price{font-weight:700;font-size:1.05rem}.preview-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:2px dashed rgba(128,128,128,.3);border-radius:var(--radius-md);padding:2.5rem 1.5rem;min-height:200px}.preview-empty-icon{font-size:2.2rem;margin-bottom:.75rem;opacity:.6}.preview-empty-text{font-size:.88rem;color:var(--text-muted);line-height:1.5}.preview-theme-light .preview-empty-text{color:#64748b}.code-export-box{margin-top:1.5rem;background:#090b10;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;position:relative}.code-export-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.code-export-title{font-size:.75rem;font-weight:700;color:var(--text-dark);text-transform:uppercase;letter-spacing:.08em}.code-export-pre{margin:0;overflow-x:auto;font-family:Consolas,Courier New,Courier,monospace;font-size:.76rem;line-height:1.55;color:#a5b4fc;white-space:pre}.btn-copy-snippet{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-main);font-size:.72rem;padding:.35rem .85rem;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;transition:all var(--transition-fast);font-family:var(--font-sans)}.btn-copy-snippet:hover{background:#ffffff14;border-color:#ffffff2e;color:#fff}.faq-accordion{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.faq-item{background:#ffffff03;border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-fast) ease}.faq-item:hover{background:#ffffff08;border-color:#6366f14d}.faq-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;user-select:none}.faq-question{font-size:1.05rem;font-weight:600;color:#fff;margin:0;line-height:1.4}.faq-toggle-icon{font-size:1.25rem;color:var(--color-primary);font-weight:700;transition:transform var(--transition-fast) ease}.faq-item.active .faq-toggle-icon{transform:rotate(45deg);color:var(--color-secondary)}.faq-body{padding:0 1.5rem 1.25rem;display:none;font-size:.92rem;line-height:1.65;color:var(--text-main);border-top:1px solid rgba(255,255,255,.04)}.faq-body p{margin:0 0 1rem}.faq-body p:last-child{margin-bottom:0}.faq-body ul,.faq-body ol{margin:0 0 1rem;padding-left:1.25rem}.ticket-badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.ticket-badge.open{background:#ef444414;color:#f87171;border:1px solid rgba(239,68,68,.25)}.ticket-badge.in-progress{background:#f59e0b14;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.ticket-badge.resolved{background:#10b98114;color:#34d399;border:1px solid rgba(16,185,129,.25)}.ticket-item-active{border-color:var(--color-primary)!important;background:#6366f10a!important}.support-grid-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:2.5rem;align-items:start}.support-panel-card{background:#ffffff03;padding:2rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.support-lookup-group{display:flex;gap:.5rem;margin-bottom:1.5rem}@media(max-width:1024px){.support-grid-layout{grid-template-columns:1fr;gap:2rem}}@media(max-width:768px){.support-panel-card{padding:1.25rem;border-radius:var(--radius-md)}.support-lookup-group{flex-direction:column;gap:.75rem}.support-lookup-group input{width:100%}.support-lookup-group button{width:100%;height:44px;display:flex;align-items:center;justify-content:center;padding:.75rem!important}}.support-quick-nav{display:none;max-width:650px;margin:0 auto 3rem;gap:.75rem}@media(max-width:1024px){.support-quick-nav{display:flex}}@media(max-width:480px){.support-quick-nav{flex-direction:column;margin-bottom:2rem}}.nps-widget-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;width:380px;background:#0d1117e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.5rem;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff0d;transform:translateY(150%);transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease;opacity:0}.nps-widget-container.active{transform:translateY(0);opacity:1}.nps-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.nps-header h4{margin:0;font-size:.95rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.35rem}.nps-close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem;font-size:.9rem;transition:color .2s;line-height:1}.nps-close-btn:hover{color:#fff}.nps-question{font-size:.85rem;color:var(--text-main);line-height:1.4;margin:0 0 1rem}.nps-buttons-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.25rem;margin-bottom:1rem}.nps-score-btn{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:4px;color:#fff;font-size:.78rem;font-weight:600;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease}.nps-score-btn[data-score="1"]:hover,.nps-score-btn[data-score="2"]:hover,.nps-score-btn[data-score="3"]:hover,.nps-score-btn[data-score="4"]:hover,.nps-score-btn[data-score="5"]:hover,.nps-score-btn[data-score="6"]:hover{background:#ef444433!important;border-color:#ef444480!important;color:#f87171!important}.nps-score-btn[data-score="7"]:hover,.nps-score-btn[data-score="8"]:hover{background:#f59e0b33!important;border-color:#f59e0b80!important;color:#fbbf24!important}.nps-score-btn[data-score="9"]:hover,.nps-score-btn[data-score="10"]:hover{background:#10b98133!important;border-color:#10b98180!important;color:#34d399!important}.nps-score-btn.selected{font-weight:700;box-shadow:0 0 10px #6366f140}.nps-score-btn.selected[data-score="1"],.nps-score-btn.selected[data-score="2"],.nps-score-btn.selected[data-score="3"],.nps-score-btn.selected[data-score="4"],.nps-score-btn.selected[data-score="5"],.nps-score-btn.selected[data-score="6"]{background:#ef4444!important;border-color:#ef4444!important;color:#fff!important}.nps-score-btn.selected[data-score="7"],.nps-score-btn.selected[data-score="8"]{background:#f59e0b!important;border-color:#f59e0b!important;color:#fff!important}.nps-score-btn.selected[data-score="9"],.nps-score-btn.selected[data-score="10"]{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.nps-comment-section{display:none;margin-top:1rem;border-top:1px solid rgba(255,255,255,.05);padding-top:1rem}.nps-comment-section.active{display:block;animation:fadeIn .3s ease}.nps-comment-label{font-size:.78rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.nps-comment-textarea{width:100%;height:60px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:6px;color:#fff;padding:.5rem;font-size:.8rem;resize:none;margin-bottom:.75rem;outline:none}.nps-comment-textarea:focus{border-color:var(--color-primary)}.nps-submit-btn{width:100%;height:34px;background:var(--color-primary);border:none;border-radius:6px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.nps-submit-btn:hover{background:var(--color-primary-hover)}.social-proof-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:2rem 0 2.75rem}.testimonial-card{background:#1e293bb3;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .2s ease,background .2s ease}.testimonial-card:hover{border-color:#6366f159;background:#1e293bd9}.testimonial-card p{font-style:italic;font-size:.875rem;line-height:1.6;color:#e2e8f0;margin:0;flex:1}.testimonial-card cite{font-size:.78rem;color:var(--color-secondary);font-weight:600;font-style:normal;display:block}@media(max-width:768px){.social-proof-strip{grid-template-columns:1fr}}.header-partner-badges{display:flex;align-items:center;gap:.5rem}.partner-badge-mini{font-size:.75rem;font-weight:600;color:var(--text-main);background:#ffffff0d;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.3rem .6rem;text-decoration:none;transition:all var(--transition-fast)}.partner-badge-mini:hover{background:#6366f126;border-color:#6366f166;box-shadow:0 0 10px #6366f140;transform:translateY(-1px)}.partner-badge-footer{font-size:.8rem;font-weight:600;color:var(--text-main);background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.4rem .8rem;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:all var(--transition-fast)}.partner-badge-footer:hover{background:#06b6d41a;border-color:#06b6d44d;box-shadow:0 0 12px #06b6d433;transform:translateY(-1px)}.calculator-testimonials-container{width:100%}.calculator-testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.onboarding-checklist-card{position:fixed;bottom:2rem;right:2rem;width:360px;background:#0f172ae6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 20px 40px #00000080,0 0 15px #6366f126;z-index:9999;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:1rem}.onboarding-checklist-card.hidden{opacity:0;transform:translateY(20px) scale(.95);pointer-events:none}.onboarding-checklist-header{display:flex;justify-content:space-between;align-items:center}.onboarding-checklist-header h4{font-size:.95rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.onboarding-checklist-progress{display:flex;flex-direction:column;gap:.35rem}.onboarding-checklist-progress-text{font-size:.75rem;color:var(--text-muted);display:flex;justify-content:space-between}.onboarding-checklist-progress-bar{height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.onboarding-checklist-progress-bar .fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);width:0%;transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-checklist-items{display:flex;flex-direction:column;gap:.75rem}.onboarding-checklist-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.82rem;color:var(--text-main);cursor:pointer;transition:color .2s ease,transform .2s ease;padding:.5rem;border-radius:var(--radius-sm);background:#ffffff05;border:1px solid rgba(255,255,255,.03)}.onboarding-checklist-item:hover{color:#fff;background:#ffffff0d;transform:translate(2px)}.onboarding-checklist-item.completed{color:var(--text-muted);text-decoration:line-through;background:#ffffff03;border-color:transparent}.onboarding-checklist-checkbox{font-size:1rem;line-height:1.2}.outlets-grid-row{transition:all var(--transition-fast)}.outlets-grid-row:hover{background:#ffffff0a!important}#portal-login-overlay,#portal-signup-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#08090d!important;z-index:999999!important;justify-content:center!important;align-items:center!important;padding:2rem 1.5rem!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.modifier-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.25rem}.modifier-group-card{background:var(--bg-card, rgba(18, 20, 29, .75));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-md, 10px);padding:1.25rem;display:flex;flex-direction:column;gap:1rem;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;backdrop-filter:blur(12px)}.modifier-group-card:hover{border-color:#6366f166;box-shadow:0 8px 24px #00000059}.modifier-group-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.modifier-group-title{margin:0;font-size:1.05rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.4rem}.modifier-group-badge{font-size:.7rem;padding:2px 7px;border-radius:6px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.modifier-group-badge.required{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.modifier-group-badge.optional{background:#6366f126;color:#818cf8;border:1px solid rgba(99,102,241,.3)}.modifier-options-table{display:flex;flex-direction:column;gap:.45rem}.modifier-option-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:6px;gap:.5rem}.modifier-option-row.out-of-stock{opacity:.65;background:#ef44440a;border-color:#ef44442e}.modifier-option-row .opt-name{font-size:.85rem;font-weight:500;color:#f1f5f9;flex:1;word-break:break-word}.modifier-option-row .opt-price-box{display:flex;align-items:center;gap:.25rem}.modifier-option-row .opt-price-input{width:72px;height:28px;padding:.2rem .4rem;font-size:.8rem;text-align:right;border-radius:4px;border:1px solid var(--border-color);background:#0000004d;color:#fff}.modifier-option-row .opt-stock-toggle{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.72rem;color:var(--text-muted)}.modifier-items-tag-list{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.35rem}.modifier-item-chip{font-size:.7rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);padding:2px 7px;border-radius:4px;color:#94a3b8}.view-switch-btn{transition:all var(--transition-fast)}.view-switch-btn.active{background:var(--color-primary, #6366f1)!important;color:#fff!important;border-color:var(--color-primary, #6366f1)!important}.hero-announcement-badge{display:inline-flex;align-items:center;gap:.65rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:999px;padding:.35rem .95rem .35rem .45rem;font-size:.82rem;color:#c7d2fe;text-decoration:none;margin-bottom:1.5rem;transition:all .2s ease;width:fit-content;max-width:100%}.hero-announcement-badge:hover{border-color:#6366f180;background:#6366f124;transform:translateY(-1px)}.hero-announcement-badge .badge-pill{background:#6366f147;color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;padding:.2rem .65rem;border-radius:999px}.hero-announcement-badge .badge-text{font-weight:500;color:#e0e7ff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-announcement-badge .badge-arrow{color:#818cf8;font-weight:700;transition:transform .2s ease}.hero-announcement-badge:hover .badge-arrow{transform:translate(2px)}.new-features-showcase{max-width:1200px;margin:4rem auto 2rem;padding:0 1.5rem}.new-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:2rem;margin-top:2.5rem;align-items:stretch}.new-feature-card{background:var(--bg-card, #12141d);border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:var(--radius-lg, 12px);padding:2.25rem 2rem;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;box-shadow:0 15px 35px #00000059;backdrop-filter:blur(14px);transition:border-color .2s ease,box-shadow .2s ease}.new-feature-card:hover{border-color:#6366f159;box-shadow:0 18px 45px #00000073}.new-feature-card-header{display:flex;flex-direction:column;gap:.65rem}.new-feature-card-title{font-size:1.35rem;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:.5rem}.new-feature-card-desc{font-size:.92rem;color:var(--text-muted, #94a3b8);line-height:1.6;margin:0}.new-feature-highlights{display:flex;flex-direction:column;gap:.65rem;padding-left:0;margin:0;list-style:none}.new-feature-highlights li{font-size:.86rem;color:#e2e8f0;line-height:1.5;display:flex;align-items:flex-start;gap:.5rem}.new-feature-highlights li span.bullet-icon{color:var(--color-primary, #6366f1);font-size:.9rem;line-height:1.3}.feature-sim-box{background:#00000061;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md, 8px);padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.feature-sim-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:.65rem}.feature-sim-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#a5b4fc}.sim-item-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:6px;transition:all .2s ease}.sim-item-row.is-86{opacity:.6;background:#ef44440a;border-color:#ef444433}.sim-item-row.is-86 .sim-item-name{text-decoration:line-through;color:#94a3b8}.sim-item-name{font-size:.85rem;font-weight:600;color:#fff;flex:1}.sim-item-inputs{display:flex;align-items:center;gap:.5rem}.sim-price-input{width:68px;height:28px;padding:.2rem .4rem;font-size:.8rem;text-align:right;border-radius:4px;border:1px solid rgba(255,255,255,.15);background:#0d0f14;color:#fff}.sim-stock-btn{font-size:.72rem;font-weight:600;padding:.25rem .65rem;border-radius:4px;cursor:pointer;border:1px solid transparent;transition:all .15s ease;white-space:nowrap}.sim-stock-btn.in-stock{background:#10b98126;border-color:#10b98159;color:#34d399}.sim-stock-btn.in-stock:hover,.sim-stock-btn.is-86{background:#ef444426;border-color:#ef444459;color:#f87171}.sim-stock-btn.is-86:hover{background:#10b98126;border-color:#10b98159;color:#34d399}.sim-sync-log{font-size:.78rem;color:#cbd5e1;background:#ffffff08;border-left:3px solid #6366f1;padding:.5rem .75rem;border-radius:0 4px 4px 0;line-height:1.4;min-height:38px;display:flex;align-items:center}.channel-desc-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.channel-pill-btn{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-muted);padding:.45rem .85rem;border-radius:var(--radius-sm);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s ease}.channel-pill-btn:hover{color:#fff;border-color:#fff3}.channel-pill-btn.active{background:#6366f133;border-color:var(--color-primary);color:#fff;box-shadow:0 0 12px #6366f140}.channel-preview-box{background:#00000073;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;min-height:190px;justify-content:space-between}.channel-badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .55rem;border-radius:4px;width:fit-content}.channel-badge.badge-pos{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3);font-family:monospace}.channel-badge.badge-web{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.channel-badge.badge-agg{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.channel-preview-title{font-size:1.05rem;font-weight:700;color:#fff;margin:0}.channel-preview-desc{font-size:.88rem;color:#e2e8f0;line-height:1.5;margin:0}.channel-preview-meta{border-top:1px dashed rgba(255,255,255,.08);padding-top:.65rem;display:flex;flex-direction:column;gap:.25rem}.channel-meta-item{font-size:.75rem;color:#94a3b8}.channel-meta-item strong{color:#f1f5f9}.preview-modifiers-list{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.6rem;padding-top:.5rem;border-top:1px dashed rgba(255,255,255,.08)}.preview-mod-tag{font-size:.7rem;background:#6366f11a;border:1px solid rgba(99,102,241,.22);color:#a5b4fc;padding:2px 7px;border-radius:4px;font-weight:500}.sim-card-cta{font-size:.88rem;font-weight:600;width:100%;justify-content:center}