:root{--bg-app:#f1f5f9;--bg-card:#ffffffbf;--bg-card-secondary:#f8fafc99;--bg-sidebar:#ffffffbf;--bg-panel:#ffffffbf;--bg-panel-hover:#f1f5f9cc;--bg-input:#f8fafcb3;--bg-modal:#fff;--primary:#1e40af;--primary-hover:#1d4ed8;--primary-light:#1e40af0f;--primary-gradient:linear-gradient(135deg, #60a5fa 0%, #3b82f6 40%, #1e40af 100%);--accent:#1e40af;--accent-hover:#1d4ed8;--accent-light:#1e40af14;--accent-gradient:linear-gradient(135deg, #60a5fa 0%, #3b82f6 40%, #1e40af 100%);--shell-bg:#ffffffbf;--shell-border:#e2e8f0cc;--shell-text:#0f172a;--shell-text-muted:#64748b;--shell-active:#1e40af;--border-color:#e2e8f0cc;--border-color-hover:#cbd5e1e6;--text-main:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--color-success:#10b981;--color-success-bg:#10b98114;--color-success-border:#10b98133;--color-pending:#f59e0b;--color-pending-bg:#f59e0b14;--color-pending-border:#f59e0b33;--color-danger:#ef4444;--color-danger-bg:#ef444414;--color-danger-border:#ef444433;--color-info:#3b82f6;--color-info-bg:#3b82f614;--font-sans:"Sarabun", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Fira Mono", "Consolas", "Courier New", monospace;--shadow-xs:0 1px 2px #0f172a0a;--shadow-sm:0 2px 8px #0f172a0d;--shadow-md:0 4px 16px #0f172a14;--shadow-lg:0 12px 32px #0f172a1f;--glass-blur:blur(20px) saturate(190%);--glass-shadow:0 8px 32px 0 #1f26870a, inset 0 1px 0 #fff9;--blob-opacity:.08;--header-height:56px;--nav-height:68px}body.dark-theme{--bg-app:#181a1f;--bg-card:#21252bb8;--bg-card-secondary:#181a1f80;--bg-sidebar:#21252bb8;--bg-panel:#21252bb8;--bg-panel-hover:#2c313acc;--bg-input:#181a1fb3;--bg-modal:#21252b;--primary:#61afef;--primary-hover:#7ec2fc;--primary-light:#61afef26;--primary-gradient:linear-gradient(135deg, #61afef 0%, #3e8ccc 50%, #29689c 100%);--accent:#c678dd;--accent-hover:#d59bf2;--accent-light:#c678dd2e;--accent-gradient:linear-gradient(135deg, #c678dd 0%, #a855f7 50%, #7e22ce 100%);--shell-bg:#21252bb8;--shell-border:#5c637059;--shell-text:#abb2bf;--shell-text-muted:#828997;--shell-active:#61afef;--border-color:#5c637059;--border-color-hover:#abb2bf80;--text-main:#abb2bf;--text-secondary:#828997;--text-muted:#5c6370;--color-success:#98c379;--color-success-bg:#98c3791a;--color-success-border:#98c37940;--color-pending:#d19a66;--color-pending-bg:#d19a661a;--color-pending-border:#d19a6640;--color-danger:#e06c75;--color-danger-bg:#e06c751a;--color-danger-border:#e06c7540;--color-info:#56b6c2;--color-info-bg:#56b6c21a;--glass-shadow:0 8px 32px 0 #0006, inset 0 1px 0 #ffffff14;--blob-opacity:.25}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;padding:0;position:fixed;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}svg.lucide,.lucide{vertical-align:middle;fill:currentColor;fill-opacity:.08;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-block;stroke-width:1.6px!important}svg.lucide[data-lucide=plus],svg.lucide[data-lucide=minus],svg.lucide[data-lucide=plus-circle],svg.lucide[data-lucide=x],svg.lucide[data-lucide=search],svg.lucide[data-lucide=trash-2],svg.lucide[data-lucide=chevron-right],svg.lucide[data-lucide=chevron-left],svg.lucide[data-lucide=menu]{fill:none!important}.bottom-nav-btn:hover svg.lucide{fill-opacity:.18;transform:translateY(-2px)}.bottom-nav-btn.active svg.lucide{fill-opacity:.22;filter:drop-shadow(0 0 3px #3b82f666)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.app-container{overscroll-behavior:none;flex-direction:column;display:flex;position:relative;overflow:hidden;height:100%!important}.bg-glow-blob{filter:blur(120px);pointer-events:none;width:450px;height:450px;opacity:var(--blob-opacity,.08);z-index:0;border-radius:50%;position:absolute}.bg-glow-blob.top-right{background:radial-gradient(circle,#3b82f6a6 0%,#6366f100 75%);animation:25s ease-in-out infinite float-blob;top:-150px;right:-150px}.bg-glow-blob.bottom-left{background:radial-gradient(circle,#10b981a6 0%,#3b82f600 75%);animation:22s ease-in-out infinite float-blob-reverse;bottom:-150px;left:-150px}@keyframes float-blob{0%,to{transform:translate(0)scale(1)}50%{transform:translate(60px,-60px)scale(1.15)}}@keyframes float-blob-reverse{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-50px,50px)scale(1.1)}}.top-header,.bottom-nav,.product-card,.dashboard-widget-card,.dashboard-stat-card,.today-stat-card,.settings-form-card,.stock-table-card,.order-item-card,.modal-content,.drawer-content,.bottom-sheet-drawer{-webkit-backdrop-filter:var(--glass-blur)!important;box-shadow:var(--glass-shadow)!important;border:1px solid var(--border-color)!important;transition:all .25s cubic-bezier(.16,1,.3,1)!important}.top-header{height:var(--header-height);background:var(--shell-bg);border-bottom:1px solid var(--shell-border);z-index:10;justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:relative}.brand-group{align-items:center;gap:.5rem;display:flex}.header-brand{text-transform:uppercase;letter-spacing:1.5px;background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.1rem;font-weight:800}.header-badge{letter-spacing:.3px;background:linear-gradient(135deg,#3b82f6,#1e40af);border-radius:5px;padding:.15rem .45rem;font-size:.56rem;font-weight:800;box-shadow:0 2px 6px #1e40af4d;color:#fff!important;-webkit-text-fill-color:#fff!important}.status-indicator-badge{border:1px solid var(--shell-border);background-color:#0f172a0d;border-radius:20px;align-items:center;gap:.3rem;padding:.22rem .55rem;display:flex}.status-dot{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot.green{background-color:#4ade80;box-shadow:0 0 6px #4ade80}.status-dot.orange{background-color:#fcd34d;box-shadow:0 0 6px #fcd34d}.status-text{color:var(--shell-text-muted);font-size:.65rem;font-weight:600}.main-content{-webkit-overflow-scrolling:touch;z-index:1;flex-grow:1;padding:.6rem .6rem 110px;position:relative;overflow-y:auto}.tab-pane{animation:.25s cubic-bezier(.16,1,.3,1) tabFadeIn;display:none}.tab-pane.active{display:block}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sell-controls-panel{flex-direction:column;gap:.45rem;margin-bottom:.75rem;display:flex}.search-icon{width:14px;height:14px;color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.form-control{border:1px solid var(--border-color);width:100%;height:38px;font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-input);border-radius:8px;outline:none;padding:0 .75rem 0 2.2rem;font-size:.85rem;transition:all .2s}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 2px #3b82f633}.category-filters-row{-webkit-overflow-scrolling:touch;gap:.35rem;padding:.1rem 0;display:flex;overflow-x:auto}.category-filters-row::-webkit-scrollbar{display:none}.btn-category{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);white-space:nowrap;cursor:pointer;box-shadow:var(--shadow-xs);border-radius:20px;padding:.3rem .85rem;font-size:.73rem;font-weight:600;transition:all .2s}.btn-category.active{background:var(--accent-gradient);color:#fff;border-color:#0000;font-weight:700;box-shadow:0 2px 8px #1e40af4d}.products-grid-container{min-height:250px;position:relative}.products-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.product-card{background:var(--bg-card);border:1px solid var(--border-color);cursor:pointer;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:152px;padding:.9rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.product-card:before{content:"";background:var(--accent-gradient);opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.product-card:hover{border-color:#f59e0b66;transform:translateY(-4px);box-shadow:0 12px 20px -8px #f59e0b38,0 4px 12px #00000008}.product-card:hover:before{opacity:1}.product-card:active{transform:scale(.96);box-shadow:0 2px 4px #00000005}.prod-card-top{flex-direction:column;margin-bottom:.65rem;display:flex}.prod-card-sku{color:#7c2d12;text-transform:uppercase;letter-spacing:.8px;background:#ffedd5;border-radius:4px;align-self:flex-start;margin-bottom:.35rem;padding:2px 6px;font-size:.58rem;font-weight:700}.prod-card-title{color:var(--text-main);font-size:.82rem;font-weight:800;line-height:1.35}.prod-card-bottom{justify-content:space-between;align-items:flex-end;display:flex}.prod-card-price-block{flex-direction:column;display:flex}.prod-card-price-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.1rem;font-size:.54rem;font-weight:600}.prod-card-price{color:var(--primary);font-family:Inter,Sarabun,sans-serif;font-size:1.15rem;font-weight:800;line-height:1.1}.prod-card-stock-badge{letter-spacing:.3px;border-radius:6px;padding:.2rem .5rem;font-size:.6rem;font-weight:700}.prod-card-stock-badge.low{color:#ef4444;background-color:#fef2f2;border:1px solid #fee2e2}.prod-card-stock-badge.in-stock{color:#10b981;background-color:#f0fdf4;border:1px solid #dcfce7}.prod-cart-count-badge{background:var(--accent-gradient);color:#fff;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.68rem;font-weight:800;animation:.2s cubic-bezier(.175,.885,.32,1.25) badgePop;display:flex;position:absolute;top:8px;right:8px;box-shadow:0 2px 8px #1e40af66}@keyframes badgePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.sell-empty-state,.table-empty-state,.sales-empty-state,.cart-empty-state{color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.sell-empty-state i,.table-empty-state i,.sales-empty-state i,.cart-empty-state i{stroke-width:1.2px;width:40px;height:40px;color:var(--border-color);margin-bottom:.65rem}.sell-empty-state h3{color:var(--text-secondary);margin-bottom:.2rem;font-size:.9rem;font-weight:600}.sell-empty-state p{max-width:240px;font-size:.75rem;line-height:1.4}.stock-form-card,.stock-table-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);border-radius:14px;margin-bottom:.75rem;padding:1rem}.card-header-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:.85rem;padding-bottom:.5rem;display:flex}.card-title-text{color:var(--text-main);align-items:center;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.card-title-text i{width:16px;height:16px;color:var(--primary)}.stock-form-grid{flex-direction:column;gap:.75rem;display:flex}.form-group{flex-direction:column;height:100%;display:flex}.form-group>:not(label){margin-top:auto}.form-group label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.72rem;font-weight:600}.form-group .form-control{padding-left:.75rem}.form-row-three{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.form-row-two{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.btn{height:38px;font-family:var(--font-sans);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;font-size:.82rem;font-weight:700;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-gradient);color:#fff;letter-spacing:.2px;border:none;box-shadow:0 4px 12px #1e40af4d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e40af66}.btn-accent{background:var(--accent-gradient);color:#fff;border:none;font-weight:700;box-shadow:0 4px 12px #1e40af4d}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 6px 18px #1e40af66}.btn-secondary{background-color:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background-color:var(--bg-panel-hover);border-color:var(--border-color-hover);color:var(--text-main)}.btn-lg{border-radius:10px;height:42px;font-size:.85rem}.btn-sm{border-radius:4px;height:26px;padding:0 .5rem;font-size:.7rem}.w-100{width:100%}.table-header-row{border-bottom:1px solid #0f172a0d;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;padding-bottom:.65rem;display:flex}@media (width<=480px){.table-header-row{flex-direction:column;align-items:stretch}}.table-search-box{flex-shrink:0;width:240px}@media (width<=480px){.table-search-box{width:100%}}.search-input-wrapper{width:100%;position:relative}.search-input-wrapper .search-icon{color:#94a3b8;pointer-events:none;width:13px;height:13px;position:absolute;top:50%;left:.65rem;transform:translateY(-50%)}.search-input-wrapper .search-input-field{border:1px solid var(--border-color);background-color:var(--bg-input);height:32px;color:var(--text-main);box-sizing:border-box;border-radius:8px;width:100%;transition:all .2s;padding-left:1.85rem!important;font-size:.72rem!important}.search-input-wrapper .search-input-field:focus{background-color:var(--bg-card);border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb14}.table-responsive{width:100%;overflow-x:auto}.inventory-table{border-collapse:collapse;width:100%;font-size:.78rem}.inventory-table th{text-transform:uppercase;letter-spacing:.08em;color:var(--shell-text-muted);background:var(--shell-bg);border-bottom:2px solid var(--shell-border);text-align:left;padding:.65rem .5rem;font-size:.65rem;font-weight:800}.inventory-table tr{transition:background-color .15s}.inventory-table tbody tr:nth-child(2n){background-color:var(--bg-card-secondary)}.inventory-table tbody tr:nth-child(odd){background-color:var(--bg-card)}.inventory-table tbody tr:hover{background-color:#2563eb0d!important}.inventory-table td{border-bottom:1px solid var(--border-color);color:var(--text-main);vertical-align:middle;padding:.7rem .5rem}.table-prod-name{letter-spacing:-.01em;font-size:.78rem;font-weight:700;display:block}.table-prod-sku{color:var(--text-muted);font-size:.6rem}.table-stock-indicator{text-align:center;letter-spacing:-.01em;border-radius:99px;min-width:24px;padding:3px 8px;font-family:Inter,sans-serif;font-size:.68rem;font-weight:800;display:inline-block}.table-stock-indicator.normal{color:#059669;background-color:#10b98114;border:1px solid #10b98126}.table-stock-indicator.warning{color:#d97706;background-color:#f59e0b14;border:1px solid #f59e0b26}.table-stock-indicator.danger{color:#dc2626;background-color:#ef444414;border:1px solid #ef444426}.table-action-btns{justify-content:center;gap:.35rem;display:flex}.btn-table-action{border:1px solid var(--border-color);background-color:var(--bg-card);width:24px;height:24px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-table-action.edit:hover{color:#0072ff;background-color:#0072ff14;border-color:#0072ff26}.btn-table-action.delete:hover{color:#ef4444;background-color:#ef444414;border-color:#ef444426}.btn-table-action i{width:12px;height:12px}.btn-table-action.edit:hover{background-color:var(--primary-light);color:var(--primary);border-color:#3b82f64d}.btn-table-action.delete:hover{background-color:var(--color-danger-bg);color:var(--color-danger);border-color:#ef44444d}.sales-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:.4rem;margin-bottom:.75rem;display:grid}.metric-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);text-align:left;border-radius:8px;flex-direction:column;padding:.75rem;display:flex}.metric-card.sienna-glow{border-top:2px solid var(--primary)}.metric-card.profit-glow{border-top:2px solid var(--color-success)}.metric-header-row{justify-content:space-between;align-items:center;width:100%;margin-bottom:.4rem;display:flex}.metric-icon-box{border:1px solid var(--border-color);border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.metric-icon-box i{width:12px!important;height:12px!important}.metric-icon-box.orange{color:var(--color-pending);background-color:#f59e0b14;border-color:#f59e0b26}.metric-icon-box.gray{color:var(--text-secondary);background-color:#ffffff08;border-color:#ffffff14}.metric-icon-box.green{color:var(--color-success);background-color:#10b98114;border-color:#10b98126}.metric-label{color:var(--text-secondary);font-size:.68rem;font-weight:600}.metric-value{color:var(--text-main);font-family:Inter,sans-serif;font-size:1.05rem;font-weight:800;line-height:1.1}.metric-value.profit-color{color:var(--color-success)}.metric-sub-label{color:var(--text-muted);margin-top:.2rem;font-size:.55rem}.sales-history-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;padding:1rem}.orders-list-wrapper{flex-direction:column;gap:.45rem;display:flex}.order-item-card{background:var(--bg-card);border:1px solid var(--border-color);border-left:4px solid var(--primary);box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;gap:.35rem;padding:.75rem;transition:box-shadow .2s;display:flex}.order-item-card:hover{box-shadow:var(--shadow-sm)}.order-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.4rem;display:flex}.order-id{color:var(--text-main);font-size:.7rem;font-weight:700}.order-time{color:var(--text-muted);font-size:.62rem}.order-body{flex-direction:column;gap:.2rem;display:flex}.order-product-row{justify-content:space-between;font-size:.72rem;display:flex}.order-prod-qty-label{color:var(--text-secondary)}.order-prod-price-val{color:var(--text-main);font-family:Inter,sans-serif;font-weight:700}.order-footer{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-top:.4rem;font-size:.72rem;display:flex}.order-revenue-total{color:var(--primary);font-family:Inter,sans-serif;font-weight:800}.order-profit-label{color:var(--color-success);font-weight:700}.ios-section-header{text-transform:uppercase;color:var(--text-main);letter-spacing:.03em;background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:8px;margin:.6rem .25rem .4rem;padding:.75rem .9rem;font-size:.68rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 2px #00000005}.ios-section-header:hover{background:var(--bg-card-secondary);color:var(--text-main);border-color:var(--primary)}.ios-settings-group{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:12px;margin-bottom:1rem;overflow:hidden}.ios-settings-row{border-bottom:1px solid var(--border-color);box-sizing:border-box;justify-content:space-between;align-items:center;min-height:48px;padding:.75rem 1rem;display:flex}.ios-settings-row:last-child{border-bottom:none}.ios-settings-left{color:var(--text-main);align-items:center;gap:10px;font-size:.75rem;font-weight:600;display:flex}.ios-icon-circle{border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ios-settings-right{color:var(--text-muted);align-items:center;gap:8px;font-size:.72rem;display:flex}.ios-inline-input{text-align:right;color:var(--text-main);width:180px;font-size:.75rem;font-family:var(--font-sans);background:0 0;border:none;outline:none;padding:4px 0}.ios-inline-input:focus{border-bottom:1px solid var(--primary)}.ios-chevron{color:var(--text-muted);opacity:.6;width:14px;height:14px}.ios-switch{flex-shrink:0;width:44px;height:24px;display:inline-block;position:relative}.ios-switch input{opacity:0;width:0;height:0}.ios-switch-slider{cursor:pointer;background-color:var(--border-color,#e5e7eb);border-radius:24px;transition:all .2s;position:absolute;inset:0}.ios-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #00000040}.ios-switch input:checked+.ios-switch-slider{background-color:#34c759}.ios-switch input:checked+.ios-switch-slider:before{transform:translate(20px)}.settings-form-card,.dev-utilities-card{background-color:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);border-radius:14px;margin-bottom:.75rem;padding:1.25rem 1rem}.settings-form-grid{flex-direction:column;gap:.8rem;display:flex}.settings-form-grid textarea{background-color:var(--bg-input);border:1px solid var(--border-color);width:100%;color:var(--text-main);font-family:var(--font-sans);resize:vertical;border-radius:8px;outline:none;padding:.6rem;font-size:.8rem;line-height:1.45}.settings-form-grid textarea:focus{border-color:var(--primary)}.tag-helper-row{flex-wrap:wrap;gap:.3rem;display:flex}.btn-tag{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background-color:#ffffff08;border-radius:4px;padding:.18rem .4rem;font-size:.62rem;font-weight:600;transition:all .15s}.btn-tag:hover{background-color:var(--primary-light);color:var(--primary);border-color:#3b82f64d}.dev-desc{color:var(--text-secondary);margin-bottom:.75rem;font-size:.72rem}.dev-button-group{flex-direction:column;gap:.45rem;display:flex}.floating-basket-bar{-webkit-backdrop-filter:blur(12px);border:1px solid var(--primary);z-index:90;background-color:#0f172af2;border-radius:8px;justify-content:space-between;align-items:center;height:52px;padding:0 .85rem;animation:.3s cubic-bezier(.16,1,.3,1) barSlideUp;display:flex;position:absolute;bottom:74px;left:10px;right:10px;box-shadow:0 4px 20px #0006}@keyframes barSlideUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.basket-bar-left{align-items:center;gap:.55rem;display:flex}.basket-icon-wrapper{background-color:var(--primary-light);color:var(--primary);border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:relative}.basket-icon-wrapper i{width:15px;height:15px}.basket-badge-count{background-color:var(--color-danger);color:#fff;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-4px;right:-4px}.basket-totals-info{flex-direction:column;display:flex}.basket-title{color:#fff;font-size:.75rem;font-weight:700}.basket-subtitle{color:var(--primary);font-family:Inter,sans-serif;font-size:.68rem;font-weight:600}.bottom-nav{height:calc(50px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--shell-bg);border-top:1px solid var(--shell-border);z-index:100;box-sizing:border-box;border-bottom:none;border-left:none;border-right:none;border-radius:0;justify-content:space-around;align-items:center;padding:0 .25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0f172a1a}.bottom-nav-btn{color:var(--shell-text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;min-width:0;max-width:54px;height:100%;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.bottom-nav-btn:hover{color:var(--shell-text);background:var(--bg-panel-hover)}.bottom-nav-btn i{stroke-width:2px;width:18px;height:18px}.bottom-nav-btn span{letter-spacing:.2px;white-space:nowrap;font-size:.58rem;font-weight:600}.bottom-nav-btn.active,.bottom-nav-btn.active span{color:var(--accent)}.nav-fab-wrapper{width:52px;height:52px;margin-top:-28px;position:relative}.nav-fab-btn{background:var(--accent-gradient);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:2px;left:2px;box-shadow:0 4px 16px #1e40af59}.nav-fab-btn:hover{transform:scale(1.06);box-shadow:0 6px 20px #1e40af73}.nav-fab-btn i{color:#fff;width:20px;height:20px}.nav-fab-btn:active{transform:scale(.92)}.drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:120;background-color:#000000a6;flex-direction:column;justify-content:flex-end;display:none;position:fixed;inset:0}.drawer-overlay.open{display:flex}.drawer-content{background-color:var(--bg-card);border-top:1px solid var(--shell-border);border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;width:100%;max-width:480px;max-height:80%;margin:0 auto;animation:.25s cubic-bezier(.16,1,.3,1) drawerSlideUp;display:flex;box-shadow:0 -12px 40px #0f172a4d}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-header{background:var(--shell-bg);border-bottom:1px solid var(--shell-border);border-top-left-radius:24px;border-top-right-radius:24px;justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.drawer-header h3{color:var(--shell-text);align-items:center;gap:.45rem;font-size:.9rem;font-weight:700;display:flex}.drawer-header h3 i{color:var(--accent);width:16px;height:16px}.btn-close-drawer,.btn-close-modal{color:var(--shell-text-muted);cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.1rem;line-height:1;transition:all .15s;display:flex}.btn-close-drawer:hover,.btn-close-modal:hover{color:#fff;background:#ffffff24}.drawer-body{overscroll-behavior-y:contain;flex-direction:column;flex-grow:1;gap:.75rem;padding:1rem;display:flex;overflow-y:auto}.cart-items-list{flex-direction:column;gap:.45rem;display:flex}.cart-item-row{background-color:var(--bg-card-secondary);border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;padding:.7rem;display:flex}.cart-item-details{flex-direction:column;display:flex}.cart-item-name{color:var(--text-main);font-size:.78rem;font-weight:600}.cart-item-prices-info{color:var(--text-secondary);margin-top:.15rem;font-size:.65rem}.cart-item-total-price{color:var(--primary);margin-left:.2rem;font-family:Inter,sans-serif;font-weight:700}.cart-qty-controllers{align-items:center;gap:.5rem;display:flex}.btn-qty-adj{background-color:var(--bg-app);border:1px solid var(--border-color);width:22px;height:22px;color:var(--text-main);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;font-weight:700;display:flex}.btn-qty-adj:hover{background-color:var(--bg-panel-hover)}.cart-qty-val{text-align:center;width:14px;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700}.cart-profit-calc-card{border:1px dashed var(--border-color);background-color:#ffffff03;border-radius:8px;flex-direction:column;gap:.4rem;padding:.75rem;display:flex}.calc-row{color:var(--text-secondary);justify-content:space-between;font-size:.72rem;display:flex}.calc-row strong{color:var(--text-main);font-family:Inter,sans-serif}.calc-divider{border:none;border-top:1px dashed var(--border-color);margin:.15rem 0}.profit-row{font-size:.78rem;font-weight:600}.profit-color{color:var(--color-success)!important}.drawer-footer{border-top:1px solid var(--border-color);background-color:#0f172a80;gap:.5rem;padding:1rem;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(12px);z-index:130;background-color:#03071266;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-content{border:1px solid var(--border-color);border-radius:18px;flex-direction:column;width:90%;max-width:380px;animation:.22s cubic-bezier(.16,1,.3,1) modalScaleIn;display:flex;overflow:hidden;box-shadow:0 20px 60px #0f172a59;background-color:var(--bg-modal)!important;background:var(--bg-modal)!important}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{background:var(--shell-bg);border-bottom:1px solid var(--shell-border);justify-content:space-between;align-items:center;padding:1rem 1.1rem;display:flex}.modal-header h3{color:var(--shell-text);align-items:center;gap:.35rem;font-size:.85rem;font-weight:700;display:flex}.modal-header h3 i{color:var(--accent);width:15px;height:15px}.modal-body{flex-direction:column;gap:.85rem;padding:1rem;display:flex}.payment-promptpay-card{box-shadow:var(--shadow-md);color:#fff;background:linear-gradient(#071d39 0%,#030f1f 100%);border:1px solid #3b82f626;border-radius:12px;flex-direction:column;align-items:center;padding:1rem;display:flex}.promptpay-header-row{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;width:100%;margin-bottom:.65rem;padding-bottom:.35rem;display:flex}.promptpay-logo{letter-spacing:-.5px;color:#00e1d9;font-family:Inter,sans-serif;font-size:.9rem;font-weight:800}.promptpay-thai{color:#fff;opacity:.8;font-size:.65rem;font-weight:600}.qr-canvas-wrapper{background-color:#fff;border-radius:8px;justify-content:center;align-items:center;width:160px;height:160px;padding:.5rem;display:flex;position:relative}.promptpay-qr{width:100%;height:100%}.qr-shimmer-loading{width:100%;height:100%;color:var(--text-secondary);background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;display:flex;position:absolute;top:0;left:0}.qr-shimmer-loading p{font-size:.6rem}.payment-details-box{text-align:center;flex-direction:column;align-items:center;margin-top:.65rem;display:flex}.shop-name-label{color:var(--text-secondary);font-size:.68rem;font-weight:600}.amount-value{color:#00e1d9;margin:.1rem 0;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:800}.promptpay-id-label{color:var(--text-muted);font-family:Inter,monospace;font-size:.62rem}.payment-instructions{flex-direction:column;gap:.3rem;display:flex}.inst-highlight{color:#fff;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;display:flex}.inst-dot{background-color:var(--color-success);border-radius:50%;width:4px;height:4px}.inst-desc{color:var(--text-secondary);font-size:.65rem;line-height:1.4}.modal-footer{border-top:1px solid var(--border-color);background-color:#0f172a80;padding:1rem}.share-success-animation{text-align:center;flex-direction:column;align-items:center;gap:.35rem;margin-bottom:.65rem;display:flex}.success-ring{background-color:var(--color-success-bg);width:40px;height:40px;color:var(--color-success);border-radius:50%;justify-content:center;align-items:center;animation:.25s cubic-bezier(.175,.885,.32,1.25) scaleBounce;display:flex}@keyframes scaleBounce{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.success-ring i{stroke-width:3px;width:18px;height:18px}.share-success-animation h4{color:var(--color-success);font-size:.85rem;font-weight:700}.share-success-animation p{color:var(--text-secondary);max-width:250px;font-size:.7rem;line-height:1.4}.share-template-box{flex-direction:column;display:flex}.share-template-box label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.68rem;font-weight:600}.share-template-box textarea{font-family:var(--font-sans);color:var(--text-main);background-color:var(--bg-input);border:1px dashed var(--border-color);resize:none;border-radius:8px;outline:none;padding:.5rem;font-size:.72rem;line-height:1.4}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.skeleton-card{background:linear-gradient(90deg,#111827 25%,#1f2937 50%,#111827 75%) 0 0/200% 100%;border-radius:10px;height:94px;animation:1.5s linear infinite shimmerLoading}@keyframes shimmerLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:.45rem;display:flex;position:fixed;top:12px;left:12px;right:12px}.toast{background-color:var(--bg-sidebar);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);pointer-events:auto;border-radius:8px;align-items:center;gap:.55rem;padding:.55rem .75rem;transition:opacity .3s,transform .3s;animation:.25s cubic-bezier(.175,.885,.32,1.2) toastSlideIn;display:flex}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.toast-icon{justify-content:center;align-items:center;display:flex}.toast-icon i{width:16px;height:16px}.toast-content{flex-direction:column;display:flex}.toast-content strong{color:var(--text-main);font-size:.75rem;font-weight:700}.toast-content p{color:var(--text-secondary);font-size:.65rem}.toast-success{border-left:3px solid var(--color-success)}.toast-success i{color:var(--color-success)}.toast-error{border-left:3px solid var(--color-danger)}.toast-error i{color:var(--color-danger)}.toast-info{border-left:3px solid var(--primary)}.toast-info i{color:var(--primary)}.toast-alert{border-left:3px solid var(--color-pending)}.toast-alert i{color:var(--color-pending)}@media (width>=480px){.app-container{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);max-width:480px;margin:0 auto;box-shadow:0 0 50px #000c}}.tab-sub-nav{background-color:var(--bg-card-secondary);border:1px solid var(--border-color);border-radius:9px;margin-bottom:.75rem;padding:3px;display:flex}.btn-sub-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;height:28px;font-size:.7rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-sub-tab:hover{color:var(--text-main)}.btn-sub-tab.active{background-color:var(--bg-card);color:var(--text-main);font-weight:700;box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a}.sub-tab-pane{animation:.2s ease-out tabSubFadeIn;display:none}.sub-tab-pane.active{display:block}@keyframes tabSubFadeIn{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}.input-inline-btn{color:var(--text-secondary);cursor:pointer;z-index:5;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.input-inline-btn:hover{color:var(--primary);background-color:#ffffff0d}.input-inline-btn i{width:15px;height:15px}@keyframes laserSweep{0%{top:0%}50%{top:100%}to{top:0%}}.header-cart-btn{color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:relative}.header-cart-btn:hover{color:var(--primary);background-color:#ffffff0d}.header-cart-btn i{width:18px;height:18px}.header-cart-badge{background:var(--primary-gradient);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:15px;height:15px;font-size:.6rem;font-weight:800;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 1px 4px #0006}.order-session-banner{background-color:var(--primary-light);box-shadow:var(--shadow-sm);border:1px solid #2563eb1f;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem;display:flex}.session-info-left{color:var(--primary);align-items:center;gap:.5rem;display:flex}.session-info-left i{width:15px;height:15px}.session-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.session-label strong{color:var(--primary);font-family:monospace;font-size:.82rem}.btn-text-desktop{white-space:nowrap;display:none}@media (width>=576px){.btn-text-desktop{display:inline!important}}.order-session-splash{justify-content:center;align-items:center;width:100%;min-height:400px;padding:3rem 1rem;display:flex}.splash-card{background-color:var(--bg-sidebar);border:1px solid var(--border-color);text-align:center;box-shadow:var(--shadow-md);border-radius:12px;flex-direction:column;align-items:center;width:100%;max-width:340px;padding:2.25rem 1.5rem;animation:.3s ease-out splashFadeIn;display:flex}.splash-icon-circle{background-color:var(--primary-light);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.25rem;display:flex}.splash-icon-circle i{width:28px;height:28px}.splash-title{color:var(--text-main);margin-bottom:.5rem;font-size:1.05rem;font-weight:800}.splash-subtitle{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.75rem;line-height:1.45}@keyframes splashFadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.held-bill-item{background-color:var(--bg-app);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:.5rem .65rem;transition:all .2s;display:flex}.held-bill-item:hover{border-color:var(--primary);background-color:var(--bg-panel-hover)}.held-bill-info{cursor:pointer;flex-direction:column;flex:1;gap:.15rem;display:flex}.held-bill-title{color:var(--text-main);font-size:.72rem;font-weight:700}.held-bill-meta{color:var(--text-secondary);font-size:.62rem}.held-bill-actions{gap:.25rem;margin-left:.5rem;display:flex}textarea.form-control{min-height:240px;line-height:1.5;height:auto!important;padding:.75rem!important}@keyframes hudPop{0%{opacity:0;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.bottom-nav-btn{transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.pro-lock-overlay{-webkit-backdrop-filter:blur(12px);z-index:10;text-align:center;background:#0307129e;border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;padding:1.5rem;display:flex;position:absolute;top:0;left:0}.lock-overlay-content{color:#fff;flex-direction:column;align-items:center;gap:.65rem;max-width:320px;display:flex}.lock-icon-large{color:#f59e0b;width:32px;height:32px;margin-bottom:.25rem;animation:2s infinite pulse}.lock-overlay-content h4{color:#fff;font-size:.82rem;font-weight:700}.lock-overlay-content p{color:#94a3b8;font-size:.62rem;line-height:1.4}.btn-upgrade-pro-trigger{color:#fff!important;background:linear-gradient(135deg,#3b82f6,#1e40af)!important;border:none!important;height:32px!important;padding:0 1rem!important;font-size:.68rem!important;font-weight:700!important;box-shadow:0 4px 12px #1e40af4d!important}.api-status-badge{border-radius:4px;padding:2px 6px;font-size:.58rem;font-weight:700}.api-status-badge.inactive{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.api-status-badge.active{color:#10b981;background-color:#10b9811a;border:1px solid #10b98133}.bottom-nav-btn.pulse-pop{transform:scale(1.28);color:var(--accent)!important}.dashboard-stats-grid{grid-template-columns:repeat(2,1fr);gap:.65rem;width:100%;margin-bottom:.75rem;display:grid}@media (width>=768px){.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-stat-card{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);border-radius:12px;flex-direction:column;justify-content:space-between;padding:.8rem .7rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.dashboard-stat-card:after{content:"";border-radius:12px 12px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.dashboard-stat-card.stat-sales:after{background:var(--primary-gradient)}.dashboard-stat-card.stat-cost:after{background:linear-gradient(135deg,#64748b,#475569)}.dashboard-stat-card.stat-profit:after{background:linear-gradient(135deg,#34d399,#10b981)}.dashboard-stat-card.stat-orders:after{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dashboard-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.dashboard-stat-card .metric-header-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.dashboard-stat-card .metric-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.62rem;font-weight:700}.dashboard-stat-card .metric-value{color:var(--text-main);font-family:Inter,sans-serif;font-size:1rem;font-weight:800;line-height:1.1}.dashboard-stat-card .metric-value.profit-color{color:#10b981}.dashboard-stat-card .metric-value.text-danger{color:#ef4444}.dashboard-welcome-card{border:1px solid var(--shell-border);text-align:center;box-sizing:border-box;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-radius:14px;width:100%;max-width:340px;margin-bottom:.5rem;padding:1.25rem 1rem}.dashboard-welcome-card h3{color:#f1f5f9;justify-content:center;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.92rem;font-weight:800;display:flex}.dashboard-welcome-card p{color:var(--shell-text-muted);margin:0;font-size:.66rem;line-height:1.45}.dashboard-widget-card{background:var(--bg-card);border:1px solid var(--border-color);box-sizing:border-box;border-radius:14px;width:100%;margin:0;padding:1.1rem;transition:border-color .2s;box-shadow:0 4px 16px #0f172a04}.dashboard-widget-card:hover{border-color:#0f172a1a}.dashboard-widget-card h4{color:var(--text-main);align-items:center;gap:.4rem;margin:0 0 .75rem;font-size:.76rem;font-weight:800;display:flex}.dashboard-widget-empty-box{box-sizing:border-box;border-radius:10px;align-items:center;gap:.5rem;width:100%;padding:.65rem .85rem;font-size:.68rem;font-weight:600;display:flex}.dashboard-widget-empty-box.success{color:#059669;background-color:#10b9810d;border:1px solid #10b98126}.dashboard-widget-empty-box.neutral{color:#475569;background-color:#4755690d;border:1px solid #4755691f;justify-content:center}.payment-tabs-row{background-color:#f1f5f9;border:1px solid #0f172a0d;border-radius:9px;margin-bottom:1rem;padding:3px;display:flex}.payment-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;height:32px;font-size:.72rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.payment-tab-btn:hover{color:var(--text-main)}.payment-tab-btn.active{background-color:var(--bg-card);color:var(--text-main);box-shadow:0 1px 3px #0f172a14,0 1px 2px #0f172a0a}.cash-payment-pane{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;gap:.75rem;padding:1.25rem 1rem;display:flex;box-shadow:0 4px 16px #0f172a03}.cash-quick-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.btn-cash-quick{border:1px solid var(--border-color);height:28px;color:var(--text-secondary);cursor:pointer;background-color:#f8fafc;border-radius:6px;font-size:.65rem;font-weight:700;transition:all .15s}.btn-cash-quick:hover{background-color:var(--primary-light);color:var(--primary);border-color:#2563eb26}.change-display-box{box-sizing:border-box;background:linear-gradient(135deg,#10b9810a 0%,#10b98114 100%);border:1px dashed #10b98140;border-radius:8px;justify-content:space-between;align-items:center;width:100%;margin-top:.25rem;padding:.65rem .85rem;display:flex}.change-display-box.deficit{background:linear-gradient(135deg,#ef44440a 0%,#ef444414 100%);border:1px dashed #ef444440}.change-display-box span{color:#475569;font-size:.68rem;font-weight:700}.change-display-box strong{color:#059669;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:800}.change-display-box.deficit strong{color:#dc2626}@media print{body{color:#000!important;background:#fff!important;margin:0!important;padding:0!important}body>*{display:none!important}#share-modal-overlay{background:#fff!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;display:flex!important;position:absolute!important;top:0!important;left:0!important}#share-modal-overlay .modal-content{box-shadow:none!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}#share-modal-overlay .modal-header,#share-modal-overlay .success-ring,#share-modal-overlay h4,#share-modal-overlay p,#share-modal-overlay button,#share-modal-overlay .no-print{display:none!important}#visual-receipt-card{box-shadow:none!important;color:#000!important;box-sizing:border-box!important;border:none!important;width:58mm!important;max-width:58mm!important;margin:0 auto!important;padding:.5rem!important;display:block!important}}.sell-catalog-column{flex-direction:column;width:100%;display:flex}@media (width>=1025px),(width>=768px) and (width<=1024px) and (orientation:landscape){.app-container{width:100vw!important;max-width:100vw!important;height:100%!important;box-shadow:none!important;grid-template-columns:240px 1fr!important;grid-template-rows:var(--header-height) 1fr!important;border-radius:0!important;margin:0!important;display:grid!important;overflow:hidden!important}.top-header{border-bottom:1px solid var(--shell-border)!important;box-sizing:border-box!important;z-index:10!important;grid-area:1/2!important;width:100%!important}.main-content{box-sizing:border-box!important;grid-area:2/2!important;width:100%!important;height:100%!important;padding:0!important;overflow:hidden!important}.bottom-nav{background-color:var(--shell-bg)!important;border-right:1px solid var(--shell-border)!important;z-index:15!important;box-sizing:border-box!important;border-top:none!important;flex-direction:column!important;grid-area:1/1/3!important;justify-content:flex-start!important;align-items:stretch!important;gap:.5rem!important;width:240px!important;min-width:240px!important;height:100%!important;padding:1.5rem 1rem!important;position:relative!important}.bottom-nav-btn{width:100%!important;height:44px!important;color:var(--shell-text-muted)!important;background:0 0!important;border:none!important;border-radius:10px!important;flex-direction:row!important;flex:none!important;justify-content:flex-start!important;gap:.75rem!important;padding:0 1rem!important;font-weight:600!important;transition:all .15s!important;position:relative!important}.bottom-nav-btn span{color:inherit!important;white-space:nowrap!important;font-size:.78rem!important;display:inline-block!important}.bottom-nav-btn i{stroke-width:2.2px!important;width:16px!important;height:16px!important}.bottom-nav-btn:hover{color:var(--shell-text)!important;background-color:#ffffff0a!important}.bottom-nav-btn.active{color:var(--accent)!important;background-color:#ffffff14!important}.bottom-nav-btn.pulse-pop{color:var(--accent)!important;background-color:#ffffff14!important;transform:none!important}.nav-fab-wrapper{order:-1!important;width:100%!important;height:auto!important;margin:0 0 1.25rem!important;display:block!important;position:static!important;transform:none!important}.nav-fab-btn{background:var(--accent-gradient)!important;color:#fff!important;border-radius:10px!important;justify-content:center!important;align-items:center!important;gap:.5rem!important;width:100%!important;height:42px!important;font-size:.78rem!important;font-weight:700!important;display:flex!important;position:relative!important;top:auto!important;left:auto!important;box-shadow:0 4px 12px #1e40af40!important}.nav-fab-btn i{width:16px!important;height:16px!important}.nav-fab-btn:after{content:"แจ้งเตือนออเดอร์"!important;font-family:inherit!important;display:inline-block!important}#sell-tab.active{flex-direction:row!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important}.sell-catalog-column{box-sizing:border-box!important;overscroll-behavior-y:contain!important;flex-direction:column!important;flex:1!important;min-width:0!important;height:100%!important;padding:1.25rem!important;display:flex!important;overflow-y:auto!important}#cart-drawer-overlay{visibility:visible!important;opacity:1!important;background-color:var(--bg-card)!important;border-left:1px solid var(--border-color)!important;z-index:5!important;width:360px!important;min-width:360px!important;height:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;transform:none!important}#cart-drawer-overlay .drawer-content{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;box-shadow:none!important;background-color:#0000!important;border-radius:0!important;flex-direction:column!important;display:flex!important;position:static!important}#btn-close-cart-drawer,#floating-basket-trigger{display:none!important}#inventory-tab,#sales-tab,#settings-tab{box-sizing:border-box!important;height:100%!important;padding:1.5rem!important;overflow-y:auto!important}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))!important;gap:.65rem!important}.product-card{border-radius:12px!important;min-height:130px!important;padding:.6rem!important}.product-card .prod-card-visual{height:52px!important;margin-bottom:.35rem!important;font-size:1.1rem!important}.product-card .prod-card-top{margin-bottom:.25rem!important}.product-card .prod-card-title{font-size:.68rem!important;line-height:1.25!important}.product-card .prod-card-price{font-size:.78rem!important}.product-card .prod-card-price-label{font-size:.48rem!important}.product-card .prod-card-stock-badge{border-radius:4px!important;padding:1px 4px!important;font-size:.52rem!important}}.billing-payment-tab{border:1px solid var(--border-color)!important;background:var(--bg-app)!important;color:var(--text-secondary)!important}.billing-payment-tab:hover{background:var(--border-color)!important;color:var(--text-main)!important}.billing-payment-tab.active{border-color:var(--primary)!important;background:var(--primary-light)!important;color:var(--primary)!important}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stripe-input-group label{color:var(--text-secondary)}.stripe-card-form input:focus{outline:none;box-shadow:0 0 0 2px #635bff26;border-color:#635bff!important}#btn-stripe-pay:hover{background:#5b54e0!important}#btn-paypal-checkout:hover{background:#f4b21b!important}.customer-pin-dot.filled{transform:scale(1.15);box-shadow:0 0 8px #1e40af59;background:var(--primary)!important;border-color:var(--primary)!important}.btn-customer-pin-num:hover{background:var(--bg-panel-hover)!important}.btn-customer-pin-num:active{background:var(--border-color)!important}.customer-product-card.out-of-stock{opacity:.55;cursor:not-allowed!important;border-color:var(--border-color)!important;box-shadow:none!important;transform:none!important}.customer-product-card.out-of-stock:before{display:none!important}.customer-product-card.out-of-stock .prod-card-title,.customer-product-card.out-of-stock .prod-card-price{color:var(--text-muted)!important}@media (width>=768px) and (width<=1024px) and (orientation:landscape){.app-container{grid-template-columns:200px 1fr!important}.bottom-nav{width:200px!important;min-width:200px!important;padding:1.25rem .5rem!important}#cart-drawer-overlay{width:300px!important;min-width:300px!important}}@media (width>=768px) and (width<=1024px) and (orientation:portrait){#sell-tab.active{flex-direction:row!important;width:100%!important;height:100%!important;display:flex!important;overflow:hidden!important}.sell-catalog-column{box-sizing:border-box!important;overscroll-behavior-y:contain!important;flex-direction:column!important;flex:1!important;min-width:0!important;height:100%!important;padding:1rem!important;display:flex!important;overflow-y:auto!important}#cart-drawer-overlay{visibility:visible!important;opacity:1!important;background-color:var(--bg-card)!important;border-left:1px solid var(--border-color)!important;z-index:5!important;width:300px!important;min-width:300px!important;height:100%!important;box-shadow:none!important;border-radius:0!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;transform:none!important}#cart-drawer-overlay .drawer-content{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;box-shadow:none!important;background-color:#0000!important;border-radius:0!important;flex-direction:column!important;display:flex!important;position:static!important}#btn-close-cart-drawer,#floating-basket-trigger{display:none!important}}@media (width<=768px){#customer-mode-main-layout{flex-direction:column!important}#customer-cart-panel{border-left:none!important;border-top:1px solid var(--border-color)!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:72px!important;padding:.5rem 1rem!important;transition:height .3s cubic-bezier(.4,0,.2,1)!important}#customer-cart-panel.expanded{z-index:9999!important;background:var(--bg-card)!important;border-radius:20px 20px 0 0!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;height:60vh!important;padding:1rem!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 -10px 40px #00000040!important}#customer-cart-panel>div:first-child,#customer-cart-list{display:none!important}#customer-cart-panel.expanded>div:first-child,#customer-cart-panel.expanded #customer-cart-list{flex-direction:column!important;display:flex!important}#customer-cart-panel.expanded #customer-cart-list{flex:1!important;margin:.5rem 0!important;overflow-y:auto!important}#customer-cart-panel>div:last-child{background:0 0!important;border-top:none!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:.75rem!important;width:100%!important;margin-bottom:0!important;padding:0!important}#customer-cart-panel.expanded>div:last-child{border-top:1px solid var(--border-color)!important;background:0 0!important;flex-direction:column!important;gap:.5rem!important;width:100%!important;padding:.75rem 0 0!important}#btn-customer-checkout{width:auto!important;min-width:140px!important;height:40px!important}#customer-cart-panel.expanded #btn-customer-checkout{width:100%!important;height:42px!important}#customer-cart-panel.expanded #customer-cart-chevron{transform:rotate(180deg)}}#payment-modal-overlay{z-index:10001!important}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9400;opacity:0;background:#0f172a66;transition:opacity .25s;display:none;position:fixed;inset:0}.bottom-sheet-overlay.open{opacity:1;display:block}.bottom-sheet-drawer{background:var(--bg-card);z-index:9500;box-sizing:border-box;border-top-left-radius:20px;border-top-right-radius:20px;flex-direction:column;width:100%;max-width:500px;height:480px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:50%;overflow:hidden;transform:translate(-50%,100%);box-shadow:0 -10px 40px #00000026}.bottom-sheet-drawer.open{transform:translate(-50%)}.nav-pending-badge{color:#fff;z-index:10;box-sizing:border-box;pointer-events:none;background:#ef4444;border:1.5px solid #fff;border-radius:99px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.62rem;font-weight:800;animation:1.8s infinite pulse-badge;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444466}@keyframes pulse-badge{0%{transform:scale(1);box-shadow:0 0 #ef444499}70%{transform:scale(1.08);box-shadow:0 0 0 8px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #ef444466}70%{transform:scale(1.05);box-shadow:0 0 0 8px #ef444400}to{transform:scale(1);box-shadow:0 0 #ef444400}}.date-filter-scroll::-webkit-scrollbar{display:none}.date-filter-scroll{-ms-overflow-style:none;scrollbar-width:none}.date-filter-btn{background:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border-color);box-shadow:var(--shadow-xs);transition:all .2s cubic-bezier(.4,0,.2,1)}.date-filter-btn:hover{background:var(--bg-hover);color:var(--text-main);transform:translateY(-1px)}.date-filter-btn.active{background:var(--primary-gradient);transform:scale(1.02);box-shadow:0 4px 12px #f9731640;color:#fff!important;border-color:#0000!important}.ai-consultant-banner{box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:.35rem;padding:.85rem 1rem;font-size:.72rem;line-height:1.45;transition:all .3s;animation:3s infinite alternate banner-glow;display:flex}.ai-consultant-banner.warning{color:#92400e;background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fde68a}.ai-consultant-banner.success{color:#065f46;background:linear-gradient(135deg,#ecfdf5 0%,#d1fae5 100%);border:1.5px solid #a7f3d0}@keyframes banner-glow{0%{box-shadow:0 2px 8px #0000000d}to{box-shadow:0 4px 14px #f59e0b1f}}.entrance-card{animation:.35s cubic-bezier(.34,1.56,.64,1) entranceCardPop}@keyframes entranceCardPop{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.store-profile-card{background:var(--bg-card-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;padding:.85rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.store-profile-card:hover{background:var(--bg-panel-hover);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.store-profile-info{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.store-avatar{background:var(--primary-light);width:38px;height:38px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.store-profile-card.active .store-avatar{color:#10b981;background:#10b9811a}.btn-delete-profile{color:#ef4444;cursor:pointer;background:#ef444414;border:1px solid #ef444426;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-delete-profile:hover{color:#fff;background:#ef4444;transform:scale(1.05)}.pin-dot.filled{transform:scale(1.2);box-shadow:0 0 10px #1e40af4d;background:var(--primary)!important;border-color:var(--primary)!important}.keypad-btn{border:1px solid var(--border-color);background:var(--bg-card);width:72px;height:72px;color:var(--text-main);cursor:pointer;touch-action:manipulation;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:1.65rem;font-weight:600;transition:transform .15s cubic-bezier(.175,.885,.32,1.4),background-color .12s,border-color .12s,box-shadow .15s;display:flex}.keypad-btn:active,.keypad-btn.pressed{transform:scale(.82);box-shadow:0 4px 15px #1e40af73;background:linear-gradient(135deg, var(--primary) 0%, #1e40af 100%)!important;color:#fff!important;border-color:var(--primary)!important}.keypad-btn-control{width:72px;height:72px;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;background:0 0;border:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;transition:transform .15s cubic-bezier(.175,.885,.32,1.4),color .12s;display:flex}.keypad-btn-control:active,.keypad-btn-control.pressed{transform:scale(.82);color:var(--primary)!important}@keyframes pinShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.pin-display-shake{animation:.3s cubic-bezier(.36,.07,.19,.97) both pinShake}.pin-dot{transition:transform .18s cubic-bezier(.175,.885,.32,1.5),background-color .15s,border-color .15s,box-shadow .15s!important}.pin-dot.filled{background:var(--primary)!important;border-color:var(--primary)!important;transform:scale(1.3)!important;box-shadow:0 0 10px #1e40af80!important}#customer-pin-overlay>div,#entrance-inner-container{transform-origin:50%;animation:.35s cubic-bezier(.34,1.56,.64,1) forwards pinOverlayPop}@keyframes pinOverlayPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.badge-secured{animation:2s infinite alternate securedGlow}@keyframes securedGlow{0%{box-shadow:0 0 4px #10b9814d}to{box-shadow:0 0 10px #10b98199}}.portal-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-weight:700;transition:all .25s}.portal-tab.active{box-shadow:var(--shadow-xs);background:var(--bg-card)!important;color:var(--primary)!important}.portal-tab:hover{color:var(--primary)}.bound-device-item{background:var(--bg-card-secondary);border:1px solid var(--border-color);border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:.5rem .75rem;transition:all .2s;display:flex}.bound-device-item:hover{background:var(--bg-panel-hover);border-color:#ef44444d}.bound-device-item.current-device{background:var(--primary-light);border-color:#1e40af4d}.sync-status-badge{transition:all .3s}.sync-status-badge.online{color:#10b981!important;background:#10b9811a!important;border-color:#10b98140!important}.sync-status-badge.online .sync-dot-indicator{animation:2s infinite syncPulse;background:#10b981!important}.sync-status-badge.offline{color:#f59e0b!important;background:#f59e0b1a!important;border-color:#f59e0b40!important}.sync-status-badge.offline .sync-dot-indicator{animation:none;background:#f59e0b!important}.sync-status-badge.syncing{color:#38bdf8!important;background:#38bdf81a!important;border-color:#38bdf840!important}.sync-status-badge.syncing .sync-dot-indicator{animation:.5s infinite alternate syncFlash;background:#38bdf8!important}@keyframes syncPulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes syncFlash{0%{opacity:.3}to{opacity:1}}@keyframes splashGlow{0%{opacity:.5;transform:scale(.95)}to{opacity:.9;transform:scale(1.05)}}@keyframes loadingProgress{0%{left:-100%}50%{left:0%}to{left:100%}}@keyframes subBannerAlertPulse{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes subBannerGracePulse{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 8px #ef444400}to{box-shadow:0 0 #ef444400}}.sub-banner-alert{background:linear-gradient(135deg,#f59e0b,#d97706)!important;animation:2s infinite subBannerAlertPulse!important}.sub-banner-grace{background:linear-gradient(135deg,#ef4444,#dc2626)!important;animation:2s infinite subBannerGracePulse!important}.billing-history-table{border-collapse:collapse;text-align:left;width:100%;font-size:.62rem}.billing-history-table th{background:var(--bg-card-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:6px 8px;font-weight:700}.billing-history-table td{border-bottom:1px dashed var(--border-color);color:var(--text-main);padding:8px}.owner-console-stat-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem;display:grid}.owner-console-stat-card{background:var(--bg-app);border:1px solid var(--border-color);text-align:left;border-radius:8px;flex-direction:column;gap:2px;padding:.6rem;display:flex}.owner-console-stat-title{color:var(--text-secondary);text-transform:uppercase;font-size:.52rem;font-weight:700}.owner-console-stat-val{color:var(--text-main);font-size:1.05rem;font-weight:800}.owner-console-stat-sub{color:#10b981;font-size:.48rem;font-weight:600}.owner-device-table{border-collapse:collapse;text-align:left;width:100%;font-size:.58rem}.owner-device-table th{background:var(--bg-card-secondary);color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:6px;font-weight:700}.owner-device-table td{border-bottom:1px dashed var(--border-color);color:var(--text-main);vertical-align:middle;padding:6px}@media print{body{color:#000!important;background:#fff!important}body>*{display:none!important}#share-modal-overlay{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:99999!important;background:#fff!important;margin:0!important;padding:0!important;display:block!important;position:absolute!important;inset:0!important}#share-modal-overlay .modal-content{box-shadow:none!important;background:#fff!important;border:none!important;width:100%!important;max-width:100%!important;max-height:none!important;margin:0!important;padding:0!important;overflow:visible!important}#visual-receipt-card,#visual-order-ticket{display:none!important}body.print-receipt-mode #visual-receipt-card{box-shadow:none!important;color:#000!important;border:none!important;width:80mm!important;max-width:80mm!important;margin:0 auto!important;padding:10px!important;display:block!important}body.print-receipt-mode #visual-receipt-card *{color:#000!important}body.print-order-mode #visual-order-ticket{box-shadow:none!important;color:#000!important;border:none!important;width:80mm!important;max-width:80mm!important;margin:0 auto!important;padding:10px!important;display:block!important}body.print-order-mode #visual-order-ticket *{color:#000!important}.modal-header,label[for=share-text-preview],#share-text-preview,#btn-native-share-all,.no-print,#share-success-animation{display:none!important}}@media (width<=380px){.keypad-btn{width:60px!important;height:60px!important;font-size:1.4rem!important}.keypad-btn-control{width:60px!important;height:60px!important;font-size:.65rem!important}.pin-keypad-grid{gap:.8rem 1rem!important;max-width:240px!important}#entrance-inner-container{padding:1rem!important}#customer-pin-overlay>div{width:92%!important;padding:1.25rem 1rem!important}#entrance-overlay .modal-content{width:95%!important}}.billing-step-content{view-transition-name:billing-step-content}::view-transition-group(billing-step-content){animation:none}::view-transition-group(root){animation:none!important}::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}@keyframes slide-to-left{to{opacity:0;transform:translate(-100%)}}@keyframes slide-from-right{0%{opacity:0;transform:translate(100%)}}@keyframes slide-to-right{to{opacity:0;transform:translate(100%)}}@keyframes slide-from-left{0%{opacity:0;transform:translate(-100%)}}html:active-view-transition-type(forward)::view-transition-old(billing-step-content){animation-name:slide-to-left}html:active-view-transition-type(forward)::view-transition-new(billing-step-content){animation-name:slide-from-right}html:active-view-transition-type(backward)::view-transition-old(billing-step-content){animation-name:slide-to-right}html:active-view-transition-type(backward)::view-transition-new(billing-step-content){animation-name:slide-from-left}@media (prefers-reduced-motion:reduce){::view-transition-group(billing-step-content){animation:none!important}.billing-step-content{view-transition-name:none!important}}body.dark-theme .metric-value,body.dark-theme .prod-card-price,body.dark-theme .price-text,body.dark-theme .inventory-table td,body.dark-theme .inventory-table th,body.dark-theme input,body.dark-theme select,body.dark-theme textarea,body.dark-theme .receipt-preview,body.dark-theme pre,body.dark-theme code,body.dark-theme .dev-desc{font-family:var(--font-mono)!important}.owner-bottom-nav{z-index:13000!important;background:var(--shell-bg)!important;border:1px solid var(--shell-border)!important;border-radius:16px!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;width:auto!important;min-width:0!important;height:60px!important;padding:0 .25rem!important;display:flex!important;position:fixed!important;bottom:8px!important;left:8px!important;right:8px!important;box-shadow:0 8px 24px #0f172a40!important}.owner-nav-btn{color:var(--shell-text-muted)!important;cursor:pointer!important;background:0 0!important;border:none!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;width:auto!important;height:100%!important;margin:0!important;padding:0!important;font-size:.62rem!important;transition:all .15s!important;display:flex!important}.owner-nav-btn:hover{color:var(--text-main)!important}.owner-nav-btn.active{color:var(--primary)!important}body.owner-lock-scroll{width:100%!important;height:100dvh!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden!important}#owner-console-overlay div::-webkit-scrollbar{width:5px!important;height:5px!important;display:block!important}#owner-console-overlay div::-webkit-scrollbar-track{background:#ffffff05!important;border-radius:99px!important}#owner-console-overlay div::-webkit-scrollbar-thumb{background:#6366f159!important;border-radius:99px!important}#owner-console-overlay div::-webkit-scrollbar-thumb:hover{background:var(--primary)!important}#owner-console-overlay .modal-content{width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;position:absolute!important;top:0!important;left:0!important}.ai-msg-bubble{box-sizing:border-box;word-break:break-word;border-radius:12px;padding:.6rem .8rem;font-size:.72rem;line-height:1.45;animation:.2s cubic-bezier(.16,1,.3,1) messageFadeIn}@keyframes messageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ai-msg-bubble.assistant{border-radius:12px 12px 12px 4px;align-self:flex-start;background:var(--bg-app)!important;border:1px solid var(--border-color)!important;color:var(--text-main)!important}.ai-msg-bubble.user{border-radius:12px 12px 4px;align-self:flex-end;max-width:80%;background:var(--primary)!important;color:#fff!important;border:none!important}.ai-msg-bubble.system{color:var(--text-secondary);background:#8b5cf614;border:1px solid #8b5cf626;border-radius:99px;align-self:center;padding:4px 10px;font-size:.58rem}.ai-suggestion-chip{color:#8b5cf6!important;cursor:pointer!important;background:#8b5cf60f!important;border:1px solid #8b5cf626!important;border-radius:16px!important;flex-shrink:0!important;padding:5px 12px!important;font-size:.65rem!important;font-weight:700!important;transition:all .15s!important}.ai-suggestion-chip:hover{background:#8b5cf61f!important;transform:translateY(-1px)!important}.ai-suggestion-chip:active{transform:translateY(0)!important}#btn-ai-mic.recording{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important;animation:1.2s ease-in-out infinite mic-glow-pulse!important}@keyframes mic-glow-pulse{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}#ai-chat-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:7000;background:#0f172a66;animation:.2s fadeIn;display:none;position:fixed;inset:0}#ai-chat-drawer{background-color:var(--bg-card);flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;border:none!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;width:100%!important;height:85%!important;max-height:85%!important;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlideUp!important;box-shadow:0 -12px 40px #00000026!important}@media (width>=768px){#ai-chat-drawer{border-top:none!important;border-left:1px solid var(--border-color)!important;border-radius:24px 0 0 24px!important;width:520px!important;max-width:520px!important;height:100%!important;max-height:100%!important;animation:.3s cubic-bezier(.16,1,.3,1) drawerSlideInRight!important;inset:0 0 0 auto!important}}@keyframes drawerSlideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes waveGrow{0%,to{transform:scaleY(1)}50%{transform:scaleY(2.2)}}@keyframes micGlowPulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.voice-wave-bar{transform-origin:50%}#ai-jarvis-overlay{z-index:7500;opacity:0;visibility:hidden;pointer-events:none;background:#000;justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.16,1,.3,1),visibility .5s;display:flex;position:fixed;inset:0;overflow:hidden}#ai-jarvis-overlay.active{opacity:1;visibility:visible;pointer-events:auto}.jarvis-void-clouds{filter:blur(75px);pointer-events:none;z-index:0;background:radial-gradient(circle at 35% 35%,#2e003e80 0%,#1a1a1a4d 50%,#0000 100%),radial-gradient(circle at 65% 65%,#9d00ff2e 0%,#0000 75%);transition:background 1.5s ease-in-out;animation:45s linear infinite cloudSwirl;position:absolute;inset:-50%}#ai-jarvis-overlay.processing .jarvis-void-clouds{background:radial-gradient(circle at 35% 35%,#4a0064a6 0%,#1a1a1a4d 50%,#0000 100%),radial-gradient(circle at 65% 65%,#d600ff40 0%,#0000 75%)}@keyframes cloudSwirl{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.08)}to{transform:rotate(360deg)scale(1)}}#ai-jarvis-overlay.active .jarvis-container{opacity:1;transform:scale(1)}.jarvis-container{box-shadow:none;opacity:0;box-sizing:border-box;pointer-events:auto;perspective:1000px;width:92vw;max-width:480px;transform-style:preserve-3d;background:0 0;border:none;border-radius:0;flex-direction:column;align-items:center;gap:1.8rem;padding:1rem;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;transform:scale(.9)}.jarvis-stage{width:180px;height:180px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:relative;transform:rotateX(20deg)}.jarvis-ring-outer{pointer-events:none;border:2px dashed #d600ff66;border-radius:50%;width:170px;height:170px;animation:15s linear infinite jarvisRotate;position:absolute}.jarvis-ring-middle{-webkit-mask-composite:destination-out;pointer-events:none;background:linear-gradient(135deg,#9d00ffa6,#d600ffa6,#8b5cf6a6) border-box;border:2px solid #0000;border-radius:50%;width:135px;height:135px;animation:3.5s ease-in-out infinite jarvisBreath;position:absolute;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.jarvis-core{cursor:pointer;z-index:10;background:radial-gradient(circle,#9d00ff59 0%,#2e003ef2 100%);border:none;outline:none;justify-content:center;align-items:center;width:90px;height:90px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:6s ease-in-out infinite alternate siriMorph;display:flex;position:absolute;overflow:hidden;box-shadow:0 0 35px #9d00ff8c,0 0 15px #d600ff59,inset 0 0 10px #ffffff26}.jarvis-core:after{content:"";pointer-events:none;z-index:6;background:linear-gradient(#ffffff52 0%,#fff0 100%);border-radius:50% 50% 25% 25%/80% 80% 20% 20%;height:38px;position:absolute;top:2px;left:8px;right:8px}.jarvis-core:hover{transform:scale(1.05);box-shadow:0 0 50px #9d00ffbf,0 0 25px #d600ff80}.jarvis-core.listening{animation:1.2s ease-in-out infinite jarvisCorePulse,3s ease-in-out infinite alternate siriMorph}.jarvis-ripple{opacity:0;pointer-events:none;z-index:2;border:2px solid #9d00ff80;border-radius:50%;width:90px;height:90px;position:absolute}.jarvis-ripple.listening{animation:2s cubic-bezier(.1,.8,.3,1) infinite jarvisRippleExpand}.jarvis-ripple-two.listening{border-color:#d600ff73;animation:2s cubic-bezier(.1,.8,.3,1) .7s infinite jarvisRippleExpand}.siri-color-bg{filter:blur(8px);border-radius:inherit;background:#080810d9;animation:25s linear infinite nebulaSpin;position:absolute;inset:0}.quantum-particles{pointer-events:none;z-index:5;position:absolute;inset:0}.particle{opacity:0;background:#fff;border-radius:50%;width:3px;height:3px;position:absolute}.p1{background:#00f3ff;animation:4s ease-in-out infinite quantumDrift1;top:30%;left:30%;box-shadow:0 0 6px #00f3ff}.p2{background:#d600ff;animation:5s ease-in-out infinite quantumDrift2;top:70%;left:20%;box-shadow:0 0 6px #d600ff}.p3{background:#fff;animation:3.5s ease-in-out infinite quantumDrift3;top:25%;right:25%;box-shadow:0 0 6px #fff}.p4{background:#9d00ff;animation:4.5s ease-in-out infinite quantumDrift4;bottom:30%;right:30%;box-shadow:0 0 6px #9d00ff}.p5{background:#00f3ff;animation:6s ease-in-out 1s infinite quantumDrift2;top:50%;left:15%;box-shadow:0 0 6px #00f3ff}.p6{background:#d600ff;animation:5s ease-in-out 1.5s infinite quantumDrift1;top:45%;right:15%;box-shadow:0 0 6px #d600ff}.p7{background:#fff;animation:4s ease-in-out .5s infinite quantumDrift4;bottom:20%;left:45%;box-shadow:0 0 6px #fff}.p8{background:#9d00ff;animation:5.5s ease-in-out 2s infinite quantumDrift3;top:20%;left:50%;box-shadow:0 0 6px #9d00ff}.siri-center-glow{filter:blur(3px);z-index:4;background:#fff;border-radius:50%;width:20px;height:20px;animation:2.5s ease-in-out infinite siriCenterPulse;position:absolute;box-shadow:0 0 15px #fff,0 0 30px #ffffffe6}@keyframes siriCenterPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}.siri-color{opacity:.85;border-radius:50%;position:absolute}.siri-cyan{background:#4a0064;width:60px;height:60px;animation:4s ease-in-out infinite alternate siriMove1;top:-10px;left:-10px}.siri-magenta{background:#9d00ff;width:55px;height:55px;animation:5s ease-in-out infinite alternate siriMove2;bottom:-10px;right:-10px}.siri-blue{background:#d600ff;width:50px;height:50px;animation:4.5s ease-in-out infinite alternate siriMove3;bottom:-15px;left:10px}.siri-yellow{background:#1e1b4b;width:45px;height:45px;animation:3.5s ease-in-out infinite alternate siriMove4;top:10px;right:-5px}.jarvis-light-cone{clip-path:polygon(50% 100%,10% 0%,90% 0%);transform-origin:top;pointer-events:none;z-index:1;opacity:0;background:linear-gradient(#d600ff40 0%,#9d00ff0d 50%,#9d00ff00 100%);width:150px;height:180px;transition:opacity .5s;animation:3s ease-in-out infinite jarvisFlicker;position:absolute;top:52%;transform:rotateX(35deg)translateZ(-20px)}#ai-jarvis-overlay.active .jarvis-light-cone{opacity:1}#ai-jarvis-overlay.active .jarvis-stage{animation:.8s cubic-bezier(.175,.885,.32,1.275) forwards jarvisPopOut}@keyframes jarvisRotate{0%{transform:rotateX(65deg)rotateY(15deg)rotate(0)}to{transform:rotateX(65deg)rotateY(15deg)rotate(360deg)}}@keyframes jarvisBreath{0%,to{opacity:.65;transform:rotateX(-50deg)rotateY(-20deg)rotate(0)scale(.95)}50%{opacity:1;transform:rotateX(-50deg)rotateY(-20deg)rotate(180deg)scale(1.05)}}@keyframes jarvisCorePulse{0%,to{box-shadow:0 0 45px #9d00ff8c,0 0 20px #d600ff59}50%{box-shadow:0 0 70px #9d00ffd9,0 0 35px #d600ff99}}@keyframes jarvisRippleExpand{0%{opacity:.8;transform:translateZ(10px)scale(1)}to{opacity:0;transform:translateZ(10px)scale(2.4)}}@keyframes jarvisPopOut{0%{opacity:0;filter:blur(6px);transform:rotateX(20deg)translateZ(-400px)scale(.5)}75%{opacity:1;filter:blur();transform:rotateX(20deg)translateZ(40px)scale(1.08)}to{opacity:1;transform:rotateX(20deg)translateZ(0)scale(1)}}@keyframes jarvisFlicker{0%,to{opacity:.75;transform:rotateX(35deg)translateZ(-20px)scaleX(.98)}45%,55%{opacity:1;transform:rotateX(35deg)translateZ(-20px)scaleX(1.02)}50%{opacity:.65;transform:rotateX(35deg)translateZ(-20px)scaleX(.95)}}@keyframes siriMove1{0%{transform:translate(0)scale(1)}to{transform:translate(25px,20px)scale(1.15)}}@keyframes siriMove2{0%{transform:translate(0)scale(1)}to{transform:translate(-20px,-25px)scale(1.2)}}@keyframes siriMove3{0%{transform:translate(0)scale(1)}to{transform:translate(15px,-15px)scale(1.1)}}@keyframes siriMove4{0%{transform:translate(0)scale(1)}to{transform:translate(-15px,15px)scale(1.25)}}.confirm-order-card{opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards jarvisFadeInUp;transform:translateY(15px)}.confirm-order-card tbody tr{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) forwards jarvisFadeInUp}.confirm-order-card tbody tr:first-child{animation-delay:.1s}.confirm-order-card tbody tr:nth-child(2){animation-delay:.2s}.confirm-order-card tbody tr:nth-child(3){animation-delay:.3s}.confirm-order-card tbody tr:nth-child(4){animation-delay:.4s}.confirm-order-card tbody tr:nth-child(5){animation-delay:.5s}.confirm-order-card .btn-siri-confirm-checkout{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) .6s forwards jarvisFadeInUp}.confirm-order-card .btn-siri-confirm-clear{opacity:0;animation:.4s cubic-bezier(.16,1,.3,1) .7s forwards jarvisFadeInUp}@keyframes jarvisFadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes nebulaSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes quantumDrift1{0%{opacity:0;transform:translate(0)scale(.5)}50%{opacity:.85;transform:translate(14px,-14px)scale(1.2)}to{opacity:0;transform:translate(22px,-4px)scale(.5)}}@keyframes quantumDrift2{0%{opacity:0;transform:translate(0)scale(.5)}50%{opacity:.75;transform:translate(-8px,12px)scale(1)}to{opacity:0;transform:translate(-18px,4px)scale(.5)}}@keyframes quantumDrift3{0%{opacity:0;transform:translate(0)scale(.5)}50%{opacity:.9;transform:translate(-12px,-8px)scale(1.1)}to{opacity:0;transform:translate(-8px,-18px)scale(.5)}}@keyframes quantumDrift4{0%{opacity:0;transform:translate(0)scale(.5)}50%{opacity:.8;transform:translate(10px,12px)scale(1)}to{opacity:0;transform:translate(4px,22px)scale(.5)}}@keyframes siriMorph{0%{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}33%{border-radius:70% 30% 52% 48%/60% 40%}66%{border-radius:48% 52% 35% 65%/40% 60%}to{border-radius:42% 58% 70% 30%/45% 45% 55% 55%}}