:root{--sky-50:#f0f9ff;--sky-100:#e0f2fe;--sky-200:#bae6fd;--sky-300:#7dd3fc;--sky-400:#38bdf8;--sky-500:#0ea5e9;--sky-600:#0284c7;--sky-700:#0369a1;--sky-800:#075985;--sky-900:#0c4a6e;--sunset-50:#fff7ed;--sunset-100:#ffedd5;--sunset-200:#fed7aa;--sunset-300:#fdba74;--sunset-400:#fb923c;--sunset-500:#f97316;--sunset-600:#ea580c;--sunset-700:#c2410c;--sunset-800:#9a3412;--slate-50:#f8fafc;--slate-100:#f1f5f9;--slate-200:#e2e8f0;--slate-300:#cbd5e1;--slate-400:#94a3b8;--slate-500:#64748b;--slate-600:#475569;--slate-700:#334155;--slate-800:#1e293b;--slate-900:#0f172a;--brand:var(--sky-600);--brand-hover:var(--sky-700);--brand-light:var(--sky-50);--brand-border:var(--sky-200);--brand-gradient:linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%);--accent:var(--sunset-500);--accent-hover:var(--sunset-600);--accent-soft:var(--sunset-50);--accent-border:var(--sunset-200);--accent-gradient:linear-gradient(135deg, #fb923c 0%, #f97316 60%, #ea580c 100%);--accent-glow:0 8px 20px -4px #f9731666;--canvas:#f0f5fa;--paper:#fff;--card-bg:#fff;--sidebar-bg:#fff;--line:#e2e8f0;--line-light:#f1f5f9;--ink:var(--slate-900);--muted:var(--slate-500);--muted-light:var(--slate-400);--success:#10b981;--success-soft:#ecfdf5;--danger:#ef4444;--danger-soft:#fef2f2;--warning:#f59e0b;--warning-soft:#fffbeb;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-full:9999px;--shadow-sm:0 1px 3px #0f172a0d;--shadow-md:0 4px 16px -2px #0ea5e914, 0 2px 6px #0f172a0a;--shadow-lg:0 12px 30px -4px #0f172a14, 0 4px 12px #0ea5e90f;--shadow-xl:0 24px 50px -10px #0f172a24;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--canvas);min-height:100%}body{min-height:100vh;color:var(--ink);background:radial-gradient(ellipse at 15% 0%, #38bdf81f, transparent 45%), radial-gradient(ellipse at 85% 10%, #f9731614, transparent 40%), var(--canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.pos-shell{flex-direction:column;height:100vh;max-height:100vh;display:flex;overflow:hidden}.topbar{color:#fff;background:var(--brand-gradient);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;height:60px;padding:0 clamp(16px,3vw,36px);display:flex;position:relative;box-shadow:0 2px 10px #0284c726}.brand{color:#fff;align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#fff;background:var(--accent-gradient);width:40px;height:40px;box-shadow:var(--accent-glow);border-radius:14px;place-items:center;font-size:22px;font-weight:900;transition:transform .2s;display:grid}.brand:hover .brand-mark{transform:scale(1.05)rotate(-3deg)}.brand strong{letter-spacing:-.02em;color:#fff;font-size:19px;font-weight:800;display:block}.brand small{color:var(--sky-100);letter-spacing:.1em;text-transform:uppercase;margin-top:1px;font-size:11px;font-weight:600;display:block}.network-pill{border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.02em;background:#ffffff1f;border:1px solid #ffffff40;align-items:center;gap:8px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.network-pill.offline{color:#7f1d1d;background:#fee2e2;border-color:#fecaca}.network-dot{background:#34d399;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;box-shadow:0 0 0 3px #34d39959}.offline .network-dot{background:#ef4444;animation:none;box-shadow:0 0 0 3px #ef444459}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.flow-nav{z-index:25;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;justify-content:center;gap:8px;padding:10px 16px;display:flex;position:sticky;top:0}.flow-nav a{border-radius:var(--radius-full);color:var(--muted);align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.flow-nav a:hover{color:var(--brand);background:var(--sky-50)}.flow-nav a.active{color:#fff;background:var(--brand-gradient);box-shadow:0 4px 12px #0284c740}.flow-step{background:#00000014;border-radius:50%;place-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:grid}.flow-nav a.active .flow-step{color:#fff;background:#ffffff40}.onboarding-main{flex:1;width:min(100% - 32px,540px);margin:0 auto;padding:clamp(36px,6vw,72px) 0;overflow-y:auto}.pos-main{flex-direction:column;flex:1;width:100%;display:flex}.pos-dashboard-frame{background:var(--canvas);flex:1;grid-template-columns:210px minmax(0,1fr);height:calc(100vh - 60px);min-height:0;max-height:calc(100vh - 60px);display:grid;overflow:hidden}.pos-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--line);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:space-between;height:100%;max-height:100%;padding:20px 12px;display:flex;overflow:hidden auto}.pos-content-panel{background:var(--canvas);box-sizing:border-box;flex:1;min-width:0;height:100%;max-height:100%;overflow:hidden auto}.pos-sidebar-top{flex-direction:column;gap:6px;display:flex}.pos-sidebar-heading{letter-spacing:.12em;text-transform:uppercase;color:var(--muted-light);padding:8px 12px 4px;font-size:10px;font-weight:800}.pos-nav-item{border-radius:var(--radius-md);color:var(--slate-600);cursor:pointer;align-items:center;gap:12px;padding:11px 14px;font-size:13.5px;font-weight:650;transition:all .15s;display:flex}.pos-nav-item:hover{color:var(--brand);background:var(--sky-50);transform:translate(2px)}.pos-nav-item.active{color:#fff;background:var(--accent-gradient);box-shadow:var(--accent-glow);font-weight:750}.pos-nav-icon{place-items:center;width:24px;font-size:18px;display:grid}.pos-sidebar-bottom{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding-top:18px;display:flex}.cashier-profile-card{background:var(--sky-50);border:1px solid var(--sky-200);border-radius:var(--radius-md);align-items:center;gap:10px;padding:10px 12px;display:flex}.cashier-avatar{background:var(--brand-gradient);color:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:14px;font-weight:800;display:grid;box-shadow:0 3px 8px #0284c733}.cashier-info{min-width:0}.cashier-name{color:var(--slate-800);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:750;overflow:hidden}.cashier-outlet{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.logout-button{border:1px solid var(--line);border-radius:var(--radius-md);width:100%;color:var(--slate-600);cursor:pointer;background:#fff;align-items:center;gap:10px;padding:9px 12px;font-size:12.5px;font-weight:650;transition:all .15s;display:flex}.logout-button:hover{background:var(--danger-soft);color:var(--danger);border-color:#fecaca}.sale-container{flex-direction:column;gap:20px;min-width:0;padding:22px 28px 36px;display:flex}.sale-main-grid{grid-template-columns:minmax(0,1fr) 390px;align-items:start;gap:24px;display:grid}.catalog-section{flex-direction:column;gap:18px;min-width:0;display:flex}.search-filter-bar{align-items:center;gap:12px;display:flex}.search-input-wrap{border:1px solid var(--line);border-radius:var(--radius-full);height:50px;box-shadow:var(--shadow-sm);background:#fff;flex:1;align-items:center;gap:10px;padding:0 18px;transition:all .2s;display:flex}.search-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0ea5e92e}.search-icon{color:var(--muted-light);font-size:16px}.search-input{color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:14px;font-weight:500}.search-input::placeholder{color:var(--muted-light)}.filter-btn{border-radius:var(--radius-full);border:1px solid var(--line);width:50px;height:50px;color:var(--slate-600);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;place-items:center;font-size:18px;transition:all .15s;display:grid}.filter-btn:hover{background:var(--sky-50);color:var(--brand);border-color:var(--brand-border)}.category-row{scrollbar-width:none;gap:12px;padding-bottom:6px;display:flex;overflow-x:auto}.category-row::-webkit-scrollbar{display:none}.category-card{border:1.5px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;min-width:96px;box-shadow:var(--shadow-sm);text-align:center;background:#fff;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;padding:14px 16px;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.category-card:hover{border-color:var(--brand-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card.active{background:var(--sky-50);border-color:var(--brand);box-shadow:0 6px 18px #0ea5e926}.category-card-icon{background:var(--slate-100);border-radius:14px;place-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:grid}.category-card.active .category-card-icon{background:var(--accent-gradient);color:#fff;box-shadow:var(--accent-glow)}.category-card-name{color:var(--slate-800);font-size:12.5px;font-weight:750}.category-card.active .category-card-name{color:var(--brand)}.category-card-count{color:var(--muted-light);font-size:10px;font-weight:600}.category-card.active .category-card-count{color:var(--brand)}.product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}.product-card{border:1.5px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);background:#fff;flex-direction:column;transition:all .22s cubic-bezier(.2,0,0,1);display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:var(--sky-300);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card.in-cart{border-color:var(--brand);box-shadow:0 8px 24px #0ea5e926}.product-image-wrap{background:var(--slate-100);height:140px;position:relative;overflow:hidden}.product-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1);display:block}.product-card:hover .product-image-wrap img{transform:scale(1.06)}.promo-badge{background:var(--accent-gradient);color:#fff;border-radius:var(--radius-full);letter-spacing:.02em;padding:4px 9px;font-size:10px;font-weight:800;position:absolute;top:10px;left:10px;box-shadow:0 3px 8px #f973164d}.type-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--slate-700);border-radius:var(--radius-full);background:#ffffffe6;padding:3px 8px;font-size:10px;font-weight:700;position:absolute;top:10px;right:10px}.product-content{flex-direction:column;flex:1;justify-content:space-between;gap:12px;padding:14px 16px 16px;display:flex}.product-info h3{color:var(--slate-900);margin:0 0 4px;font-size:14.5px;font-weight:750;line-height:1.35}.product-info p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price-row{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.product-price{color:var(--brand);letter-spacing:-.01em;font-size:15px;font-weight:800}.add-to-dish-btn{border-radius:var(--radius-full);border:1.5px solid var(--sky-200);background:var(--sky-50);width:100%;height:38px;color:var(--brand);cursor:pointer;justify-content:center;align-items:center;gap:6px;font-size:12.5px;font-weight:750;transition:all .15s;display:flex}.add-to-dish-btn:hover{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:0 4px 12px #0284c740}.card-counter{background:var(--accent-soft);border:1.5px solid var(--accent-border);border-radius:var(--radius-full);justify-content:space-between;align-items:center;width:100%;height:38px;padding:0 4px;display:flex}.card-counter-btn{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:30px;height:30px;font-size:14px;font-weight:800;transition:transform .1s;display:grid}.card-counter-btn:hover{background:var(--accent-hover);transform:scale(1.1)}.card-counter-val{color:var(--sunset-700);font-size:13.5px;font-weight:800}.bottom-queue-bar{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);scrollbar-width:none;background:#fff;align-items:center;gap:12px;padding:12px 16px;display:flex;overflow-x:auto}.bottom-queue-bar::-webkit-scrollbar{display:none}.queue-badge-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:11.5px;font-weight:800}.queue-chip{background:var(--slate-50);border:1px solid var(--slate-200);border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:8px;padding:6px 12px;font-size:12px;transition:all .15s;display:flex}.queue-chip:hover{background:var(--sky-50);border-color:var(--brand-border)}.queue-chip-tag{background:var(--accent-gradient);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:10.5px;font-weight:800;display:grid}.queue-chip-status{border-radius:var(--radius-full);color:#15803d;background:#dcfce7;padding:2px 7px;font-size:10px;font-weight:750}.order-panel{border:1.5px solid var(--line);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);background:#fff;flex-direction:column;display:flex;position:sticky;top:90px;overflow:hidden}.order-header{border-bottom:1px solid var(--line-light);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.order-header-info h2{color:var(--slate-900);margin:0;font-size:18px;font-weight:800}.order-header-info p{color:var(--muted);margin:2px 0 0;font-size:12px}.edit-table-btn{border:1px solid var(--line);background:var(--slate-50);width:36px;height:36px;color:var(--slate-600);cursor:pointer;border-radius:50%;place-items:center;font-size:14px;transition:all .15s;display:grid}.edit-table-btn:hover{background:var(--sky-50);color:var(--brand);border-color:var(--brand-border)}.order-type-tabs{background:var(--slate-50);border-bottom:1px solid var(--line-light);grid-template-columns:repeat(3,1fr);gap:6px;padding:8px 16px;display:grid}.order-type-tab{border-radius:var(--radius-md);color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;padding:8px 4px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.order-type-tab:hover{color:var(--brand);background:#0284c70f}.order-type-tab.active{color:var(--brand);box-shadow:var(--shadow-sm);background:#fff;font-weight:800}.order-items-list{flex-direction:column;gap:12px;max-height:270px;padding:12px 18px;display:flex;overflow-y:auto}.order-empty-cart{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:8px;padding:38px 20px;display:flex}.empty-cart-icon{color:var(--sky-300);font-size:36px}.order-item-card{border-bottom:1px dashed var(--line);grid-template-columns:46px 1fr auto;align-items:center;gap:12px;padding-bottom:12px;display:grid}.order-item-thumb{background:var(--sky-50);border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;font-size:22px;display:grid}.order-item-detail h4{color:var(--slate-900);margin:0 0 2px;font-size:13.5px;font-weight:750}.order-item-detail p{color:var(--muted);margin:0 0 4px;font-size:11px}.order-item-unit-price{color:var(--brand);font-size:12px;font-weight:700}.order-item-controls{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.order-item-stepper{background:var(--slate-100);border-radius:var(--radius-full);align-items:center;gap:6px;padding:2px;display:flex}.order-item-stepper button{width:22px;height:22px;color:var(--slate-700);cursor:pointer;box-shadow:var(--shadow-sm);background:#fff;border:0;border-radius:50%;place-items:center;font-size:12px;font-weight:800;transition:all .1s;display:grid}.order-item-stepper button:hover{background:var(--accent);color:#fff}.order-item-stepper span{padding:0 4px;font-size:12px;font-weight:800}.order-item-total-price{color:var(--slate-800);font-size:12.5px;font-weight:800}.order-summary-section{background:var(--slate-50);border-top:1px solid var(--line);flex-direction:column;gap:10px;padding:16px 20px 20px;display:flex}.summary-calc-row{color:var(--muted);justify-content:space-between;align-items:center;font-size:12.5px;display:flex}.summary-calc-row strong{color:var(--slate-800)}.summary-total-divider{border-top:1.5px dashed var(--line);margin:6px 0}.summary-total-row{justify-content:space-between;align-items:baseline;display:flex}.summary-total-label{color:var(--slate-900);font-size:14px;font-weight:800}.summary-total-value{color:var(--slate-900);letter-spacing:-.02em;font-size:22px;font-weight:900}.payment-methods-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:8px 0;display:grid}.payment-method-card{border-radius:var(--radius-md);border:1.5px solid var(--line);color:var(--slate-700);cursor:pointer;background:#fff;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:11px;font-weight:750;transition:all .15s;display:flex}.payment-method-card:hover{border-color:var(--brand-border);background:var(--sky-50);color:var(--brand)}.payment-method-card.active{border-color:var(--accent);background:var(--accent-soft);color:var(--sunset-700);box-shadow:0 2px 8px #f9731626}.payment-method-icon{font-size:18px}.place-order-btn{border-radius:var(--radius-lg);background:var(--accent-gradient);color:#fff;letter-spacing:.01em;cursor:pointer;width:100%;height:52px;box-shadow:var(--accent-glow);border:0;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:800;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.place-order-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px -4px #f973168c}.place-order-btn:active:not(:disabled){transform:translateY(0)}.place-order-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;background:var(--slate-300);color:var(--slate-500)}.card{border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--paper);box-shadow:var(--shadow-md)}.form-card{padding:clamp(24px,5vw,42px)}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.03em;color:var(--slate-900);margin-bottom:10px;font-size:clamp(28px,4.5vw,38px);font-weight:850;line-height:1.1}h2{color:var(--slate-900);font-size:20px;font-weight:800}.lead{color:var(--muted);margin-bottom:24px;font-size:14.5px;line-height:1.6}.stack{gap:18px;display:grid}.field{color:var(--slate-800);gap:8px;font-size:13.5px;font-weight:700;display:grid}.field input,.field select,.field textarea,.text-input{border:1.5px solid var(--line);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--ink);background:#fff;outline:none;padding:11px 15px;transition:border-color .15s,box-shadow .15s}.field textarea{resize:vertical;min-height:92px}.field input:focus,.field select:focus,.field textarea:focus,.text-input:focus{border-color:var(--brand);box-shadow:0 0 0 3px #0ea5e92e}.field small{color:var(--muted);font-size:12px;font-weight:500}.money-input-wrap{border:1.5px solid var(--line);border-radius:var(--radius-md);background:#fff;align-items:center;transition:all .15s;display:flex;overflow:hidden}.money-input-wrap:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px #0ea5e92e}.money-input-wrap>span{color:var(--muted);padding-left:16px;font-size:16px;font-weight:800}.money-input-wrap input{color:var(--slate-900);border:0;padding:10px 14px;font-size:22px;font-weight:800;box-shadow:none!important}.button{border-radius:var(--radius-md);cursor:pointer;color:#fff;background:var(--brand-gradient);border:0;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:10px 20px;font-size:14px;font-weight:750;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex;box-shadow:0 4px 14px #0284c733}.button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 18px #0284c74d}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.button.secondary{color:var(--slate-700);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}.button.secondary:hover:not(:disabled){background:var(--sky-50);border-color:var(--brand-border);color:var(--brand)}.button.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 4px 14px #ef444440}.button.accent{background:var(--accent-gradient);box-shadow:var(--accent-glow)}.button.large{min-height:52px;padding-inline:24px;font-size:15.5px}.button.full{width:100%}.button-row{flex-wrap:wrap;gap:10px;display:flex}.link{color:var(--brand);text-underline-offset:3px;font-weight:750;text-decoration:underline}.callout{border-radius:var(--radius-md);color:var(--sunset-800);background:var(--sunset-50);border:1px solid var(--sunset-200);padding:14px 16px;font-size:13px;line-height:1.5}.error-banner{border-radius:var(--radius-md);color:#991b1b;background:var(--danger-soft);border:1px solid #fecaca;padding:13px 16px;font-size:13px;line-height:1.5}.success-banner{border-radius:var(--radius-md);color:#065f46;background:var(--success-soft);border:1px solid #a7f3d0;padding:13px 16px;font-size:13px;line-height:1.5}.quick-cash-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0 16px;display:grid}.quick-cash-btn{border-radius:var(--radius-md);border:1.5px solid var(--sky-200);background:var(--sky-50);color:var(--sky-800);cursor:pointer;padding:10px 4px;font-size:12px;font-weight:800;transition:all .12s}.quick-cash-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}.state-panel{border:1.5px solid var(--line);border-radius:var(--radius-lg);max-width:700px;box-shadow:var(--shadow-sm);background:#fff;align-items:flex-start;gap:16px;padding:24px;display:flex}.state-panel h2{margin:0 0 6px}.state-copy{color:var(--muted);font-size:14px;line-height:1.55}.state-copy p:last-child{margin-bottom:0}.state-action{margin-top:16px}.state-icon{width:38px;height:38px;color:var(--brand);background:var(--sky-50);border-radius:12px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid}.state-panel.error .state-icon,.state-panel.forbidden .state-icon{color:var(--danger);background:var(--danger-soft)}.state-panel.success .state-icon{color:var(--success);background:var(--success-soft)}.dialog-backdrop{z-index:60;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aa6;place-items:center;padding:18px;animation:.15s ease-out fadeIn;display:grid;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{border-radius:var(--radius-xl);width:min(100%,520px);max-height:calc(100vh - 40px);box-shadow:var(--shadow-xl);background:#fff;padding:28px;animation:.2s cubic-bezier(.2,0,0,1) slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.dialog-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.dialog-head h2{margin-bottom:4px}.dialog-close{cursor:pointer;background:var(--slate-100);width:36px;height:36px;color:var(--slate-600);border:0;border-radius:50%;place-items:center;font-size:20px;transition:all .12s;display:grid}.dialog-close:hover{background:var(--slate-200);color:var(--slate-900)}.option-list{gap:8px;margin:18px 0;display:grid}.option{border:1.5px solid var(--line);border-radius:var(--radius-md);cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .12s;display:flex}.option:hover{border-color:var(--brand-border);background:var(--sky-50)}.option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.option input{accent-color:var(--accent)}.server-total{border-radius:var(--radius-lg);background:linear-gradient(135deg, var(--sky-50) 0%, #e0f2fe 100%);border:1.5px solid var(--sky-200);margin:20px 0;padding:18px 20px}.server-total small{color:var(--sky-800);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700;display:block}.server-total strong{color:var(--sky-900);letter-spacing:-.02em;margin-top:4px;font-size:28px;font-weight:900;display:block}.receipt-wrap{width:min(100%,640px);margin:0 auto;padding:24px 16px}.receipt-actions{justify-content:space-between;gap:12px;margin-bottom:20px;display:flex}.receipt{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line);background:#fff;padding:clamp(24px,6vw,48px)}.receipt-brand{text-align:center}.receipt-brand h1{margin-bottom:4px;font-size:26px}.receipt-meta{border-block:1px dashed var(--slate-300);grid-template-columns:1fr auto;gap:6px 20px;margin:24px 0;padding:16px 0;font-size:13px;display:grid}.receipt-items{gap:14px;display:grid}.receipt-item{grid-template-columns:1fr auto;gap:8px 20px;display:grid}.receipt-item small{color:var(--muted)}.receipt-totals{border-top:1px dashed var(--slate-300);margin-top:20px;padding-top:16px}.receipt-footer{color:var(--muted);text-align:center;margin:26px 0 0;font-size:12px}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;display:grid}.metric{border-radius:var(--radius-md);background:var(--slate-50);border:1px solid var(--line);padding:16px}.metric small{color:var(--muted);font-size:12px;display:block}.metric strong{color:var(--slate-900);margin-top:6px;font-size:18px;display:block}@media (max-width:1100px){.pos-dashboard-frame{grid-template-columns:80px minmax(0,1fr)}.pos-sidebar{padding:18px 8px}.pos-sidebar-heading,.pos-nav-item span:not(.pos-nav-icon),.cashier-info,.logout-button span:not(.pos-nav-icon){display:none}.pos-nav-item{justify-content:center;padding:12px}.cashier-profile-card{justify-content:center;padding:6px}.logout-button{justify-content:center;padding:10px}.sale-main-grid{grid-template-columns:1fr}.order-panel{position:static}}@media (max-width:768px){.pos-dashboard-frame{grid-template-columns:1fr}.pos-sidebar{display:none}.sale-container{padding:16px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid{grid-template-columns:1fr}}@media print{body{background:#fff}.topbar,.flow-nav,.pos-sidebar,.receipt-actions,.network-pill{display:none!important}.pos-main{width:100%;padding:0}.receipt{width:78mm;box-shadow:none;border:none;margin:0 auto;padding:4mm}}