:root{--bg-base: hsl(30, 24%, 96%);--bg-surface: hsl(0, 0%, 100%);--bg-surface-elevated: hsl(30, 20%, 92%);--bg-glass: rgba(255, 255, 255, .75);--border-glass: rgba(139, 92, 26, .08);--primary: hsl(24, 85%, 52%);--primary-glow: rgba(244, 98, 30, .15);--primary-hover: hsl(24, 90%, 46%);--accent-online: hsl(142, 60%, 35%);--accent-online-glow: rgba(21, 128, 61, .15);--accent-offline: hsl(12, 75%, 45%);--accent-offline-glow: rgba(194, 65, 12, .15);--accent-yellow: hsl(38, 85%, 45%);--text-primary: hsl(24, 25%, 15%);--text-secondary: hsl(24, 12%, 42%);--text-muted: hsl(24, 8%, 62%);--text-on-primary: #ffffff;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--border-width: 1px;--border-color: rgba(24, 15, 10, .08);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--font-title: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);overflow-x:hidden;max-width:100%;position:relative;line-height:1.6}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font-family:inherit;font-size:inherit;background:none;border:none;color:inherit}button{cursor:pointer}.glowing-orb{position:absolute;border-radius:var(--radius-full);filter:blur(140px);z-index:-1;opacity:.08;pointer-events:none}.orb-1{top:10%;left:15%;width:400px;height:400px;background:var(--primary)}.orb-2{top:40%;right:10%;width:500px;height:500px;background:#be5eed}.orb-3{bottom:15%;left:20%;width:450px;height:450px;background:var(--accent-online)}.text-right{text-align:right}.text-success{color:var(--accent-online)!important}.text-danger{color:var(--accent-offline)!important}.text-warning{color:var(--accent-yellow)!important}.hidden{display:none!important}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;letter-spacing:-.02em}.app-header{position:sticky;top:0;z-index:100;background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:var(--border-width) solid var(--border-color);transition:var(--transition-normal)}.header-container{max-width:1200px;margin:0 auto;padding:.3rem 2rem;display:flex;align-items:center;justify-content:space-between}.brand-logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-title);font-size:1.5rem;font-weight:800}.logo-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),hsl(280,80%,65%));color:#fff;box-shadow:0 0 20px var(--primary-glow)}.logo-text span{color:var(--primary)}.brand-logo-img{height:56px;width:auto;display:block;object-fit:contain}.nav-menu{display:flex;align-items:center;gap:2rem}.nav-link{font-size:.95rem;color:var(--text-secondary);font-weight:500;transition:var(--transition-fast)}.nav-link:hover{color:var(--text-primary)}.header-actions{display:flex;align-items:center}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-surface-elevated);border:var(--border-width) solid var(--border-color);color:var(--text-primary);margin-left:1rem;transition:var(--transition-fast)}.mobile-menu-btn:hover{background:#ffffff1a}.mobile-menu-btn svg{width:20px;height:20px;stroke:currentColor}.mobile-nav-menu{display:none;flex-direction:column;background:#121620f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:var(--border-width) solid var(--border-color);padding:1.5rem;gap:1.25rem;position:absolute;top:100%;left:0;right:0;z-index:99;transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.mobile-nav-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-link{font-family:var(--font-title);font-size:1.1rem;font-weight:600;color:var(--text-secondary);padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:var(--transition-fast)}.mobile-nav-link:hover{color:var(--primary);padding-left:.5rem}.mobile-nav-link.cta-mobile{background:var(--primary);color:var(--text-on-primary);text-align:center;border-radius:var(--radius-sm);border-bottom:none;margin-top:.5rem;padding:.75rem}.mobile-nav-link.cta-mobile:hover{background:var(--primary-hover);padding-left:0}.cta-button{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:600;border-radius:var(--radius-md);transition:var(--transition-normal);padding:.6rem 1.2rem;font-size:.95rem}.primary-cta{background:var(--primary);color:var(--text-on-primary);box-shadow:0 4px 14px var(--primary-glow)}.primary-cta:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px var(--primary-glow)}.primary-cta-lg{padding:1rem 2rem;font-size:1.1rem;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),hsl(280,80%,65%));box-shadow:0 8px 30px var(--primary-glow);color:var(--text-on-primary)}.primary-cta-lg:hover{transform:translateY(-2px);box-shadow:0 12px 40px var(--primary-glow)}.secondary-cta-lg{padding:1rem 2rem;font-size:1.1rem;border-radius:var(--radius-md);background:var(--bg-surface);border:var(--border-width) solid var(--border-color);color:var(--text-primary)}.secondary-cta-lg:hover{background:var(--bg-surface-elevated);transform:translateY(-2px);border-color:#fff3}.hero-section{padding:6rem 2rem 4rem;max-width:1200px;margin:0 auto}.hero-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4rem}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.badge-container{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;background:#ffffff0a;border:var(--border-width) solid var(--border-color);border-radius:var(--radius-full);align-self:flex-start}.badge-text{font-size:.85rem;font-weight:500;letter-spacing:.02em;color:var(--text-secondary)}.pulse-badge{width:8px;height:8px;border-radius:var(--radius-full);display:inline-block}.pulse-badge.online{background-color:var(--accent-online);box-shadow:0 0 0 0 var(--accent-online-glow);animation:pulse-green 2s infinite}@keyframes pulse-green{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 6px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.hero-title{font-size:3.5rem;line-height:1.15}.hero-title span{background:linear-gradient(135deg,var(--primary),hsl(310,80%,65%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:1.15rem;color:var(--text-secondary);font-weight:400}.hero-actions{display:flex;align-items:center;gap:1rem;margin-top:1rem}.hero-mockup{position:relative;width:100%}.device-frame{background:#1e1e1e;border:8px solid #2e2e2e;border-radius:var(--radius-md);box-shadow:0 25px 50px -12px #00000080;overflow:hidden}.device-frame.desktop{width:100%}.device-header{height:28px;background:#2e2e2e;display:flex;align-items:center;padding:0 10px;gap:6px}.device-header .dot{width:8px;height:8px;border-radius:var(--radius-full)}.device-header .dot.red{background-color:#ff5f56}.device-header .dot.yellow{background-color:#ffbd2e}.device-header .dot.green{background-color:#27c93f}.window-title{font-size:.75rem;color:#8e8e8e;margin-left:10px;font-family:var(--font-body)}.device-content{aspect-ratio:16/10;background:var(--bg-base)}.mockup-pos-preview{display:grid;grid-template-columns:40px 1fr 180px;height:100%;font-family:var(--font-body);font-size:.75rem}.sidebar-mini{background:var(--bg-surface);border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:10px 0;gap:15px}.sidebar-mini div{width:20px;height:20px;border-radius:var(--radius-sm);background:#ffffff0d}.sidebar-mini .active-icon{background:var(--primary)}.pos-main{padding:12px;display:flex;flex-direction:column;gap:12px}.pos-top{display:flex;justify-content:space-between;align-items:center}.mock-search{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-muted);width:140px}.mock-badge{background:#22c55e1a;color:var(--accent-online);padding:2px 6px;border-radius:var(--radius-full);font-weight:600;font-size:.65rem}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:1}.mock-card{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:500;color:var(--text-primary)}.mock-card.font-muted{color:var(--text-muted);opacity:.5}.pos-sidebar-right{background:var(--bg-surface);border-left:var(--border-width) solid var(--border-color);padding:12px;display:flex;flex-direction:column;justify-content:space-between}.cart-title{font-weight:600;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:6px;margin-bottom:8px}.cart-item-preview{display:flex;justify-content:space-between;margin-bottom:auto}.cart-footer-preview{display:flex;justify-content:space-between;font-weight:600;border-top:var(--border-width) solid var(--border-color);padding-top:6px}.offline-feature-section{padding:2rem 2rem 5rem}.section-container{max-width:1200px;margin:0 auto}.offline-card{background:linear-gradient(135deg,var(--bg-surface),var(--bg-surface-elevated));border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;display:flex;align-items:center;gap:2.5rem;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000004d}.offline-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--primary),transparent)}.offline-card-icon{background:#8b5cf61a;color:var(--primary);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:center;justify-content:center}.offline-card-content h2{font-size:1.8rem;margin-bottom:.75rem}.offline-card-content p{color:var(--text-secondary);font-size:1.05rem}.simulator-section{max-width:1200px;margin:0 auto;padding:5rem 2rem;border-top:var(--border-width) solid var(--border-color)}.section-header{text-align:center;margin-bottom:3.5rem}.section-header h2{font-size:2.4rem;margin-bottom:.75rem}.section-header p{color:var(--text-secondary);max-width:700px;margin:0 auto;font-size:1.1rem}.simulator-controls{display:flex;align-items:center;justify-content:center;gap:2rem;margin-top:2rem;padding:1rem;background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);align-self:center;max-width:fit-content;margin-left:auto;margin-right:auto}.connection-status-panel{display:flex;align-items:center;gap:.5rem}.status-label{font-size:.9rem;font-weight:600;color:var(--text-secondary)}.status-badge-container{display:inline-block}.status-badge{font-size:.75rem;font-weight:700;padding:.35rem .75rem;border-radius:var(--radius-full);letter-spacing:.05em;transition:var(--transition-normal)}.status-badge.online{background-color:#22c55e26;color:var(--accent-online);border:var(--border-width) solid hsla(145,80%,45%,.3)}.status-badge.offline{background-color:#ef444426;color:var(--accent-offline);border:var(--border-width) solid hsla(15,85%,55%,.3)}.toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:.85rem;transition:var(--transition-normal);border:var(--border-width) solid transparent}.disconnect-btn{background:#ef44441a;color:var(--accent-offline);border-color:#ee5b2b33}.disconnect-btn:hover{background:#ef444433}.connect-btn{background:#22c55e1a;color:var(--accent-online);border-color:#17cf6333}.connect-btn:hover{background:#22c55e33}.simulator-container{display:grid;grid-template-columns:440px 1fr;gap:1.5rem;align-items:stretch}.pos-simulation-box{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 15px 35px #0006}.pos-window-header{background:var(--bg-surface-elevated);height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border-bottom:var(--border-width) solid var(--border-color)}.pos-window-dots{display:flex;gap:6px}.dot-pos{width:10px;height:10px;border-radius:var(--radius-full)}.dot-pos.r{background-color:#ff5f56}.dot-pos.y{background-color:#ffbd2e}.dot-pos.g{background-color:#27c93f}.pos-window-title{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.pos-window-connection-indicator{display:flex;align-items:center;gap:.4rem}.indicator-dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:var(--accent-offline)}.indicator-dot.active{background-color:var(--accent-online);box-shadow:0 0 6px var(--accent-online)}.indicator-text{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.pos-window-body{padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.pos-categories-tabs{display:flex;gap:.5rem;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.75rem}.pos-tab{padding:.4rem .8rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast)}.pos-tab.active{background:var(--primary);color:var(--text-on-primary)}.pos-tab:hover:not(.active):not([disabled]){background:var(--bg-surface-elevated);color:var(--text-primary)}.pos-tab[disabled]{opacity:.4;cursor:not-allowed}.pos-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.pos-product-card{background:var(--bg-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;gap:.5rem;transition:var(--transition-normal);position:relative}.pos-product-card:not(.disabled){cursor:pointer}.pos-product-card:not(.disabled):hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 10px 20px var(--primary-glow)}.product-img-wrapper{aspect-ratio:1;background:var(--bg-surface-elevated);border-radius:var(--radius-sm);overflow:hidden;position:relative}.product-img{width:100%;height:100%;object-fit:cover}.product-placeholder-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;background:#20293c;color:var(--text-muted)}.product-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#7c3aedd9;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;opacity:0;transition:var(--transition-fast)}.pos-product-card:hover .product-hover-overlay{opacity:1}.pos-product-card.disabled{opacity:.5;cursor:not-allowed}.product-info{display:flex;flex-direction:column;gap:2px}.product-name{font-size:.85rem;font-weight:600}.product-base-price{font-size:.8rem;color:var(--primary);font-weight:700}.pos-cart-panel{border-top:var(--border-width) solid var(--border-color);padding-top:1.25rem;display:flex;flex-direction:column;gap:1rem}.pos-customer-selection{display:flex;flex-direction:column;gap:.4rem}.pos-customer-selection label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.form-select{width:100%;background:var(--bg-base);border:var(--border-width) solid var(--border-color);padding:.6rem;border-radius:var(--radius-sm);color:var(--text-primary);outline:none;font-size:.85rem;transition:var(--transition-fast)}.form-select:focus{border-color:var(--primary)}.pos-cart-content{background:var(--bg-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:1rem;display:flex;flex-direction:column;gap:1rem}.pos-cart-content h3{font-size:.9rem;font-weight:700;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.4rem}.cart-items-wrapper{min-height:80px}.cart-items-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.cart-empty-message{font-size:.8rem;color:var(--text-secondary);text-align:center;padding:1rem 0;line-height:1.5}.cart-item-row{display:flex;justify-content:space-between;font-size:.85rem;animation:slide-down .2s ease-out}.cart-item-details{display:flex;flex-direction:column;gap:2px}.cart-item-name{font-weight:600}.cart-item-mods{font-size:.75rem;color:var(--text-secondary)}.cart-item-price{font-weight:700}@keyframes slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cart-totals{border-top:var(--border-width) dashed var(--border-color);padding-top:.75rem;display:flex;flex-direction:column;gap:.4rem;font-size:.85rem}.total-row{display:flex;justify-content:space-between;color:var(--text-secondary)}.total-row.grand-total{font-size:1.05rem;font-weight:800;color:var(--text-primary);border-top:var(--border-width) solid var(--border-color);padding-top:.5rem;margin-top:.2rem}.place-order-btn{background:var(--primary);color:var(--text-on-primary);font-family:var(--font-title);font-weight:700;font-size:.95rem;padding:.8rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;box-shadow:0 4px 12px var(--primary-glow);transition:var(--transition-normal)}.place-order-btn:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 6px 16px var(--primary-glow)}.place-order-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.reports-simulation-box{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 15px 35px #0006;display:flex;flex-direction:column;padding:1rem}.reports-grid-header{margin-bottom:1rem;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.75rem}.reports-grid-header h3{font-size:1.15rem;margin-bottom:.25rem}.reports-grid-header p{font-size:.75rem;color:var(--text-secondary)}.reports-grid-container{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;flex:1}@media (max-width: 768px){.reports-grid-container{grid-template-columns:1fr}}.full-width-card{grid-column:span 2}@media (max-width: 768px){.full-width-card{grid-column:span 1}}.card-item-body.horizontal-flex-body{display:flex;flex-direction:row;gap:1.5rem;align-items:center}.payment-summary-card{background:var(--bg-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:.8rem 1.2rem;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;width:100%}.summary-group{display:flex;flex-direction:column;gap:2px}.payment-summary-card .stat-lbl{font-size:.58rem;color:var(--text-muted);text-transform:uppercase;font-weight:600;letter-spacing:.03em}.payment-summary-card .ciro-val{font-size:1.25rem;font-weight:800;color:var(--accent-online);line-height:1.2;margin-bottom:2px}.payment-summary-card .orders-val{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.payment-report-container{width:100%;display:flex;align-items:center}.step-indicator{position:absolute;background:var(--primary);color:var(--text-primary);font-size:.7rem;font-weight:700;padding:5px 9px;border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--primary-glow);white-space:nowrap;z-index:15;pointer-events:none;animation:bounce-y-hint 1.2s infinite alternate ease-in-out}.pos-product-card .step-indicator{top:-12px}.step-indicator.centered{left:50%;transform:translate(-50%);animation:bounce-y-hint-centered 1.2s infinite alternate ease-in-out}.step-indicator:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--primary) transparent;display:block;width:0}.step-indicator.centered:after{bottom:-4px;left:50%}.step-indicator.success{background:var(--accent-online);box-shadow:0 4px 10px var(--accent-online-glow);color:var(--bg-base)}.step-indicator.success:after{border-color:var(--accent-online) transparent}@keyframes bounce-y-hint{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@keyframes bounce-y-hint-centered{0%{transform:translate(-50%) translateY(0)}to{transform:translate(-50%) translateY(-5px)}}.report-card-item{background:var(--bg-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.card-item-header{display:flex;align-items:center;gap:.4rem;border-bottom:var(--border-width) dashed var(--border-color);padding-bottom:.4rem;font-size:.85rem;font-weight:700}.card-item-icon{font-size:1rem}.card-item-body{flex:1;display:flex;flex-direction:column;justify-content:space-between;font-size:.75rem}.recipe-items-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.recipe-item{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;padding:.1rem 0;transition:var(--transition-fast)}.ingredient-qty{font-weight:700;color:var(--text-primary);margin-left:auto;margin-right:1rem}.consumption-status{font-size:.7rem;font-weight:600;color:var(--text-muted)}.recipe-title{display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.35rem;margin-bottom:.4rem;font-size:.75rem}.recipe-variant{font-size:.7rem;background:var(--bg-surface-elevated);padding:1px 6px;border-radius:var(--radius-full);color:var(--text-secondary)}.consumption-live-alert{background:#8b5cf60d;border:var(--border-width) solid rgba(139,92,246,.15);padding:.75rem;border-radius:var(--radius-sm);display:flex;gap:.5rem;font-size:.75rem;color:var(--text-secondary);line-height:1.4}.stock-levels-list{display:flex;flex-direction:column;gap:.6rem}.stock-item-row{display:grid;grid-template-columns:110px 1fr 65px;align-items:center;gap:.5rem}.stock-info-main{display:flex;flex-direction:column;gap:2px}.stock-name{font-size:.85rem;font-weight:600}.stock-unit-total{font-size:.75rem;color:var(--text-secondary)}.stock-progress-bar-container{background:var(--bg-base);height:8px;border-radius:var(--radius-full);overflow:hidden}.stock-progress-bar{background:linear-gradient(90deg,var(--primary),hsl(280,80%,65%));height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.stock-change-badge{font-size:.75rem;font-weight:700;text-align:right;transition:var(--transition-fast)}.flash-red{animation:flash-red-anim .5s ease-out}@keyframes flash-red-anim{0%{color:var(--text-primary)}50%{color:var(--accent-offline);font-size:.85rem}to{color:var(--text-primary)}}.flash-green-bg{animation:flash-green-bg-anim .8s ease-out}@keyframes flash-green-bg-anim{0%{background-color:transparent}30%{background-color:#22c55e33}to{background-color:transparent}}.report-badge-info{font-size:.75rem;color:var(--text-muted);border-top:var(--border-width) solid var(--border-color);padding-top:.75rem;margin-top:.5rem}.customer-profile-card{background:var(--bg-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:.4rem;display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:.4rem;margin-bottom:.5rem}.customer-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--primary),hsl(280,80%,65%));display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-weight:700;font-size:.75rem}.customer-summary h4{font-size:.75rem}.customer-summary p{font-size:.65rem;color:var(--text-secondary)}.customer-stats{display:flex;gap:1rem}.stat-box{display:flex;flex-direction:column;align-items:flex-end}.stat-lbl{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.stat-val{font-size:.75rem;font-weight:700;transition:var(--transition-fast)}.ledger-table-container{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-base);overflow:hidden;max-height:100px;overflow-y:auto}.ledger-table{width:100%;border-collapse:collapse;font-size:.65rem}.ledger-table th,.ledger-table td{padding:.2rem .4rem;text-align:left}.ledger-table th{background:#19202e;color:var(--text-secondary);font-weight:600}.ledger-table td{border-bottom:var(--border-width) solid var(--border-color)}.ledger-table tr:last-child td{border-bottom:none}.sync-engine-card{display:flex;flex-direction:column;gap:.5rem}.sync-status-indicator{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.sync-status-lbl{font-weight:600;color:var(--text-secondary)}.outbox-terminal{border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface-elevated)}.terminal-header{background:#180f0a0d;padding:.3rem .6rem;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width) solid var(--border-color);font-size:.7rem;color:var(--text-secondary)}.clear-terminal-btn{font-size:.65rem;color:var(--text-muted);transition:var(--transition-fast)}.clear-terminal-btn:hover{color:var(--text-primary)}.terminal-body{padding:.4rem .6rem;height:44px;overflow:hidden;font-family:monospace;font-size:.7rem;display:flex;flex-direction:column;justify-content:center;gap:.25rem}.log-line{line-height:1.4;word-break:break-all}.log-line.system{color:#5c738a}.log-line.success{color:var(--accent-online)}.log-line.error{color:var(--accent-offline)}.log-line.warning{color:var(--accent-yellow)}.log-line.info{color:#818c98}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;transition:opacity .3s ease}.modal-container{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 60px #0009;animation:modal-enter .3s cubic-bezier(.16,1,.3,1)}@keyframes modal-enter{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.25rem 1.5rem;border-bottom:var(--border-width) solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:1.3rem}.close-btn{font-size:1.8rem;color:var(--text-secondary);line-height:1;transition:var(--transition-fast)}.close-btn:hover{color:var(--text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.modal-product-intro{display:flex;gap:1rem;align-items:center}.modal-product-img{width:60px;height:60px;border-radius:var(--radius-md);object-fit:cover;background:var(--bg-surface-elevated)}.modal-product-intro h3{font-size:1.1rem;margin-bottom:2px}.modal-product-intro p{font-size:.8rem;color:var(--text-secondary)}.modal-section{display:flex;flex-direction:column;gap:.75rem}.modal-section h4{font-size:.9rem;font-weight:700;display:flex;justify-content:space-between;align-items:center}.required-flag{font-size:.7rem;color:var(--accent-yellow);font-weight:500}.variant-options-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.option-card{border:var(--border-width) solid var(--border-color);background:var(--bg-base);border-radius:var(--radius-md);padding:.75rem .5rem;text-align:center;cursor:pointer;transition:var(--transition-fast);display:flex;flex-direction:column}.option-card input{display:none}.option-card:hover{border-color:#fff3}.option-card.active{border-color:var(--primary);background:#8b5cf60d}.option-title{font-size:.8rem;font-weight:600;display:block;margin-bottom:2px}.option-price{font-size:.75rem;color:var(--primary);font-weight:700}.modifier-options-grid{display:flex;flex-direction:column;gap:.6rem}.option-item-row{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:var(--radius-sm);background:var(--bg-base);border:var(--border-width) solid var(--border-color);cursor:pointer;transition:var(--transition-fast);font-size:.85rem}.option-item-row:hover{background:var(--bg-surface-elevated)}.option-item-row input{display:none}.custom-radio,.custom-checkbox{width:18px;height:18px;border:1.5px solid var(--text-muted);display:inline-block;position:relative;transition:var(--transition-fast)}.custom-radio{border-radius:var(--radius-full)}.custom-checkbox{border-radius:4px}.option-item-row input:checked~.custom-radio{border-color:var(--primary)}.option-item-row input:checked~.custom-radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background-color:var(--primary);border-radius:var(--radius-full)}.option-item-row input:checked~.custom-checkbox{border-color:var(--primary);background-color:var(--primary)}.option-item-row input:checked~.custom-checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);color:var(--text-primary);font-size:.65rem;font-weight:900}.item-price-adjust{margin-left:auto;font-weight:700;color:var(--text-secondary)}.modal-footer{padding:1.25rem 1.5rem;border-top:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;background:#171e2b}.modal-footer-price{display:flex;flex-direction:column}.modal-footer-price span{font-size:.75rem;color:var(--text-secondary)}.modal-footer-price strong{font-size:1.2rem;color:var(--primary)}.modal-add-btn{background:var(--primary);color:var(--text-primary);font-family:var(--font-title);font-weight:700;font-size:.95rem;padding:.65rem 1.5rem;border-radius:var(--radius-sm);box-shadow:0 4px 12px var(--primary-glow);transition:var(--transition-normal)}.modal-add-btn:hover{background:var(--primary-hover);box-shadow:0 6px 16px var(--primary-glow)}.kitchen-screens-section{padding:5rem 2rem;background:linear-gradient(180deg,var(--bg-base),hsl(222,47%,9%));border-top:var(--border-width) solid var(--border-color)}.kitchen-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1200px;margin:2.5rem auto 0}.kitchen-screen-mockup{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;height:380px;display:flex;flex-direction:column;box-shadow:0 20px 40px #0000004d}.screen-title{background:#19202e;padding:.75rem 1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:var(--border-width) solid var(--border-color)}.screen-indicator{width:10px;height:10px;border-radius:var(--radius-full)}.screen-indicator.bar{background-color:var(--primary)}.screen-indicator.kitchen{background-color:var(--accent-yellow)}.screen-title h4{font-size:.9rem;font-weight:700;margin-right:auto;color:#fff}.screen-online-badge{font-size:.65rem;font-weight:700;color:var(--accent-online);background:#22c55e1a;padding:2px 8px;border-radius:var(--radius-full)}.screen-body{padding:1.25rem;overflow-y:auto;display:flex;flex-wrap:wrap;gap:1rem;align-content:flex-start;flex:1}.kitchen-order-card{background:var(--bg-base);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:.85rem;width:calc(50% - .5rem);min-width:180px;display:flex;flex-direction:column;gap:.6rem;height:fit-content;animation:bounce-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes bounce-in{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1);opacity:1}}.kitchen-order-card.completed-demo{opacity:.4;border-color:transparent}.kitchen-card-header{display:flex;justify-content:space-between;font-size:.75rem;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.4rem}.time-elapsed{color:var(--text-secondary)}.kitchen-card-body{font-size:.8rem;font-weight:600}.kitchen-items-list{list-style:none;display:flex;flex-direction:column;gap:.25rem}.kitchen-items-list span.note{color:var(--accent-yellow);font-size:.7rem;display:block}.kitchen-card-actions{border-top:var(--border-width) solid var(--border-color);padding-top:.5rem;margin-top:.2rem}.kitchen-done-btn{background:var(--accent-online);color:var(--bg-base);font-size:.7rem;font-weight:700;padding:.4rem;border-radius:4px;width:100%;text-align:center;transition:var(--transition-fast)}.kitchen-done-btn:hover{background:#14b858}.screen-body .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;height:100%;padding:3rem 1.5rem;border:none}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.screen-body .empty-state p{font-size:.85rem;font-weight:600;margin-bottom:.25rem}.screen-body .empty-state small{font-size:.75rem;color:var(--text-secondary)}.features-section{padding:5rem 2rem;border-top:var(--border-width) solid var(--border-color)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:3rem auto 0}.feature-card{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1rem;transition:var(--transition-normal)}.feature-card:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 15px 30px #0000004d}.feature-icon{width:44px;height:44px;border-radius:var(--radius-sm);background:#8b5cf61a;color:var(--primary);display:flex;align-items:center;justify-content:center}.feature-card h3{font-size:1.15rem}.feature-card p{font-size:.85rem;color:var(--text-secondary);line-height:1.5}.integrations-section{padding:5rem 2rem;border-top:var(--border-width) solid var(--border-color);background:var(--bg-base)}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:3rem auto 0}.integration-item{text-align:center;background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:.85rem;transition:var(--transition-normal)}.integration-item:hover{transform:translateY(-3px);border-color:var(--primary)}.integration-img-mock{font-size:2.2rem;margin-bottom:.25rem}.integration-item h4{font-size:1.05rem}.integration-item p{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.app-footer{background:var(--bg-surface-elevated);border-top:var(--border-width) solid var(--border-color);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;gap:4rem;padding-bottom:3rem;border-bottom:var(--border-width) solid var(--border-color)}.footer-brand{max-width:320px;display:flex;flex-direction:column;gap:.75rem}.footer-brand .logo-text{font-size:1.8rem;font-family:var(--font-title);font-weight:800}.footer-brand p{font-size:.85rem;color:var(--text-secondary)}.footer-links{display:flex;gap:2.5rem}.footer-links a{font-size:.85rem;color:var(--text-secondary);transition:var(--transition-fast)}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{max-width:1200px;margin:1.5rem auto 0;display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.pos-computer-terminal{background:#121620;border:10px solid #232a3b;border-radius:16px;box-shadow:0 30px 60px #0009;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;display:flex;flex-direction:column}.monitor-bezel-bottom{height:22px;background:#232a3b;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:flex-end;align-items:center;padding:0 15px}.power-indicator{width:6px;height:6px;border-radius:var(--radius-full);background:var(--accent-online);box-shadow:0 0 6px var(--accent-online)}.monitor-stand-neck{width:50px;height:60px;background:#181d29;margin:0 auto;border-bottom:2px solid #232a3b;box-shadow:inset 0 20px 20px #00000080}.monitor-stand-base{width:200px;height:12px;background:#232a3b;margin:0 auto;border-radius:6px 6px 0 0;box-shadow:0 10px 20px #0006}.monitor-screen{flex:1;background:var(--bg-base);display:flex;flex-direction:column}.monitor-screen .screen-header{height:40px;background:var(--bg-surface);border-bottom:var(--border-width) solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.monitor-screen .logo{font-family:var(--font-title);font-weight:800;font-size:1.05rem}.monitor-screen .logo span{color:var(--primary)}.floor-tabs{display:flex;gap:.4rem}.floor-tabs span{padding:.25rem .65rem;font-size:.7rem;font-weight:600;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.floor-tabs span.active{background:var(--primary);color:var(--text-on-primary)}.floor-tabs span:hover:not(.active){color:var(--text-primary);background:var(--bg-surface-elevated)}.terminal-status{font-size:.65rem;color:var(--text-muted)}.monitor-screen .screen-content{flex:1;display:grid;grid-template-columns:1fr 180px;overflow:hidden}.table-floor-plan{padding:1rem;display:flex;align-items:center;justify-content:center;background:#f3efe6}.table-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem;width:100%;max-width:280px}.mock-table{aspect-ratio:1.25;border-radius:var(--radius-md);border:var(--border-width) solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:var(--transition-fast)}.mock-table .table-no{font-weight:700;font-size:.75rem}.mock-table .table-price{font-size:.65rem;opacity:.85}.mock-table.empty{background:#22c55e14;border-color:#22c55e26;color:var(--accent-online)}.mock-table.empty:hover{background:#22c55e26}.mock-table.occupied{background:#ef444414;border-color:#ef444426;color:var(--accent-offline)}.mock-table.occupied:hover{background:#ef444426}.mock-table.occupied.selected{background:var(--primary);border-color:var(--primary-hover);color:var(--text-on-primary);box-shadow:0 0 15px var(--primary-glow);transform:scale(1.05)}.table-sidebar{background:var(--bg-surface);border-left:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;padding:.6rem}.sidebar-header{display:flex;justify-content:space-between;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.4rem;font-size:.7rem}.sidebar-body{flex:1;padding:.4rem 0;display:flex;flex-direction:column;gap:.35rem;font-size:.65rem;color:var(--text-secondary)}.sb-item{display:flex;justify-content:space-between}.sidebar-footer{border-top:var(--border-width) dashed var(--border-color);padding-top:.4rem;display:flex;flex-direction:column;gap:.4rem}.sidebar-footer .total-row{display:flex;justify-content:space-between;font-size:.7rem}.actions-row{display:grid;grid-template-columns:1fr 1fr;gap:.3rem}.act-btn{padding:.35rem;font-size:.6rem;font-weight:700;border-radius:var(--radius-sm);text-align:center;cursor:pointer}.act-btn.order{background:var(--bg-surface-elevated);border:var(--border-width) solid var(--border-color)}.act-btn.pay{background:var(--primary);color:var(--text-on-primary)}.general-pos-section{padding:5rem 1.5rem;position:relative;background:radial-gradient(circle at 75% 40%,rgba(124,58,237,.08) 0%,transparent 60%);border-bottom:var(--border-width) solid var(--border-color)}.general-pos-container{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:4rem}@media (max-width: 992px){.general-pos-container{grid-template-columns:1fr;gap:3rem}}.general-pos-content{display:flex;flex-direction:column;gap:1.5rem}.pulse-badge.support{background-color:var(--accent-online);box-shadow:0 0 8px var(--accent-online)}.general-pos-title{font-family:var(--font-title);font-size:2.6rem;font-weight:800;line-height:1.25}.general-pos-title span{background:linear-gradient(135deg,var(--primary),hsl(280,80%,65%));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.general-pos-subtitle{font-size:1.05rem;color:var(--text-secondary);line-height:1.65}.general-pos-actions{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start}.cta-button.trial-btn{background:linear-gradient(135deg,var(--primary) 0%,hsl(270,80%,55%) 100%);color:var(--text-on-primary);font-family:var(--font-title);font-weight:700;box-shadow:0 8px 24px var(--primary-glow);padding:1rem 2.2rem;border-radius:var(--radius-md);font-size:1.1rem;transition:var(--transition-normal);border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;justify-content:center}.cta-button.trial-btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px var(--primary-glow);border-color:#fff3}.support-phone-hint{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-secondary);background:var(--bg-surface-elevated);padding:.5rem 1rem;border-radius:var(--radius-full);border:var(--border-width) solid var(--border-color);font-weight:500}.support-phone-hint svg{color:var(--accent-online)}.tablet-mockup-wrapper{display:flex;justify-content:center;align-items:center}.tablet-device{width:100%;max-width:580px;aspect-ratio:4 / 3;background:#181c25;border:12px solid #0c0f16;border-radius:28px;position:relative;box-shadow:0 30px 60px #0009,inset 0 0 0 1px #ffffff26;padding:2px;overflow:hidden}.tablet-device:before{content:"";position:absolute;top:-12px;left:50%;transform:translate(-50%);width:60px;height:4px;background:#252a34;border-radius:0 0 4px 4px;z-index:10}.tablet-screen{width:100%;height:100%;background:var(--bg-base);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}.tablet-header{background:var(--bg-surface-elevated);padding:.6rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:var(--border-width) solid var(--border-color);font-size:.8rem}.tablet-logo{font-weight:700;font-family:var(--font-title);color:var(--text-primary)}.tablet-logo span{color:var(--primary)}.tablet-table-num{background:var(--bg-surface-elevated);padding:.2rem .6rem;border-radius:var(--radius-sm);font-size:.75rem;color:var(--accent-yellow);font-weight:600}.support-pill{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:var(--accent-online);padding:.15rem .5rem;border-radius:var(--radius-full);font-size:.7rem;font-weight:600}.tablet-content{flex:1;display:grid;grid-template-columns:1.15fr 1fr;overflow:hidden}@media (max-width: 480px){.tablet-content{grid-template-columns:1fr}.tablet-grid{display:none}}.tablet-billing{background:var(--bg-surface);border-right:var(--border-width) solid var(--border-color);display:flex;flex-direction:column;padding:.75rem}.bill-header{display:flex;justify-content:space-between;font-size:.75rem;border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.4rem;margin-bottom:.4rem;color:var(--text-secondary)}.bill-items{flex:1;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto}.bill-item{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-primary)}.bill-summary{border-top:var(--border-width) dashed var(--border-color);padding-top:.5rem;margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.bill-total{display:flex;justify-content:space-between;font-size:.8rem;font-weight:700;color:var(--text-primary)}.bill-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.35rem}.bill-btn{padding:.45rem;font-size:.65rem;font-weight:700;border-radius:var(--radius-sm);text-align:center;cursor:default;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.bill-btn.cash{background:var(--accent-online);color:#fff}.bill-btn.card{background:var(--primary);color:var(--text-on-primary)}.bill-btn.print{background:var(--bg-surface-elevated);border:var(--border-width) solid var(--border-color);color:var(--text-primary)}.tablet-grid{display:flex;flex-direction:column;padding:.75rem;background:var(--bg-base)}.grid-cat-header{font-size:.75rem;font-weight:700;color:var(--text-secondary);border-bottom:var(--border-width) solid var(--border-color);padding-bottom:.4rem;margin-bottom:.4rem}.tablet-grid-items{display:grid;grid-template-columns:repeat(2,1fr);gap:.4rem;flex:1;overflow-y:auto}.t-grid-item{background:var(--bg-surface);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-sm);padding:.5rem;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:var(--transition-fast)}.t-grid-item:hover{border-color:var(--primary);background:var(--bg-surface-elevated)}.t-grid-item span{font-size:.7rem;font-weight:600;color:var(--text-primary)}.t-grid-item .price{font-size:.65rem;color:var(--primary);font-weight:700;text-align:right;margin-top:.25rem}.tablet-home-indicator{position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:100px;height:4px;background:#3a4255;border-radius:var(--radius-full)}.payment-distribution-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.payment-item-row{display:grid;grid-template-columns:160px 1fr 45px;align-items:center;gap:.75rem;font-size:.75rem}.payment-info-main{display:flex;justify-content:space-between;padding-right:.75rem}.payment-name{font-weight:600;color:var(--text-secondary)}.payment-total-val{font-weight:700;color:var(--text-primary)}.payment-progress-container{background:var(--bg-base);height:6px;border-radius:var(--radius-full);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.payment-progress-bar{height:100%;border-radius:var(--radius-full);transition:width .5s cubic-bezier(.4,0,.2,1)}.payment-progress-bar.card-gradient{background:linear-gradient(90deg,var(--primary),hsl(280,80%,65%))}.payment-progress-bar.cash-gradient{background:linear-gradient(90deg,#17cf63,#17cf91)}.payment-progress-bar.ticket-gradient{background:linear-gradient(90deg,#11b4d4,#1183d4)}.payment-progress-bar.coupon-gradient{background:linear-gradient(90deg,#f29e0d,#f2c40d)}.payment-percentage{text-align:right;font-weight:700;color:var(--text-secondary)}.payment-report-left-group{display:flex;flex-direction:column;gap:1rem;align-items:stretch;flex:1.2}.receipt-report-container{flex:.8;display:flex;justify-content:center;align-items:center;padding-left:1.5rem;border-left:var(--border-width) dashed var(--border-color)}.receipt-report-bill{background:var(--bg-surface-elevated);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);padding:.75rem 1rem;width:100%;max-width:300px;display:flex;flex-direction:column;gap:.5rem}.receipt-report-bill .bill-header{border-bottom:var(--border-width) dashed var(--border-color);padding-bottom:.4rem;font-family:var(--font-title);font-weight:700;display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-primary)}.receipt-report-bill .bill-items{display:flex;flex-direction:column;gap:.4rem}.receipt-report-bill .bill-item{display:flex;justify-content:space-between;font-size:.75rem;align-items:center}.receipt-report-bill .bill-item span{color:var(--text-secondary)}.receipt-report-bill .bill-item strong{color:var(--text-primary)}.receipt-report-bill .bill-summary{border-top:var(--border-width) dashed var(--border-color);padding-top:.4rem}.receipt-report-bill .bill-total{display:flex;justify-content:space-between;font-weight:700;font-family:var(--font-title);font-size:.8rem;color:var(--text-primary)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-actions{justify-content:center}.badge-container{align-self:center}.simulator-container,.kitchen-grid{grid-template-columns:1fr}.features-grid,.integrations-grid{grid-template-columns:repeat(2,1fr)}.hero-title{font-size:2.8rem}}@media (max-width: 768px){.nav-menu{display:none}.mobile-menu-btn,.mobile-nav-menu{display:flex}.header-actions .cta-button.primary-cta{display:none}.header-container{padding:.3rem 1rem}.hero-mockup{display:none}.features-grid,.integrations-grid{grid-template-columns:1fr}.hero-title{font-size:2.2rem}.general-pos-title{font-size:2rem}.pos-product-grid{grid-template-columns:repeat(2,1fr)}.pos-categories-tabs{overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:.25rem}.pos-tab{flex-shrink:0}.card-item-body.horizontal-flex-body{flex-direction:column;align-items:stretch;gap:1rem}.payment-summary-card{flex:1;height:auto;padding:.75rem 1rem}.payment-report-container{flex:1;height:auto}.payment-item-row{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.35rem;align-items:center;padding:.5rem 0;border-bottom:1px dashed var(--border-color)}.payment-info-main{grid-column:span 2;display:flex;justify-content:space-between;padding-right:0;width:100%}.payment-progress-container{grid-column:1;margin-right:.5rem;width:100%}.payment-percentage{grid-column:2;text-align:right}.payment-report-left-group{flex-direction:column;align-items:stretch;flex:1;width:100%;gap:1rem}.receipt-report-container{padding-left:0;border-left:none;border-top:var(--border-width) dashed var(--border-color);padding-top:1.5rem;justify-content:center;width:100%;flex:1}.stock-item-row{display:flex;flex-direction:column;align-items:stretch;gap:.35rem;background:var(--bg-surface-elevated);padding:.6rem .8rem;border-radius:var(--radius-sm);border:var(--border-width) solid var(--border-color)}.stock-info-main{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;width:100%}.stock-progress-bar-container{height:6px;width:100%}.stock-change-badge{text-align:right;font-size:.75rem;width:100%}.offline-card{flex-direction:column;text-align:center;padding:1.5rem;gap:1.5rem}.offline-card-icon{align-self:center}.app-footer{padding:3rem 1rem 1.5rem}.footer-container{flex-direction:column;align-items:center;text-align:center;gap:2rem}.footer-brand{max-width:100%}.footer-links{flex-direction:column;gap:1rem;align-items:center}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:.75rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.general-pos-title{font-size:1.6rem}.hero-actions{flex-direction:column;width:100%;gap:.75rem}.hero-actions .cta-button{width:100%}.general-pos-actions{width:100%;align-items:stretch}.cta-button.trial-btn{width:100%}.tablet-device{aspect-ratio:auto;height:340px;border:6px solid #0c0f16;border-radius:16px;padding:0}.tablet-billing{padding:.5rem}.bill-btn{padding:.35rem .2rem;font-size:.6rem}.tablet-grid{display:none}.tablet-content{grid-template-columns:1fr}.simulator-controls{flex-direction:column;gap:1rem;text-align:center;width:100%;align-items:stretch}.simulator-controls .toggle-btn{justify-content:center}.payment-summary-card{flex-direction:column;align-items:center;text-align:center;gap:1rem}.payment-summary-card .summary-group{align-items:center}.payment-item-row{grid-template-columns:110px 1fr 35px;gap:.25rem;font-size:.7rem}.variant-options-grid{grid-template-columns:1fr;gap:.5rem}.modal-footer{flex-direction:column;align-items:stretch;gap:1rem;text-align:center}.modal-footer-price{align-items:center}.modal-add-btn{width:100%}.kitchen-order-card{width:100%;min-width:0}}.demo-signup-container{max-width:440px!important}.password-notice-card{background:#8b5cf614;border:1px solid rgba(139,92,246,.2);border-radius:var(--radius-sm);padding:.85rem 1rem;display:flex;align-items:center;gap:.75rem}.demo-input-field{width:100%;padding:.85rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;transition:var(--transition-normal);outline:none;box-sizing:border-box}.demo-input-field:focus{border-color:var(--primary);background:#ffffff14;box-shadow:0 0 10px #8b5cf626}.demo-input-field::placeholder{color:var(--text-muted)}.demo-cancel-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);font-family:var(--font-title);font-weight:600;font-size:.9rem;padding:.65rem 1.25rem;border-radius:var(--radius-sm);transition:var(--transition-fast);cursor:pointer}.demo-cancel-btn:hover{background:#ffffff0d;color:var(--text-primary);border-color:#fff3}.demo-modal-error{padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#f58989;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.5rem;line-height:1.4}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:btn-spinner-spin .8s linear infinite;display:inline-block}@keyframes btn-spinner-spin{to{transform:rotate(360deg)}}.devices-section{padding:80px 24px;max-width:1200px;margin:0 auto}.devices-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:36px 28px;margin-top:48px}.device-col{display:flex;flex-direction:column;align-items:center;gap:14px}.device-label{font-family:var(--font-title);font-weight:600;font-size:.95rem;color:var(--text-secondary)}.dev-bezel{background:#15110e;padding:8px;box-shadow:0 18px 40px -18px #180f0a73}.dev-screen{background:var(--bg-base);width:100%;height:100%;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:6px;overflow:hidden}.dev-mini-head{display:flex;align-items:center;justify-content:space-between}.dev-mini-head.sm{font-size:.7rem}.dev-mini-logo{font-family:var(--font-title);font-weight:800;font-size:.8rem;color:var(--text-primary)}.dev-mini-logo span{color:var(--primary)}.dev-mini-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-online);box-shadow:0 0 0 3px var(--accent-online-glow)}.dev-mini-touch{font-size:.6rem;color:var(--primary);font-weight:700}.dev-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:1}.dev-mini-grid.two{grid-template-columns:1fr 1fr;align-content:start}.dev-mini-tile{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:5px;padding:6px 4px;font-size:.6rem;font-weight:600;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;gap:2px}.dev-mini-tile b{color:var(--text-primary);font-size:.62rem}.dev-mini-tile.active{border-color:var(--primary);background:var(--primary-glow)}.dev-mini-list{display:flex;flex-direction:column;gap:4px;flex:1}.dev-mini-row{display:flex;justify-content:space-between;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:5px;padding:5px 7px;font-size:.62rem;color:var(--text-secondary)}.dev-mini-row b{color:var(--text-primary)}.dev-mini-total{display:flex;justify-content:space-between;align-items:center;background:var(--primary);color:#fff;border-radius:5px;padding:6px 8px;font-size:.65rem}.dev-mini-total b{font-size:.75rem}.dev-mini-total.sm{font-size:.58rem}.dev-desktop{display:flex;flex-direction:column;align-items:center}.dev-desktop .dev-bezel{width:230px;height:150px;border-radius:10px}.dev-desktop-stand{width:14px;height:22px;background:#2a211b}.dev-desktop-base{width:90px;height:8px;border-radius:4px;background:#2a211b}.dev-touch{display:flex;flex-direction:column;align-items:center}.dev-touch .dev-bezel{width:250px;height:165px;border-radius:14px;border:2px solid #2a211b}.dev-touch-stand{width:70px;height:26px;background:linear-gradient(180deg,#2a211b,#15110e);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}.dev-tablet{position:relative}.dev-tablet .dev-bezel{width:160px;height:205px;border-radius:18px;position:relative}.dev-tablet .dev-cam{position:absolute;top:12px;left:50%;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#4a3a2e}.dev-phone{position:relative}.dev-phone .dev-bezel{width:104px;height:210px;border-radius:20px}.dev-phone .dev-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:38px;height:12px;border-radius:0 0 8px 8px;background:#15110e;z-index:2}.dev-browser{width:250px;border-radius:10px 10px 8px 8px;overflow:hidden;border:1px solid var(--border-color);box-shadow:0 18px 40px -18px #180f0a66;background:var(--bg-surface)}.dev-browser .dev-screen{height:140px;border-radius:0}.dev-browser-bar{display:flex;align-items:center;gap:5px;background:var(--bg-surface-elevated);padding:7px 10px;border-bottom:1px solid var(--border-color)}.dev-dot{width:9px;height:9px;border-radius:50%}.dev-dot.r{background:#ef5f57}.dev-dot.y{background:#f6be3f}.dev-dot.g{background:#5fce6b}.dev-url{margin-left:8px;flex:1;background:var(--bg-base);border-radius:var(--radius-full);padding:3px 10px;font-size:.62rem;color:var(--text-muted)}.devices-foot{text-align:center;margin-top:44px;font-family:var(--font-title);font-weight:600;color:var(--text-secondary);font-size:.95rem}@media (max-width: 640px){.devices-grid{gap:28px 20px}.dev-desktop .dev-bezel,.dev-touch .dev-bezel,.dev-browser{width:200px}}