body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f5f7fb}.login-wrap{position:relative;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#dbeafe,#f0f9ff 40%,#eef2ff)}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.login-bg img{width:70%;max-width:900px;opacity:.05}.login-card{width:100%;max-width:380px;padding:28px 26px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.05);box-shadow:0 18px 40px #0000001f;animation:fadeIn .35s ease}.login-top{text-align:center;margin-bottom:18px}.login-logo{width:160px;max-width:100%}.login-form{display:flex;flex-direction:column}.label{margin-bottom:4px;font-size:12px;font-weight:600;color:#555}.input{width:100%;height:42px;margin-bottom:12px;padding:0 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:border .2s ease,box-shadow .2s ease}.input:focus{outline:none;border-color:#1f7ae0;box-shadow:0 0 0 2px #1f7ae026}.btn-primary{width:100%;height:42px;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;background:linear-gradient(180deg,#1f7ae0,#1556a6);transition:transform .15s ease,opacity .2s ease}.btn-primary:hover:not(:disabled){opacity:.95;transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.error{margin-bottom:10px;padding:8px 10px;font-size:12px;font-weight:600;color:#b00020;background:#ffe5e5;border-radius:6px}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.shell{height:100vh;display:grid;grid-template-columns:175px minmax(0,1fr);background:#f5f7fb;overflow:hidden}.side{display:flex;flex-direction:column;gap:10px;min-height:0;padding:6px;overflow-y:auto;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-right:1px solid rgba(15,23,42,.08)}.sideTop{padding:14px 10px;text-align:center;background:#fff;border:1px solid rgba(37,99,235,.1);border-radius:18px;box-shadow:0 8px 20px #0f172a0d}.brandBox,.brandText{display:flex;flex-direction:column;align-items:center}.brandBox{gap:10px}.sideLogo{width:78px;height:78px;padding:6px;object-fit:contain;flex-shrink:0;background:linear-gradient(180deg,#fff,#f8fbff);border:1px solid rgba(37,99,235,.12);border-radius:16px;box-shadow:0 8px 18px #2563eb14}.appName{margin:2px 0 0;color:#0f172a;font-size:14px;font-weight:900;line-height:1.2;letter-spacing:.2px;text-align:center}.appSubTitle{margin-top:3px;color:#667085;font-size:11px;font-weight:700;line-height:1.3}.appSub{margin-top:8px;color:#64748b;font-size:11px;font-weight:700;line-height:1.35}.adminBadge{display:inline-flex;align-items:center;justify-content:center;margin-top:7px;padding:4px 9px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:10px;font-weight:800;letter-spacing:.2px}.nav{display:flex;flex-direction:column;gap:6px}.navLink{display:flex;align-items:center;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:12px;color:#111827;text-decoration:none;font-size:13px;font-weight:800;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.navLink:hover{background:#2563eb14;color:#1d4ed8;border-color:#2563eb1a;transform:translate(2px)}.navLink.active{color:#1d4ed8;background:#2563eb1f;border-color:#2563eb33;box-shadow:inset 0 0 0 1px #2563eb0a}.logoutBtn{width:100%;margin-top:auto;min-height:42px;padding:0 12px;border:1px solid rgba(15,23,42,.08);border-radius:12px;background:#fff;color:#111827;font-size:13px;font-weight:900;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease,border-color .18s ease}.logoutBtn:hover{background:#eef2f7;border-color:#0f172a1f;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a0f}.content{height:100vh;min-width:0;padding:6px;overflow:auto}@media (max-width: 900px){.shell{grid-template-columns:78px minmax(0,1fr)}.side{gap:8px;padding:8px 6px}.sideTop{padding:8px 4px;border-radius:14px}.sideLogo{width:50px;height:50px;padding:4px;border-radius:10px}.appName,.appSub,.appSubTitle,.adminBadge{display:none}.nav{gap:5px}.navLink{justify-content:center;min-height:40px;padding:0 4px;font-size:11px;text-align:center}.logoutBtn{min-height:40px;padding:0 4px;font-size:11px}.content{padding:8px}}@media (max-width: 640px){.shell{grid-template-columns:64px minmax(0,1fr)}.side{padding:6px 4px}.sideTop{padding:6px 2px;border-radius:12px}.sideLogo{width:42px;height:42px;padding:3px}.navLink,.logoutBtn{min-height:38px;font-size:10px;border-radius:10px}.content{padding:6px}}:root{--bg: #f6f7fb;--card: #ffffff;--card-soft: #f8fafc;--surface: #f2f4f7;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--primary-dark: #1d4ed8;--danger: #ef4444;--danger-dark: #dc2626;--warning: #f59e0b;--warning-dark: #d97706;--success: #22c55e;--success-dark: #16a34a;--orange: #f59e0b;--violet: #6366f1;--dark: #0b1220;--shadow-sm: 0 6px 18px rgba(15, 23, 42, .05);--shadow-md: 0 10px 30px rgba(15, 23, 42, .06);--shadow-lg: 0 14px 28px rgba(15, 23, 42, .1);--radius: 18px;--radius-md: 14px;--radius-sm: 12px;--radius-xs: 10px;--space-1: 6px;--space-2: 8px;--space-3: 10px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px}html,body,\#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit;outline:none}button{border:0}.posRoot{display:flex;flex-direction:column;min-height:100vh}.printOnlyReceipt{display:none}.posTopbar{display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:var(--space-5);padding:var(--space-5) var(--space-6);background:var(--card);border-bottom:1px solid var(--border)}.brandCenter{min-width:0}.restaurantBrand{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0}.restaurantBrandTop{display:flex;align-items:center;gap:var(--space-5);min-width:0}.restaurantLogo{width:60px;height:60px;object-fit:contain;flex-shrink:0;border-radius:14px;background:#fff;box-shadow:var(--shadow-sm)}.restaurantText{display:flex;flex-direction:column;min-width:0}.shopName{font-size:24px;font-weight:900;line-height:1.1;letter-spacing:.3px}.shopTag{margin-top:4px;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.2px}.shopSub{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:10px;color:var(--muted);font-size:13px;font-weight:700}.dot{opacity:.55}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:0 12px;border:1px solid rgba(37,99,235,.16);border-radius:999px;background:#2563eb1a;color:var(--primary);font-size:12px;font-weight:800}.muted{color:var(--muted)}.topMsg{margin-top:var(--space-2);color:var(--primary);font-size:12px;font-weight:800}.brandRight{display:flex;flex-direction:column;gap:var(--space-3)}.topRow{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3)}.searchWrap,.selectItemWrap,.select,.seg,.dtBox,.disc,.invoiceSearch input,.field input,.field select,.addressBox,.mField input,.mField select{border:1px solid var(--border);background:var(--surface);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.searchWrap:focus-within,.selectItemWrap:focus-within,.select:focus,.disc:focus,.invoiceSearch input:focus,.field input:focus,.field select:focus,.addressBox:focus,.mField input:focus,.mField select:focus{border-color:#2563eb59;box-shadow:0 0 0 3px #2563eb1f;background:#fff}.selectItemWrap{display:flex;align-items:center;gap:8px;min-height:50px;padding:4px 6px 4px 12px;border-radius:var(--radius-md);min-width:410px;background:#fff}.selectItemLabel{font-size:11px;font-weight:900;white-space:nowrap;color:var(--primary)}.selectItemWrap input{border:0;outline:0;background:transparent;min-width:170px;flex:1;font:inherit}.selectItemAdd{min-height:38px;padding:0 16px;border:0;border-radius:10px;background:#2563eb;color:#fff;font-weight:900;cursor:pointer}.selectItemAdd:hover{filter:brightness(.96)}.searchWrap{display:flex;align-items:center;gap:var(--space-2);flex:1;max-width:270px;min-height:46px;padding:0 14px;border-radius:var(--radius-md)}.searchIcon{flex-shrink:0;opacity:.7}.search{width:100%;border:0;background:transparent;color:var(--text);font-weight:700}.search::placeholder,.invoiceSearch input::placeholder,.addressBox::placeholder{color:#98a2b3}.select{min-height:46px;padding:0 14px;border-radius:var(--radius-md);color:var(--text);font-weight:800}.seg{display:flex;overflow:hidden;border-radius:var(--radius-md)}.segBtn{min-height:46px;padding:0 16px;background:transparent;font-weight:800;color:var(--muted);cursor:pointer;transition:background .15s ease,color .15s ease}.segBtn.active{background:var(--card);color:var(--primary)}.segPlaceholder{width:180px;height:46px;border-radius:var(--radius-md);background:transparent}.dtBox{min-width:160px;padding:10px 14px;border-radius:var(--radius-md);background:var(--card);text-align:right}.dtDate{color:var(--muted);font-size:12px;font-weight:800}.dtTime{margin-top:2px;font-size:16px;font-weight:900;color:var(--text)}.renewalBar{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.renewalBar.warn{border-color:#f59e0b3d;background:#fff7ed}.renewalBar.expired{border-color:#ef44443d;background:#fef2f2}.renewalTop{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.renewalLabel{font-size:12px;color:var(--muted);font-weight:800}.renewalDate{font-size:14px;font-weight:900;color:var(--text)}.renewalAlert{font-size:12px;font-weight:800;color:#b45309}.renewalBar.expired .renewalAlert{color:#b91c1c}.posGrid{flex:1;min-height:0;display:grid;grid-template-columns:320px minmax(0,1fr) 420px;gap:14px;padding:14px}.leftCol,.midCol,.rightCol{min-height:0}.card{padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-md)}.cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:4px 2px 12px}.cardTitle{font-size:15px;font-weight:900;letter-spacing:.1px}.cardSub{margin-top:2px;color:var(--muted);font-size:12px;font-weight:700}.divider{height:1px;margin:12px 0;background:var(--border)}.empty{padding:18px 8px;color:var(--muted);font-size:13px;font-weight:700;text-align:center}.btn,.iconBtn,.tableBtn,.catBtn,.itemBtn,.itemEditBtn,.iconSquare,.modalX,.payBtn{transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease,opacity .15s ease,filter .15s ease}.btn{min-height:46px;padding:12px 14px;border:1px solid var(--border);border-radius:14px;background:var(--card);color:var(--text);font-weight:800;cursor:pointer}.btn:hover,.iconBtn:hover,.tableBtn:hover,.catBtn:hover,.itemBtn:hover,.itemEditBtn:hover,.iconSquare:hover,.modalX:hover{transform:translateY(-1px)}.btn:hover{box-shadow:var(--shadow-sm)}.btn:disabled,.payBtn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;filter:none}.btn.primary{border-color:var(--primary-dark);background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.btn.danger{border-color:var(--danger-dark);background:linear-gradient(135deg,var(--danger),var(--danger-dark));color:#fff}.btn.warning{border-color:var(--warning-dark);background:linear-gradient(135deg,var(--warning),var(--warning-dark));color:#111827}.btn.success{border-color:var(--success-dark);background:linear-gradient(135deg,var(--success),var(--success-dark));color:#fff}.btn.orange{border-color:#f59e0b47;background:#f59e0b2e;color:#92400e}.btn.violet{border-color:#6366f147;background:#6366f129;color:#3730a3}.btn.ghost{background:var(--surface)}.btn.dark{border-color:#0b1220;background:linear-gradient(135deg,#0b1220,#111827);color:#fff}.btn.full{grid-column:1 / -1}.iconBtn{min-height:42px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--card);font-weight:800;cursor:pointer}.tableGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.tableBtn{min-height:54px;padding:12px 0;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-weight:900;cursor:pointer}.tableBtn.selected{border-color:#2563eb59;background:#2563eb1a;color:var(--primary);box-shadow:inset 0 0 0 1px #2563eb14}.catGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:310px;overflow-y:auto;padding-right:4px}.catBtn{min-height:48px;padding:12px 10px;border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text);font-weight:800;text-align:center;cursor:pointer}.catBtn.active{border-color:#2563eb59;background:#2563eb1a;color:var(--primary)}.catBtn:nth-child(4n+1){background:#eff6ff;border-color:#bfdbfe}.catBtn:nth-child(4n+2){background:#f0fdf4;border-color:#bbf7d0}.catBtn:nth-child(4n+3){background:#fff7ed;border-color:#fed7aa}.catBtn:nth-child(4n){background:#faf5ff;border-color:#e9d5ff}.catBtn.active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important;box-shadow:0 4px 12px #2563eb38}.actionGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.field{display:flex;flex-direction:column;gap:6px;color:var(--text);font-size:12px;font-weight:700}.field span{color:var(--muted)}.field input,.field select{width:100%;height:40px;padding:0 12px;border-radius:10px;background:#fff}.field.full{grid-column:1 / -1}.addressBox{width:100%;min-height:76px;resize:none;padding:10px 12px;border-radius:10px;background:#fff;font-weight:700}.miniTitle{grid-column:1 / -1;margin-top:4px;padding-top:8px;border-top:1px dashed #e5e7eb;color:var(--muted);font-size:12px;font-weight:800;letter-spacing:.2px}.menuCard,.invoiceCard{display:flex;flex-direction:column;height:100%;min-height:0}.hintChip{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:800}.menuStats{display:flex;flex-wrap:wrap;gap:16px;margin:0 2px 12px;font-size:13px;font-weight:800}.menuPager{display:flex;align-items:center;gap:10px;margin-bottom:12px}.menuPagerText{font-size:14px;font-weight:800}.itemsGrid{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));align-content:start;gap:12px;flex:1;min-height:0;overflow:auto;padding:6px 4px}.itemWrap{position:relative;width:100%}.itemImageBox{width:100%;height:118px;margin-bottom:10px;overflow:hidden;border-radius:12px;background:#f8fafc;border:1px solid var(--border)}.itemImage{display:block;width:100%;height:100%;object-fit:cover}.itemNameAr{margin-top:4px;color:var(--muted);font-size:13px;font-weight:800;line-height:1.35;direction:rtl;text-align:left}.itemBtn{display:grid;grid-template-rows:auto 1fr auto;align-content:start;width:100%;min-height:205px;padding:12px;border:1px solid var(--border);border-radius:16px;background:#fff;text-align:left;cursor:pointer}.itemBtn:hover{box-shadow:var(--shadow-lg)}.itemBtn:active{transform:scale(.99)}.itemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding-right:38px}.itemName{font-size:14px;font-weight:900;line-height:1.25;color:var(--text)}.itemPrice{margin-top:8px;color:var(--muted);font-size:13px;font-weight:800}.pill{white-space:nowrap;padding:4px 8px;border:1px solid rgba(59,130,246,.22);border-radius:999px;background:#3b82f61f;color:#1d4ed8;font-size:11px;font-weight:800}.itemEditBtn{position:absolute;top:10px;right:10px;z-index:5;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:#fff;box-shadow:0 8px 16px #0f172a1a;font-size:14px;font-weight:800;line-height:1;cursor:pointer}.itemEditBtn:hover{background:var(--surface)}.invoiceHeader{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:10px;margin-bottom:10px;padding:6px 4px 12px;border-bottom:1px solid var(--border)}.invoiceLeft{display:flex;align-items:baseline;gap:10px}.invoiceTitle{font-size:16px;font-weight:900}.invoiceNo{color:var(--muted);font-weight:800}.invoiceNav{display:flex;justify-content:flex-end;gap:8px}.invoiceSearch{grid-column:1 / -1;display:flex;gap:8px}.invoiceSearch input{flex:1;min-height:46px;padding:0 14px;border-radius:14px;font-weight:800}.cartList{display:grid;gap:10px;flex:1;min-height:0;overflow:auto;padding:6px 4px}.cartRow{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:16px;background:var(--card-soft)}.cartLeft{min-width:0}.cartItemName{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900;line-height:1.2}.cartSub{margin-top:3px;color:var(--muted);font-size:12px;font-weight:700}.cartControls{display:flex;align-items:center;gap:6px}.cartTotal{min-width:86px;white-space:nowrap;text-align:right;font-weight:900}.iconSquare{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:16px;font-weight:800;line-height:1;cursor:pointer}.iconSquare:hover{background:var(--bg)}.iconSquare.trash{border-color:#ef444459;background:#fff5f5;color:#ef4444}.iconSquare.trash:hover{background:#fee2e2}.qtyPill{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid #dbe6ff;border-radius:10px;background:#f3f6ff;color:var(--text);font-weight:800}.checkoutBox{margin-top:10px;padding-top:10px;border-top:1px solid var(--border)}.totals{display:grid;gap:10px}.line{display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:800}.line.total b{font-size:18px}.disc{width:140px;min-height:42px;padding:0 12px;border-radius:14px;text-align:right;font-weight:800}.invoiceTools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.invoiceTools .btn.primary{border-color:#1e3a8a;background:linear-gradient(135deg,#1d4ed8,#1e3a8a);color:#fff;box-shadow:0 12px 24px #1e3a8a47}.invoiceTools .btn.ghost{border-color:#020617;background:linear-gradient(135deg,#0f172a,#020617);color:#fff;box-shadow:0 12px 24px #0206174d}.payGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.payBtn{min-height:50px;padding:14px 12px;border:1px solid transparent;border-radius:16px;color:#fff;font-weight:900;letter-spacing:.3px;cursor:pointer}.payBtn:hover{transform:translateY(-2px);filter:brightness(1.03)}.payBtn.cash{border-color:#14532d;background:linear-gradient(135deg,#166534,#14532d);box-shadow:0 12px 24px #14532d4d}.payBtn.card{border-color:#1e3a8a;background:linear-gradient(135deg,#1d4ed8,#1e3a8a);box-shadow:0 12px 24px #1e3a8a4d}.payBtn.multi{border-color:#92400e;background:linear-gradient(135deg,#b45309,#92400e);box-shadow:0 12px 24px #92400e4d}.modalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;padding:18px;background:#02061773;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.modalCard{width:min(520px,100%);overflow:hidden;border:1px solid var(--border);border-radius:18px;background:var(--card);box-shadow:0 22px 70px #0f172a40}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 16px 12px;border-bottom:1px solid var(--border)}.modalTitle{font-size:16px;font-weight:900}.modalSub{margin-top:4px;color:var(--muted);font-size:12px;font-weight:700}.modalX{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font-weight:800;cursor:pointer}.modalBody{display:grid;gap:12px;padding:14px 16px}.mField{display:grid;gap:6px;color:var(--muted);font-size:12px;font-weight:800}.mField input,.mField select{height:42px;padding:0 12px;border-radius:var(--radius-sm);background:#fff;color:var(--text);font-weight:800}.modalError{padding:10px 12px;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);background:#ef44441a;color:#991b1b;font-weight:800}.modalActions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 16px 16px;border-top:1px solid var(--border)}.modalRight{display:flex;gap:10px}@media print{html,body,#root{height:auto!important;overflow:visible!important;background:#fff!important}body{margin:0!important;padding:0!important;background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body *{visibility:hidden!important}.printOnlyReceipt,.printOnlyReceipt *{visibility:visible!important}.printOnlyReceipt{display:block!important;position:absolute!important;left:0!important;top:0!important;width:80mm!important;max-width:80mm!important;min-width:80mm!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important}.posTopbar,.posGrid,.modalBackdrop,.pmBackdrop,.printOverlay,.printTop,.printSheet{display:none!important}}@media (max-width: 1200px){.posTopbar{grid-template-columns:minmax(0,1fr) 380px}.posGrid{grid-template-columns:300px minmax(0,1fr) 380px}.itemsGrid{grid-template-columns:repeat(2,minmax(200px,1fr))}}@media (max-width: 992px){.posTopbar{grid-template-columns:1fr}.restaurantBrand,.restaurantText{align-items:flex-start;text-align:left}.restaurantBrandTop,.shopSub{justify-content:flex-start}.brandRight{width:100%}.topRow{justify-content:stretch;flex-wrap:wrap}.searchWrap{max-width:none}.renewalTop{flex-wrap:wrap}.posGrid{grid-template-columns:1fr}.leftCol,.midCol,.rightCol{min-height:auto}.itemsGrid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (max-width: 640px){.posTopbar{padding:14px}.shopName{font-size:20px}.restaurantLogo{width:52px;height:52px}.itemsGrid{grid-template-columns:1fr}.tableGrid{grid-template-columns:repeat(4,1fr)}.catGrid,.actionGrid,.invoiceTools,.payGrid,.formGrid,.cartRow{grid-template-columns:1fr}.cartItemName{max-width:none}.invoiceHeader{grid-template-columns:1fr}.invoiceNav{justify-content:flex-start}.menuStats{flex-direction:column;gap:6px}.menuPager{flex-wrap:wrap}}.itemsGrid{display:grid;grid-template-columns:repeat(4,minmax(145px,1fr));gap:12px;align-content:start;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 4px 12px}.itemWrap{position:relative;width:100%;min-width:0}.itemBtn{display:flex;flex-direction:column;width:100%;min-height:0;height:100%;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#fff;color:var(--text);text-align:left;cursor:pointer}.itemBtn:hover{border-color:#2563eb40;box-shadow:0 10px 24px #0f172a1a}.itemImageBox{position:relative;width:100%;height:118px;overflow:hidden;background:#f8fafc;border-bottom:1px solid var(--border)}.itemImage{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center}.itemImagePlaceholder{display:grid;place-items:center;width:100%;height:100%;font-size:38px;background:#f8fafc}.itemTop{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;width:100%;padding:9px 9px 0}.itemNames{min-width:0;flex:1}.itemName{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;font-size:13px;font-weight:900;line-height:1.25;color:var(--text)}.itemNameAr{margin-top:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.35;color:var(--muted);text-align:left;direction:rtl}.itemTop .pill{display:none}.itemPrice{margin:auto 0 0;padding:7px 9px 10px;color:#1d4ed8;font-size:12px;font-weight:900}.itemEditBtn{top:7px;right:7px;width:28px;height:28px;border-radius:8px;background:#fffffff5}@media (max-width: 1500px){.itemsGrid{grid-template-columns:repeat(3,minmax(145px,1fr))}}@media (max-width: 1200px){.itemsGrid{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media (max-width: 640px){.itemsGrid{grid-template-columns:repeat(2,minmax(130px,1fr))}.itemImageBox{height:105px}}@media (min-width: 1000px){.posRoot{height:100vh;min-height:100vh;overflow:hidden}.posTopbar{flex:0 0 auto;padding:10px 14px;grid-template-columns:minmax(0,1fr) auto;gap:12px}.brandRight{gap:6px}.brandRight .topRow{gap:8px}.brandRight .select,.brandRight .segBtn,.brandRight .dtBox{min-height:40px}.renewalBar{margin-top:0}.posGrid{overflow:hidden;height:auto;flex:1 1 auto;min-height:0;grid-template-columns:250px minmax(0,1fr) 330px;gap:10px;padding:10px}.leftCol,.midCol,.rightCol{height:100%;overflow:hidden}.leftCol{overflow-y:auto;padding-right:2px}.menuCard,.invoiceCard{height:100%;overflow:hidden}.invoiceCard{padding-bottom:10px}.itemsGrid{overflow-y:auto}.menuQuickBar{display:grid;grid-template-columns:minmax(340px,1.25fr) minmax(220px,.75fr);gap:10px;margin-bottom:10px;flex:0 0 auto}.menuQuickBar .selectItemWrap,.menuQuickBar .searchWrap{width:100%;max-width:none;min-width:0;min-height:42px}.menuQuickBar .selectItemWrap{padding-top:3px;padding-bottom:3px}.menuQuickBar .selectItemAdd{min-height:34px}.menuQuickBar .searchWrap{min-height:42px}.catGrid{max-height:290px;overflow-y:auto}.card{padding:10px}.tableGrid{gap:6px}.tableBtn{min-height:38px}.actionGrid{gap:7px}.actionGrid .btn{min-height:40px}}@media (max-width: 999px){.menuQuickBar{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.menuQuickBar .selectItemWrap,.menuQuickBar .searchWrap{width:100%;max-width:none;min-width:0}}.optionConfig{display:grid;gap:8px;padding:12px;border:1px solid #e5e7eb;border-radius:12px}.optionConfig label{display:flex;gap:8px;align-items:center}.optionModal{max-width:520px}.choiceGroup{display:grid;gap:8px;margin-bottom:14px}.choiceRow{display:flex;gap:8px;flex-wrap:wrap}.choice{padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;background:#fff;font-weight:700}.choice.active{background:#2563eb;color:#fff;border-color:#2563eb}.cartOptionNote{font-size:11px;font-weight:700;color:#2563eb;margin-top:2px;line-height:1.25}.posGrid>*,.leftCol,.midCol,.rightCol,.menuCard,.invoiceCard{min-width:0}.actionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.actionGrid .btn{width:100%;min-width:0;padding:9px 5px;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere}.catGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.catBtn{min-width:0;padding:9px 4px;font-size:12px;overflow-wrap:anywhere}.cartList{align-content:start}.cartRow{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;padding:12px}.cartItemName{max-width:none;white-space:normal;overflow:visible;overflow-wrap:anywhere;text-overflow:clip;line-height:1.4;font-size:14px}.cartControls{flex-wrap:wrap;min-width:0}.cartTotal{min-width:0;text-align:right;font-size:14px}.invoiceHeader,.invoiceSearch,.invoiceSearch input{min-width:0}@media (min-width: 1000px){.posGrid{grid-template-columns:245px minmax(0,1fr) 350px}.leftCol{overflow-x:hidden;overflow-y:auto}.leftCol .card{min-width:0}.itemsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.itemImageBox{height:100px;margin-bottom:0}.itemTop{padding:7px 8px 0}.itemPrice{padding:6px 8px 8px}.menuQuickBar{grid-template-columns:minmax(0,1fr) minmax(175px,.65fr)}.menuQuickBar .selectItemWrap,.menuQuickBar .selectItemWrap input{min-width:0}}@media (min-width: 1000px) and (max-width: 1350px){.posGrid{grid-template-columns:220px minmax(0,1fr) 335px}.itemsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 999px){.cartRow{grid-template-columns:minmax(0,1fr)}}@media print{.printOnlyReceipt{display:block!important}}.itemImageBox{height:150px;margin-bottom:0;display:flex;align-items:center;justify-content:center;background:#f8fafc}.itemImageBox .itemImage{width:100%;height:100%;object-fit:contain;object-position:center}@media (min-width: 1000px){.itemImageBox{height:150px}}@media (max-width: 640px){.itemImageBox{height:125px}}@media (min-width: 1000px){.posGrid{display:grid;grid-template-columns:200px minmax(0,1fr) 310px;gap:10px}.leftCol,.midCol,.rightCol{min-width:0}.itemsGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.catGrid{grid-template-columns:1fr}.tableGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.itemImageBox{height:150px}}.itemImageBox .itemImage{object-fit:contain;object-position:center}.pmBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110000;display:grid;place-items:center;padding:20px;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pmCard{width:min(460px,96vw);overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fff;box-shadow:0 24px 70px #00000047}.pmHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px;border-bottom:1px solid rgba(15,23,42,.08)}.pmTitle{color:#0f172a;font-size:16px;font-weight:900}.pmSub{margin-top:4px;color:#475569;font-size:13px;font-weight:700}.pmX{width:36px;height:36px;border:1px solid rgba(15,23,42,.1);border-radius:12px;background:#f8fafc;font-weight:900;cursor:pointer;transition:all .2s ease}.pmX:hover{background:#e2e8f0;transform:scale(1.05)}.pmBody{display:grid;gap:12px;padding:16px}.pmField{display:grid;gap:6px}.pmField span{color:#334155;font-size:13px;font-weight:800}.pmField input{width:100%;height:42px;padding:0 12px;border:1px solid #dbe2ea;border-radius:12px;background:#fff;font-weight:700;transition:all .18s ease}.pmField input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.pmGrid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pmRow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border:1px dashed #cbd5e1;border-radius:12px;background:#fff;font-weight:800}.pmRow span{color:#475569}.pmRow b{color:#0f172a}.pmActions{display:flex;justify-content:flex-end;gap:10px;padding:14px 16px 16px;border-top:1px solid rgba(15,23,42,.08)}.pmBtn{min-width:120px;height:40px;border-radius:12px;font-weight:800;cursor:pointer;transition:all .2s ease}.pmBtn.ghost{border:1px solid #dbe2ea;background:#fff;color:#0f172a}.pmBtn.ghost:hover{background:#f1f5f9}.pmBtn.primary{border:1px solid #2563eb;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 20px #2563eb40}.pmBtn.primary:hover{transform:translateY(-1px);box-shadow:0 14px 24px #2563eb59}.pmBtn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 520px){.pmGrid2{grid-template-columns:1fr}.pmActions{flex-direction:column}.pmBtn{width:100%}}.invWrap{display:flex;justify-content:center;align-items:flex-start;margin:0;padding:0;background:#fff}.invPaper{width:70mm;max-width:70mm;margin:0 auto;padding:0 4mm 4mm;background:#fff;color:#000;font-family:Courier New,Consolas,monospace;font-size:12px;line-height:1.35;font-weight:900;box-sizing:border-box;overflow:hidden;text-rendering:geometricPrecision;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invHead{text-align:center;margin:0;padding:0}.invLogo{display:block;width:58px;height:58px;margin:0 auto 4px;object-fit:contain;filter:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invName{margin:0;font-size:16px;font-weight:900;color:#000;letter-spacing:.3px;text-transform:uppercase;line-height:1.15}.invSub{margin:1px 0 0;font-size:10px;font-weight:900;color:#000;line-height:1.25}.invTitle{margin:4px 0 0;font-size:13px;font-weight:900;color:#000;letter-spacing:.8px;text-transform:uppercase}.invPayTag{margin:2px 0 0;font-size:10px;font-weight:900;color:#000}.invDash{margin:5px 0;border-top:1px dashed #000000}.invDash.thin{margin:3px 0;border-top:1px dashed #000000}.invMeta{margin-top:2px}.metaRow{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin:2px 0}.metaRow span,.metaRow b{font-size:11px;font-weight:900;color:#000}.metaRow span{flex:1;text-align:left}.metaRow b{flex-shrink:0;text-align:right}.metaRow.grand span,.metaRow.grand b{font-size:12px;font-weight:900}.tblHead,.tblRow{display:grid;grid-template-columns:minmax(0,1fr) 26px 44px 48px;column-gap:4px;align-items:start}.tblHead{font-size:11px;font-weight:900;margin-bottom:2px}.tblBody{display:grid;row-gap:3px}.tblHead>*,.tblRow>*{min-width:0;overflow-wrap:break-word;word-break:break-word}.c1{text-align:left;padding-left:1px}.c2,.c3,.c4{text-align:right}.invItemName{font-size:11px;font-weight:900;line-height:1.25}.invNote{margin-top:1px;font-size:9px;font-weight:900;line-height:1.2}.invPayTitle{text-align:center;font-size:11px;font-weight:900;margin:2px 0}.invFooter{text-align:center;font-size:10px;font-weight:900;margin-top:4px;line-height:1.3}@media print{html,body{margin:0!important;padding:0!important;background:#fff!important}body *{visibility:hidden!important}.printOverlay,.printOverlay *{visibility:visible!important}.printOverlay{position:absolute;top:0;left:0;width:80mm;margin:0!important;padding:0!important;background:#fff}.invWrap{display:block;margin:0!important;padding:0!important}.invPaper{width:70mm!important;max-width:70mm!important;margin:0 auto!important;padding:0 4mm 4mm!important;overflow:hidden!important;box-sizing:border-box!important}}.invItemArabic{direction:rtl;text-align:left;font-size:10px;line-height:1.2;margin-top:1px}:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b;--shadow-sm: 0 6px 18px rgba(15, 23, 42, .06);--shadow-md: 0 14px 34px rgba(15, 23, 42, .1);--ring: 0 0 0 3px rgba(37, 99, 235, .2);--r-xl: 18px;--r-lg: 16px;--r-md: 12px;--gap: 14px;--pad: 14px;--chip: #f2f4f7}.tablesRoot{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:var(--pad);background:var(--bg);color:var(--text)}.tablesHeader{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.seg{display:flex;overflow:hidden;padding:3px;background:var(--chip);border:1px solid var(--border);border-radius:999px}.segBtn{border:0;background:transparent;padding:10px 14px;border-radius:999px;font-weight:1000;cursor:pointer;transition:background .14s ease,transform .14s ease}.segBtn:hover{transform:translateY(-1px)}.segBtn.active{background:var(--card);box-shadow:0 6px 14px #0f172a0f}.segBtn:focus-visible{outline:none;box-shadow:var(--ring)}.searchWrap{display:flex;align-items:center;gap:8px;min-width:240px;padding:10px 12px;background:var(--chip);border:1px solid var(--border);border-radius:999px}.searchIcon{opacity:.65;font-weight:900}.searchWrap input{width:100%;border:0;outline:0;background:transparent;font-weight:900;color:var(--text)}.tablesGridWrap{flex:1;min-height:0;margin-top:var(--gap);display:grid;grid-template-columns:1fr 360px;gap:var(--gap)}.tablesLeft{min-height:0;display:flex;flex-direction:column}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:var(--gap);padding:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.fBtn{border:1px solid var(--border);background:var(--chip);padding:10px 14px;border-radius:999px;font-weight:1000;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.fBtn:hover{transform:translateY(-1px)}.fBtn.active{color:var(--primary);background:#2563eb1a;border-color:#2563eb66}.fBtn:focus-visible{outline:none;box-shadow:var(--ring)}.tablesGrid{flex:1;min-height:0;overflow:auto;align-content:start;display:grid;grid-template-columns:repeat(3,minmax(240px,1fr));gap:12px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm)}.tableCard{min-height:132px;padding:16px;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--r-xl);background:#fff;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.tableCard:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.tableCard:focus-visible{outline:none;box-shadow:var(--ring),var(--shadow-md)}.tableCard.selected{border-color:#2563eb8c;box-shadow:0 0 0 3px #2563eb1f,var(--shadow-md)}.tableCard.free{background:#22c55e14;border-color:#22c55e33}.tableCard.running{background:#f59e0b1a;border-color:#f59e0b3d}.tableCard.billed{background:#ef444414;border-color:#ef444438}.tableCard.busyRed{border-color:var(--danger)!important;background:#ef44441a!important}.tableTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.tableNo{font-size:16px;font-weight:1000;letter-spacing:.2px}.badge{white-space:nowrap;padding:5px 10px;font-size:11px;font-weight:1000;border:1px solid var(--border);border-radius:999px;background:var(--chip)}.badge.bFree{color:#166534;background:#22c55e1f;border-color:#22c55e40}.badge.bBill{color:#991b1b;background:#ef44441f;border-color:#ef444447}.tableMeta{margin-top:12px;display:grid;gap:10px}.metaRow{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-weight:900}.metaRow b{color:var(--text)}.sidePanel{height:100%;min-height:0;overflow:auto;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);opacity:.7;transition:opacity .16s ease}.xBtn{border:1px solid var(--border);background:var(--chip);border-radius:12px;padding:10px 12px;font-weight:1000;cursor:pointer;transition:transform .14s ease}.xBtn:hover{transform:translateY(-1px)}.xBtn:focus-visible{outline:none;box-shadow:var(--ring)}.panelInfo{display:grid;gap:10px;padding:10px 6px}.infoRow{display:flex;justify-content:space-between;align-items:center;font-weight:1000}.panelActions{display:grid;gap:10px;margin-top:10px;padding:0 6px}.btn{border:1px solid var(--border);background:#fff;padding:12px 14px;border-radius:14px;font-weight:1000;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1a}.tablesGrid::-webkit-scrollbar,.sidePanel::-webkit-scrollbar{width:10px}.tablesGrid::-webkit-scrollbar-thumb,.sidePanel::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:999px}.tablesGrid::-webkit-scrollbar-track,.sidePanel::-webkit-scrollbar-track{background:transparent}@media (max-width: 1200px){.tablesGridWrap{grid-template-columns:1fr}.sidePanel{height:auto}.tablesGrid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media (max-width: 820px){.tablesHeader{flex-direction:column;align-items:stretch}.headerRight{justify-content:space-between;flex-wrap:wrap}.searchWrap{min-width:100%}.tablesGrid{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media (max-width: 520px){.tablesGrid{grid-template-columns:1fr}}.wGrid{display:grid;grid-template-columns:180px minmax(0,1fr) 320px;gap:12px;width:100%;min-width:0;align-items:stretch;box-sizing:border-box}.wLeft,.wMid,.wRight{min-width:0;box-sizing:border-box}.wLeft{grid-column:1;overflow:hidden}.wMid{grid-column:2;overflow:hidden}.wRight{grid-column:3;display:flex;flex-direction:column;overflow:hidden}.waiterToolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:10px 12px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:12px}.waiterToolbar>*{min-width:0}.waiterToolbar select{min-height:40px;min-width:90px;border:1px solid #cbd5e1;border-radius:9px;padding:6px 10px;background:#fff}.catGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:5px;width:100%;margin:0;padding:0;align-content:start}.catBtn{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:40px;margin:0;padding:7px 9px;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;text-align:center;line-height:1.2}.itemsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;min-width:0;margin:0;padding:0;align-content:start}.itemBtn{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;height:auto;margin:0;padding:8px;overflow:hidden;box-sizing:border-box;text-align:left}.itemBtn .itemImg,.itemBtn .imageWrap,.itemBtn .itemImageWrap{display:flex;align-items:center;justify-content:center;width:100%;height:155px;margin:0;padding:0;overflow:hidden;background:#fff;border-radius:9px;box-sizing:border-box}.itemBtn img,.waiterItemImage{display:block;width:100%;height:155px;margin:0 auto;padding:0;object-fit:contain;object-position:center;border-radius:9px;box-sizing:border-box}.itemTop{display:block;width:100%;min-width:0;margin:7px 0 0;padding:0}.itemName{display:block;width:100%;margin:0;padding:0;overflow-wrap:anywhere;line-height:1.25;font-weight:800}.itemArabic{display:block;width:100%;margin:3px 0 0;padding:0;overflow-wrap:anywhere;line-height:1.25}.itemPrice{display:block;width:100%;margin:6px 0 0;padding:0;white-space:nowrap;line-height:1.2;font-weight:800}.orderList{flex:1 1 auto;width:100%;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}.orderRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:100%;min-width:0;margin:0;padding:10px 0;box-sizing:border-box}.oLeft{min-width:0}.oName{white-space:normal;overflow-wrap:anywhere;line-height:1.3}.oControls{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px;flex-shrink:0}.oControls button{min-width:32px;min-height:36px}.wActions{margin-top:auto;flex-shrink:0}.wActions button{min-height:42px;white-space:normal}.waiterModalBackdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box;background:#0f172a94}.waiterOptionModal{display:block;width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);margin:0;padding:14px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:#fff;border-radius:14px;box-shadow:0 20px 55px #00000040}.waiterModalHead{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin:0 0 8px;padding:0 0 8px;border-bottom:1px solid #e5e7eb}.waiterModalHead button{margin:0;flex-shrink:0}.waiterChoice,.waiterNote{display:block;margin:8px 0 0;padding:0}.waiterChoice>b,.waiterNote>b{display:block;margin:0 0 5px;line-height:1.15}.waiterChoice>div{display:flex;flex-wrap:wrap;align-items:stretch;gap:6px;margin:0;padding:0}.waiterChoice button{min-height:40px;margin:0;padding:6px 12px;border:1px solid #d8dee9;border-radius:8px;background:#fff;font-weight:700}.waiterChoice button.active{color:#fff;background:#2563eb;border-color:#2563eb}.waiterNote input{display:block;width:100%;min-height:38px;margin:0;padding:7px 10px;box-sizing:border-box}.waiterAddOption{display:block;width:100%;min-height:42px;margin:8px 0 0;padding:8px 12px;border:0;border-radius:9px;background:#2563eb;color:#fff;font-weight:800}@media (max-width:1200px){.wGrid{grid-template-columns:165px minmax(0,1fr) 285px;gap:8px}.itemsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:850px){.wGrid{grid-template-columns:145px minmax(0,1fr) 240px;gap:6px}.itemsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.itemBtn .itemImg,.itemBtn .imageWrap,.itemBtn .itemImageWrap,.itemBtn img,.waiterItemImage{height:120px}.catBtn{min-height:38px;font-size:12px}.orderRow{grid-template-columns:minmax(0,1fr)}.oControls{justify-content:flex-start}}@media (max-width:650px){.wGrid{grid-template-columns:minmax(0,1fr);gap:10px}.wLeft,.wMid,.wRight{grid-column:1}.wRight{min-height:320px}.catGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.waiterToolbar{align-items:stretch}.waiterToolbar>*{flex:1 1 auto}}.wRoot .wTitle{color:#0f172a!important;font-size:22px!important;font-weight:900!important}.wRoot .cardTitle{color:#0f172a!important;font-size:16px!important;font-weight:800!important}.wRoot .wSub,.wRoot .cardSub{color:#475569!important}.wRoot .itemName,.wRoot .oName{color:#111827!important;font-weight:800!important}:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--chip: #f2f4f7;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--shadow-md: 0 14px 34px rgba(15, 23, 42, .1);--ring: 0 0 0 3px rgba(37, 99, 235, .2);--r-xl: 18px;--r-lg: 16px;--r-md: 12px;--r-sm: 10px;--gap: 14px;--t: .14s ease}button,input{font:inherit}.ordersRoot{height:100%;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:var(--gap);background:var(--bg);color:var(--text)}.ordersHeader{display:flex;justify-content:space-between;align-items:center;gap:var(--gap);padding:14px 16px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow)}.title{font-size:18px;font-weight:1000;letter-spacing:.2px}.sub{margin-top:4px;font-size:12px;font-weight:800;color:var(--muted)}.topErr{margin-top:8px;font-size:12px;font-weight:900;color:#b91c1c}.headerRight{display:flex;align-items:center;gap:12px}.searchWrap{display:flex;align-items:center;gap:8px;min-width:320px;padding:10px 14px;background:var(--chip);border:1px solid var(--border);border-radius:999px;transition:border-color var(--t),box-shadow var(--t)}.searchWrap:focus-within{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb14}.searchIcon{opacity:.6;font-weight:900;flex:0 0 auto}.searchWrap input{width:100%;border:0;outline:0;background:transparent;color:var(--text);font-weight:900}.searchWrap input::placeholder{color:var(--muted)}.tabsRow{display:flex;flex-wrap:wrap;gap:10px;margin-top:var(--gap);padding:10px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow)}.tabBtn{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--border);border-radius:999px;background:var(--chip);font-weight:1000;cursor:pointer;transition:transform var(--t),background var(--t),border-color var(--t),color var(--t)}.tabBtn:hover{transform:translateY(-1px)}.tabBtn.active{color:var(--primary);background:#2563eb1a;border-color:#2563eb59}.count{padding:2px 8px;border-radius:999px;font-size:12px;background:#fff;border:1px solid var(--border);color:var(--text)}.ordersWrap{flex:1;min-height:0;margin-top:var(--gap);display:grid;grid-template-columns:1fr 360px;gap:var(--gap)}.ordersGrid{min-height:0;overflow:auto;align-content:start;display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow);scroll-behavior:smooth}.orderCard{height:176px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:12px;text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--r-lg);transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.orderCard:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.orderCard.selected{border-color:#2563ebb3;box-shadow:var(--ring),var(--shadow-md)}.orderCard.running{background:#f59e0b1a;border-color:#f59e0b38}.orderCard.ready{background:#22c55e1a;border-color:#22c55e38}.orderCard.billed{background:#ef444414;border-color:#ef444433}.cardTop{display:flex;justify-content:space-between;align-items:center;gap:10px}.cardTitle{font-size:16px;font-weight:1000;letter-spacing:.2px}.badge{white-space:nowrap;padding:4px 8px;border-radius:999px;font-size:10px;font-weight:1000;border:1px solid var(--border);background:var(--chip)}.badge.bRun{color:#92400e;background:#f59e0b29;border-color:#f59e0b4d}.badge.bReady{color:#166534;background:#22c55e24;border-color:#22c55e47}.badge.bBill{color:#991b1b;background:#ef444424;border-color:#ef444447}.cardMeta{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin-top:10px}.metaRow{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:800;color:var(--muted)}.metaRow b{color:var(--text);font-weight:1000;text-align:right}.metaRow.total{grid-column:1 / -1;margin-top:2px}.metaRow.total b{font-size:13px}.cardFoot{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding-top:8px;border-top:1px dashed rgba(15,23,42,.1);font-size:12px;font-weight:900;color:var(--muted)}.cardFoot b{color:var(--text)}.empty{padding:18px;color:var(--muted);font-weight:1000}.sidePanel{height:100%;min-height:0;overflow:auto;padding:12px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow);opacity:.82;transition:opacity var(--t)}.sidePanel.open{opacity:1}.panelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;padding:6px 6px 12px;border-bottom:1px solid var(--border)}.panelTitle{font-size:16px;font-weight:1000}.panelSub{margin-top:4px;font-size:12px;font-weight:900;color:var(--muted)}.xBtn{border:1px solid var(--border);background:var(--chip);border-radius:var(--r-md);padding:10px 12px;font-weight:1000;cursor:pointer;transition:transform var(--t),background var(--t)}.xBtn:hover{transform:translateY(-1px);background:#0f172a0a}.panelEmpty{padding:12px 6px}.panelEmptyTitle{font-weight:1000}.panelEmptySub{margin-top:6px;font-size:12px;font-weight:900;color:var(--muted)}.panelInfo{display:grid;gap:10px;padding:10px 6px 0}.infoRow{display:flex;justify-content:space-between;align-items:center;gap:12px;font-weight:1000}.infoRow span{color:var(--muted);font-weight:900}.itemsBox{margin-top:12px;padding:12px;background:#fafbff;border:1px solid var(--border);border-radius:var(--r-lg)}.itemsTitle{margin-bottom:10px;font-weight:1000}.itemsList{display:grid;gap:10px}.line{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px dashed rgba(15,23,42,.12)}.line:last-child{padding-bottom:0;border-bottom:0}.lineL{min-width:0}.lineName{font-weight:1000;word-break:break-word}.lineNote{margin-top:4px;font-size:12px;font-weight:900;color:var(--muted)}.lineR{text-align:right;display:grid;gap:2px}.qty{font-weight:1000}.price{font-size:12px;font-weight:900;color:var(--muted)}.panelActions{display:grid;gap:10px;margin-top:12px;padding:0 6px}.btn{border:1px solid var(--border);background:#fff;padding:12px 14px;border-radius:14px;font-weight:1000;cursor:pointer;transition:transform var(--t),box-shadow var(--t),opacity var(--t),background var(--t)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 22px #0f172a1a}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.big{padding:14px;font-size:14px}.btn.primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn.ghost{background:var(--chip)}.btn.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.hint{margin:12px 6px 6px;font-size:12px;font-weight:900;color:var(--muted)}.ordersGrid::-webkit-scrollbar,.sidePanel::-webkit-scrollbar{width:10px}.ordersGrid::-webkit-scrollbar-thumb,.sidePanel::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:999px}.ordersGrid::-webkit-scrollbar-track,.sidePanel::-webkit-scrollbar-track{background:transparent}@media (max-width: 1400px){.ordersGrid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media (max-width: 1200px){.ordersWrap{grid-template-columns:1fr}.sidePanel{height:auto}.ordersGrid{grid-template-columns:repeat(3,minmax(210px,1fr))}}@media (max-width: 900px){.ordersHeader{flex-direction:column;align-items:stretch}.headerRight{width:100%}.searchWrap{min-width:100%;width:100%}.ordersGrid{grid-template-columns:repeat(2,minmax(190px,1fr))}}@media (max-width: 520px){.ordersRoot{padding:10px}.ordersGrid{grid-template-columns:1fr}.tabsRow{gap:8px}.tabBtn{width:100%;justify-content:space-between}}:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--danger: #ef4444;--warning: #f59e0b;--success: #22c55e;--violet: #6366f1;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--shadow-soft: 0 6px 18px rgba(15, 23, 42, .05);--radius-xl: 18px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 10px;--transition: .15s ease}.kds{width:100%;padding:18px 18px 28px;color:var(--text)}.kdsHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.kdsTitle{min-width:0}.kdsTitleTop{font-size:26px;font-weight:800;letter-spacing:-.02em}.kdsTitleSub{margin-top:6px;color:var(--muted);font-size:13.5px;font-weight:600}.topErr{margin-top:8px;color:#b91c1c;font-size:13px;font-weight:800}.kdsTools{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.kdsSearch{position:relative;width:320px;max-width:70vw}.kdsSearchIcon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:14px;pointer-events:none}.kdsSearch input{width:100%;height:42px;padding:11px 12px 11px 36px;border-radius:var(--radius-md);border:1px solid var(--border);outline:none;background:var(--card);color:var(--text);box-shadow:0 1px #0f172a08;transition:border-color var(--transition),box-shadow var(--transition)}.kdsSearch input::placeholder{color:var(--muted)}.kdsSearch input:focus{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1f}.kdsToggle{display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;font-weight:700;font-size:13px;color:var(--muted)}.kdsToggle input{width:16px;height:16px;accent-color:var(--primary)}.kdsBtn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:800;font-size:14px;cursor:pointer;transition:transform var(--transition),filter var(--transition),background var(--transition),border-color var(--transition),opacity var(--transition);background:var(--card);white-space:nowrap}.kdsBtn:disabled{opacity:.55;cursor:not-allowed;transform:none}.kdsBtnPrimary{background:var(--primary);border-color:#2563eb40;color:#fff;box-shadow:0 10px 20px #2563eb2e}.kdsBtnPrimary:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.kdsBtnPrimary:active:not(:disabled){transform:translateY(0)}.kdsBtnGhost{background:var(--card);border-color:var(--border);color:var(--text)}.kdsBtnGhost:hover:not(:disabled){background:#0f172a08}.kdsBtnDanger{background:var(--danger);color:#fff;border-color:#ef444433;box-shadow:0 10px 20px #ef44442e}.kdsBtnDanger:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.kdsBtnDanger:active:not(:disabled){transform:translateY(0)}.kdsTabs{display:flex;gap:10px;padding:10px;margin-bottom:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow-x:auto}.kdsTab{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--muted);font-weight:900;cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition)}.kdsTab:hover{background:#0f172a08}.kdsTab.active{background:#2563eb1a;border-color:#2563eb2e;color:var(--primary)}.kdsBadge{min-width:26px;height:22px;padding:0 8px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#0f172a0f;color:var(--text);font-size:12px;font-weight:900}.kdsTab.active .kdsBadge{background:#2563eb2e;color:var(--primary)}.kdsBoard{min-height:calc(100vh - 210px)}.kdsGrid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:14px}.ticket{display:flex;flex-direction:column;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.ticket.rush{border-color:#f59e0b59;box-shadow:0 12px 32px #f59e0b1a}.ticketTop{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 14px 10px;border-bottom:1px solid var(--border)}.ticketLeft{min-width:0}.ticketToken{font-size:22px;font-weight:1000;letter-spacing:-.02em;line-height:1.1}.ticketMeta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;flex-wrap:wrap}.ticketDate{margin-top:7px;color:var(--muted);font-size:12px;font-weight:700}.dot{color:#0f172a40}.muted{color:var(--muted);font-weight:700}.pill{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:900}.stNew{background:#6366f11f;color:#4f46e5;border-color:#4f46e526}.stCooking{background:#f59e0b29;color:#b45309;border-color:#b4530926}.stReady{background:#22c55e24;color:#15803d;border-color:#15803d2e}.ticketRight{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.timer{padding:6px 10px;border-radius:999px;background:#0f172a0f;color:var(--text);font-size:14px;font-weight:1000}.timer.late{background:#ef44441f;color:#b91c1c}.rushTag{padding:6px 10px;border-radius:999px;background:#f59e0b2e;color:#92400e;border:1px solid rgba(146,64,14,.18);font-size:11px;font-weight:1000;letter-spacing:.08em}.ticketItems{display:flex;flex-direction:column;gap:10px;padding:10px 14px 6px}.ticketItem{display:flex;gap:10px;padding:10px;border-radius:14px;background:#0f172a08;border:1px solid rgba(15,23,42,.05)}.ticketItem .qty{width:44px;min-width:44px;height:34px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0f172a0f;font-weight:1000}.ticketItem .name{min-width:0}.ticketItem .name .main{font-weight:950}.ticketItem .name .note{margin-top:3px;color:var(--muted);font-size:12px;font-weight:700}.ticketActions{display:flex;gap:10px;padding:12px 14px 14px;margin-top:auto}.ticketActions .kdsBtn{flex:1}.kdsEmpty{display:flex;justify-content:center;align-items:center;padding:42px 0}.kdsEmptyCard{width:min(520px,92vw);padding:26px 22px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow);text-align:center}.kdsEmptyIcon{font-size:34px}.kdsEmptyTitle{margin-top:8px;font-size:18px;font-weight:1000}.kdsEmptyText{margin-top:6px;margin-bottom:14px;color:var(--muted);font-size:13px;font-weight:700}@media (max-width: 1200px){.kdsGrid{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media (max-width: 760px){.kds{padding:14px 14px 24px}.kdsHeader{flex-direction:column;align-items:stretch}.kdsTools{justify-content:stretch}.kdsSearch{width:100%;max-width:100%}.kdsGrid{grid-template-columns:1fr}.ticketTop{flex-direction:column;align-items:stretch}.ticketRight{flex-direction:row;justify-content:space-between;align-items:center}.ticketActions{flex-direction:column}}:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--danger: #ef4444;--warning: #f59e0b;--shadow: 0 10px 30px rgba(15, 23, 42, .06)}.dcWrap{min-height:100%;padding:18px 18px 28px;color:var(--text);background:var(--bg)}.dcPrintArea{width:100%;max-width:1200px;margin:0 auto}.dcHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.dcBrand{display:flex;align-items:center;gap:12px}.dcBrandLogo{display:block;width:72px;height:72px;object-fit:contain;flex-shrink:0}.dcBrandText{display:flex;flex-direction:column}.dcTitle{margin:0;font-size:26px;font-weight:900;line-height:1.1;letter-spacing:-.02em}.dcSub{margin:6px 0 0;color:var(--muted);font-size:13px;font-weight:700}.dcStatus{padding:6px 12px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:900;white-space:nowrap}.dcStatus.open{color:#15803d;background:#22c55e24;border-color:#15803d2e}.dcStatus.closed{color:#b91c1c;background:#ef44441f;border-color:#b91c1c2e}.dcTopMsg{margin-bottom:12px;padding:10px 14px;border-radius:12px;font-weight:800}.dcTopMsg.success{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0}.dcTopMsg.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.dcGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}.dcCard{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);break-inside:avoid;page-break-inside:avoid}.dcCardHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px}.dcCardHead h3{margin:0;font-size:15px;font-weight:900}.dcMuted{color:var(--muted);font-size:12px;font-weight:700}.dcLoading{padding:18px 0;color:var(--muted);font-weight:800}.dcRows{display:flex;flex-direction:column;gap:8px}.dcRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:12px}.dcRow span{color:var(--muted);font-weight:800}.dcRow b{text-align:right}.dcMiniStats{display:grid;gap:10px;margin-top:12px}.dcMiniStatsEight{grid-template-columns:repeat(4,minmax(0,1fr))}.dcMini{min-width:0;padding:10px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:12px}.dcMiniTop{color:var(--muted);font-size:12px;font-weight:800}.dcMiniVal{margin-top:4px;font-size:18px;font-weight:900}.dcPayList{display:flex;flex-direction:column;gap:8px}.dcPayRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);border-radius:12px}.dcPayRow span{color:var(--muted);font-weight:800}.dcDivider{height:1px;margin:12px 0;background:#0f172a14}.dcTotal{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:900}.dcActions{grid-column:1 / -1}.dcBtns{display:flex;flex-wrap:wrap;gap:10px}.dcBtn{padding:10px 14px;border:1px solid transparent;border-radius:12px;cursor:pointer;font-family:inherit;font-size:13px;font-weight:900;transition:transform .15s ease,opacity .15s ease}.dcBtn:hover:not(:disabled){transform:translateY(-1px)}.dcBtn:disabled{opacity:.55;cursor:not-allowed}.dcBtn.primary{color:#fff;background:var(--primary);box-shadow:0 10px 20px #2563eb2e}.dcBtn.danger{color:#fff;background:var(--danger);box-shadow:0 10px 20px #ef44442e}.dcBtn.warning{color:#fff;background:var(--warning);box-shadow:0 10px 20px #f59e0b2e}.dcTip{margin-top:10px;color:var(--muted);font-size:12px;font-weight:700}@media (max-width: 1100px){.dcMiniStatsEight{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.dcGrid{grid-template-columns:1fr}.dcMiniStatsEight{grid-template-columns:repeat(2,minmax(0,1fr))}.dcActions{grid-column:auto}}@media (max-width: 560px){.dcWrap{padding:12px}.dcHeader{flex-direction:column;align-items:flex-start}.dcBrand{align-items:center}.dcBrandLogo{width:62px;height:62px}.dcTitle{font-size:22px}.dcMiniStatsEight{grid-template-columns:repeat(2,minmax(0,1fr))}.dcCardHead{flex-direction:column;align-items:flex-start}.dcRow,.dcPayRow{font-size:13px}}@page{size:80mm auto;margin:0}@media print{html,body{width:80mm!important;margin:0!important;padding:0!important;color:#000!important;background:#fff!important;font-family:Arial,sans-serif!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}#dayclose-print,#dayclose-print *{visibility:visible!important}.noPrint,.dcActions,.dcTopMsg,.dcLoading{display:none!important}.dcWrap{width:80mm!important;margin:0!important;padding:0!important;color:#000!important;background:#fff!important}#dayclose-print{position:absolute!important;top:0!important;left:0!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:3mm!important;color:#000!important;background:#fff!important}.dcPrintArea{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.dcHeader{display:block!important;margin:0 0 3mm!important;padding:0 0 3mm!important;text-align:center!important;border-bottom:1px dashed #000000!important}.dcBrand{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:1mm!important;margin:0!important}.dcBrandLogo{display:block!important;width:32mm!important;height:auto!important;max-height:22mm!important;margin:0 auto 1mm!important;object-fit:contain!important}.dcBrandText{display:block!important;width:100%!important;text-align:center!important}.dcTitle{margin:0!important;color:#000!important;font-size:16px!important;font-weight:900!important;line-height:1.2!important}.dcSub{margin:1mm 0 0!important;color:#000!important;font-size:11px!important;font-weight:800!important;line-height:1.2!important}.dcStatus{display:inline-block!important;margin-top:2mm!important;padding:1mm 3mm!important;color:#000!important;background:transparent!important;border:1px solid #000000!important;border-radius:10mm!important;font-size:9px!important;font-weight:900!important}.dcStatus.open,.dcStatus.closed{color:#000!important;background:transparent!important;border-color:#000!important}.dcGrid{display:block!important;width:100%!important}.dcCard{width:100%!important;margin:0 0 3mm!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;break-inside:avoid!important;page-break-inside:avoid!important}.dcCardHead{display:block!important;margin:0 0 1mm!important;padding:1.5mm 0!important;border-top:1px dashed #000000!important;border-bottom:1px dashed #000000!important}.dcCardHead h3{margin:0!important;color:#000!important;font-size:11px!important;font-weight:900!important;text-align:center!important;text-transform:uppercase!important}.dcMuted{display:none!important}.dcRows{display:block!important}.dcRow{display:flex!important;justify-content:space-between!important;align-items:flex-start!important;gap:3mm!important;margin:0!important;padding:1.2mm 0!important;color:#000!important;background:transparent!important;border:0!important;border-bottom:1px dotted #999999!important;border-radius:0!important;font-size:10px!important;line-height:1.25!important}.dcRow span{color:#000!important;font-weight:700!important}.dcRow b{color:#000!important;font-weight:900!important;text-align:right!important}.dcMiniStats,.dcMiniStatsEight{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1mm!important;margin:1mm 0 0!important}.dcMini{min-width:0!important;padding:1.5mm .5mm!important;color:#000!important;background:transparent!important;border:1px solid #999999!important;border-radius:0!important;text-align:center!important}.dcMiniTop{color:#000!important;font-size:7px!important;font-weight:700!important;line-height:1.1!important}.dcMiniVal{margin-top:1mm!important;color:#000!important;font-size:11px!important;font-weight:900!important;line-height:1!important}.dcPayList{display:block!important}.dcPayRow{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:3mm!important;margin:0!important;padding:1.3mm 0!important;color:#000!important;background:transparent!important;border:0!important;border-bottom:1px dotted #999999!important;border-radius:0!important;font-size:10px!important}.dcPayRow span{color:#000!important;font-weight:700!important}.dcPayRow b{color:#000!important;font-weight:900!important}.dcDivider{height:1px!important;margin:2mm 0!important;background:#000!important}.dcTotal{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:3mm!important;padding:2mm 0!important;color:#000!important;border-top:1px solid #000000!important;border-bottom:1px double #000000!important;font-size:12px!important;font-weight:900!important}}:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--danger: #b42318;--shadow: 0 10px 30px rgba(15, 23, 42, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}.rpWrap{width:100%;min-height:100%;padding:18px 18px 28px;color:var(--text);background:var(--bg)}.rpHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px}.rpTitle{margin:0;font-size:26px;font-weight:900;letter-spacing:-.02em}.rpSub{margin-top:6px;color:var(--muted);font-size:13px;font-weight:700}.rpHeaderBtns{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.rpBtn{padding:10px 12px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:var(--card);font:inherit;font-weight:900;cursor:pointer;transition:background .2s ease,border-color .2s ease,filter .2s ease,transform .2s ease}.rpBtn:hover:not(:disabled){background:#0f172a08}.rpBtn:disabled{opacity:.55;cursor:not-allowed}.rpBtnPrimary{color:#fff;background:var(--primary);border-color:#2563eb40;box-shadow:0 10px 20px #2563eb2e}.rpBtnPrimary:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.rpFilters{margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow)}.rpTabs{display:flex;gap:10px;margin-bottom:10px;overflow-x:auto}.rpTab{flex-shrink:0;padding:8px 12px;border:1px solid var(--border);border-radius:999px;color:var(--muted);background:#fff;font:inherit;font-weight:900;white-space:nowrap;cursor:pointer}.rpTab:hover{background:#0f172a08}.rpTab.active{color:var(--primary);background:#2563eb1a;border-color:#2563eb2e}.rpFilterRow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px}.rpField{display:flex;flex-direction:column;gap:6px;min-width:150px}.rpField span{color:var(--muted);font-size:12px;font-weight:800}.rpField input,.rpField select{width:100%;min-height:40px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;color:var(--text);background:#fff;font:inherit;outline:none}.rpField input:focus,.rpField select:focus{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1f}.rpGrow{flex:1;min-width:260px}.rpTopMsg{margin-bottom:12px;padding:10px 12px;border:1px solid rgba(239,68,68,.15);border-radius:12px;color:var(--danger);background:#ef44440f;font-size:13px;font-weight:700}.rpLoading{padding:18px 4px;color:var(--muted);font-size:14px;font-weight:800}.rpPrintRoot,.rpA4Sheet{width:100%}.rpGrid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:16px;align-items:start}.rpCard{padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow);break-inside:avoid;page-break-inside:avoid}.rpWide{min-width:0;min-height:420px}.rpCardHead{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:12px}.rpCardTitle{font-size:18px;font-weight:900}.rpMuted{color:var(--muted);font-size:13px;font-weight:800}.rpSummaryGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.rpStat{min-height:76px;padding:12px;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#0f172a08;break-inside:avoid;page-break-inside:avoid}.rpStatLabel{color:var(--muted);font-size:13px;font-weight:800}.rpStatVal{margin-top:6px;font-size:20px;font-weight:900;word-break:break-word}.rpPayList{display:flex;flex-direction:column;gap:8px;margin-top:8px}.rpPayRow{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(15,23,42,.06);border-radius:12px;background:#0f172a08;break-inside:avoid;page-break-inside:avoid}.rpPayRow span{color:var(--muted);font-size:14px;font-weight:800}.rpPayRow b{font-size:15px;font-weight:900}.rpTable{width:100%;overflow:hidden;border:1px solid rgba(15,23,42,.08);border-radius:12px}.rpTr{display:grid;grid-template-columns:minmax(0,1fr) 90px 150px;gap:12px;align-items:center;padding:14px;border-top:1px solid rgba(15,23,42,.06);break-inside:avoid;page-break-inside:avoid}.rpTh{border-top:0;background:#0f172a0a;font-size:14px;font-weight:900}.rpItem{min-width:0;font-size:14px;font-weight:800;overflow-wrap:anywhere}.rpRight{text-align:right;font-size:14px;font-weight:800;white-space:nowrap}.rpTotal{color:var(--text);background:#2563eb14;border-top:1px solid rgba(37,99,235,.22);font-weight:900}.noPrint{display:block}.onlyPrint{display:none}.rpPrintHead{margin:0 0 18px;text-align:center}.rpPrintSub{margin-top:6px;color:var(--muted);font-size:15px;font-weight:700}.rpBrand{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 10px}.rpBrandLogo{width:82px;height:82px;object-fit:contain;flex-shrink:0}.rpBrandText{text-align:left}.rpBrandName{color:#8f1d17;font-size:24px;font-weight:900;line-height:1.1}.rpBrandReport{margin-top:4px;color:var(--muted);font-size:14px;font-weight:800}.rpBrandPrint{margin-bottom:10px}.rpThermalSheet{display:none;width:80mm;max-width:80mm;margin:0 auto;padding:0 2mm;color:#000;background:#fff;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box}.rpReceiptHead{margin:0 0 8px;padding:0 0 8px;border-bottom:1px dashed #000000;text-align:center}.rpReceiptLogo{display:block;width:64mm;max-width:100%;height:auto;max-height:30mm;margin:0 auto 4px;object-fit:contain}.rpReceiptRestaurant{margin:0 0 3px;text-align:center;font-size:16px;font-weight:900}.rpReceiptTitle{margin:0;font-size:17px;font-weight:900;text-transform:uppercase;letter-spacing:.3px}.rpReceiptDate{margin-top:4px;font-size:12px;font-weight:700}.rpReceiptSection{margin:0 0 8px;padding:0 0 8px;border-bottom:1px dashed #000000}.rpReceiptSectionLast{margin-bottom:0}.rpReceiptSectionTitle{margin:0 0 7px;font-size:13px;font-weight:900;text-transform:uppercase}.rpReceiptRow{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:3px 0;font-size:12px;line-height:1.3;break-inside:avoid;page-break-inside:avoid}.rpReceiptRow span:first-child{flex:1}.rpReceiptRow strong{flex-shrink:0;font-weight:900}.rpReceiptTableHead,.rpReceiptItem,.rpReceiptTotal{display:grid;grid-template-columns:minmax(0,1fr) 38px 65px;gap:6px;align-items:start;font-size:12px;line-height:1.3}.rpReceiptTableHead{padding-bottom:5px;border-bottom:1px solid #000000;font-weight:900}.rpReceiptTableHead span:nth-child(2),.rpReceiptTableHead span:nth-child(3),.rpReceiptItem span:nth-child(2),.rpReceiptItem span:nth-child(3),.rpReceiptTotal span:nth-child(2),.rpReceiptTotal span:nth-child(3){text-align:right}.rpReceiptItem{padding:4px 0;break-inside:avoid;page-break-inside:avoid}.rpReceiptItemName{min-width:0;overflow-wrap:anywhere}.rpReceiptTotal{margin-top:6px;padding-top:6px;border-top:1px solid #000000;font-weight:900}@media (max-width: 1100px){.rpGrid{grid-template-columns:1fr}}@media (max-width: 700px){.rpWrap{padding:14px}.rpHeader{flex-direction:column;align-items:stretch}.rpHeaderBtns{justify-content:flex-start}.rpFilterRow{flex-direction:column;align-items:stretch}.rpField,.rpGrow{width:100%;min-width:0}.rpSummaryGrid{grid-template-columns:1fr}.rpTr{grid-template-columns:minmax(0,1fr) 60px 105px;gap:8px;padding:10px}.rpItem,.rpRight,.rpTh{font-size:12px}}@media print{html,body{margin:0!important;padding:0!important;color:#000!important;background:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}#report-print,#report-print *{visibility:visible!important}.noPrint{display:none!important}.onlyPrint{display:block!important}.rpWrap{margin:0!important;padding:0!important;background:#fff!important}#report-print{position:absolute!important;top:0!important;left:0!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}.rpCard,.rpTable,.rpStat,.rpPayRow,.rpTr{box-shadow:none!important}.rpMuted,.rpStatLabel,.rpPayRow span,.rpPrintSub,.rpBrandReport{color:#000!important}body[data-report-print-mode=a4] #report-print{width:100%!important;max-width:100%!important}body[data-report-print-mode=a4] .rpA4Sheet{display:block!important;width:100%!important}body[data-report-print-mode=a4] .rpThermalSheet{display:none!important}body[data-report-print-mode=a4] .rpPrintHead{display:block!important;margin-bottom:12px!important}body[data-report-print-mode=a4] .rpBrandLogo{width:95px!important;height:95px!important;object-fit:contain!important}body[data-report-print-mode=a4] .rpBrandName{color:#000!important;font-size:24px!important}body[data-report-print-mode=a4] .rpGrid{grid-template-columns:36% minmax(0,64%)!important;gap:10px!important}body[data-report-print-mode=a4] .rpCard{padding:10px!important;border:1px solid #d0d5dd!important;border-radius:8px!important}body[data-report-print-mode=a4] .rpCardTitle{font-size:15px!important}body[data-report-print-mode=a4] .rpMuted{font-size:10px!important}body[data-report-print-mode=a4] .rpSummaryGrid{gap:6px!important}body[data-report-print-mode=a4] .rpStat{min-height:55px!important;padding:7px!important}body[data-report-print-mode=a4] .rpStatLabel{font-size:9px!important}body[data-report-print-mode=a4] .rpStatVal{margin-top:3px!important;font-size:12px!important}body[data-report-print-mode=a4] .rpPayRow{padding:6px 7px!important}body[data-report-print-mode=a4] .rpPayRow span,body[data-report-print-mode=a4] .rpPayRow b{font-size:10px!important}body[data-report-print-mode=a4] .rpTr{grid-template-columns:minmax(0,1fr) 45px 80px!important;gap:5px!important;padding:7px!important}body[data-report-print-mode=a4] .rpTh,body[data-report-print-mode=a4] .rpItem,body[data-report-print-mode=a4] .rpRight{font-size:9px!important}body[data-report-print-mode=thermal] #report-print{left:0!important;width:80mm!important;max-width:80mm!important}body[data-report-print-mode=thermal] .rpA4Sheet{display:none!important}body[data-report-print-mode=thermal] .rpThermalSheet{display:block!important;width:80mm!important;max-width:80mm!important;margin:0!important;padding:2mm!important;color:#000!important;background:#fff!important}body[data-report-print-mode=thermal] .rpReceiptLogo{display:block!important;width:64mm!important;max-width:64mm!important;height:auto!important;max-height:30mm!important;margin:0 auto 5px!important;object-fit:contain!important}body[data-report-print-mode=thermal] .rpReceiptHead{margin-bottom:6px!important;padding-bottom:6px!important}body[data-report-print-mode=thermal] .rpReceiptRestaurant,body[data-report-print-mode=thermal] .rpReceiptTitle{font-size:15px!important}body[data-report-print-mode=thermal] .rpReceiptDate{font-size:11px!important}body[data-report-print-mode=thermal] .rpReceiptSection{margin-bottom:6px!important;padding-bottom:6px!important}body[data-report-print-mode=thermal] .rpReceiptSectionTitle{font-size:11px!important}body[data-report-print-mode=thermal] .rpReceiptRow,body[data-report-print-mode=thermal] .rpReceiptTableHead,body[data-report-print-mode=thermal] .rpReceiptItem,body[data-report-print-mode=thermal] .rpReceiptTotal{font-size:10.5px!important;line-height:1.25!important}body[data-report-print-mode=thermal] .rpReceiptTableHead,body[data-report-print-mode=thermal] .rpReceiptItem,body[data-report-print-mode=thermal] .rpReceiptTotal{grid-template-columns:minmax(0,1fr) 34px 58px!important;gap:5px!important}}:root{--bg: #f6f7fb;--card: #ffffff;--text: #0f172a;--muted: #667085;--border: rgba(15, 23, 42, .1);--primary: #2563eb;--success: #22c55e;--shadow: 0 10px 30px rgba(15, 23, 42, .06)}.stWrap{width:100%;padding:18px 18px 28px;color:var(--text)}.stTopbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.stTitleRow{display:flex;flex-direction:column}.stTitle{margin:0;font-size:26px;font-weight:900;letter-spacing:-.02em}.stSub{margin:6px 0 0;color:var(--muted);font-size:13.5px;font-weight:700}.stActions{display:flex;align-items:center;gap:10px}.stBtn{padding:10px 14px;border-radius:12px;border:1px solid transparent;background:var(--card);font-weight:900;cursor:pointer;transition:.15s ease;box-shadow:0 1px #0f172a08}.stBtn:disabled{opacity:.55;cursor:not-allowed}.stBtn.primary{background:var(--primary);color:#fff;border-color:#2563eb40;box-shadow:0 10px 20px #2563eb2e}.stBtn.primary:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px)}.stBtn.ghost{border-color:var(--border)}.stBtn.ghost:hover{background:#0f172a08}.stToast{position:sticky;top:10px;z-index:20;width:fit-content;margin:0 auto 10px;padding:8px 14px;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.18);color:#15803d;font-weight:900}.stGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:14px;align-items:start}.stCard{background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.stFull{grid-column:1 / -1}.stCardHead{display:flex;justify-content:space-between;align-items:center;padding:14px 14px 10px;border-bottom:1px solid var(--border)}.stCardTitle{font-size:14px;font-weight:1000}.stCardHint{color:var(--muted);font-size:12px;font-weight:800}.stShopHeader{display:flex;align-items:center;gap:12px;padding:14px}.stLogoBox{width:52px;height:52px;border-radius:14px;border:1px solid var(--border);background:#0f172a05;display:flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0}.stLogoBox img{width:100%;height:100%;object-fit:cover}.stShopMeta{display:flex;flex-direction:column;gap:6px}.stShopName{font-weight:1000;letter-spacing:-.01em}.stShopMetaLine{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:800}.stPill{padding:4px 10px;border-radius:999px;background:#2563eb1a;color:var(--primary);border:1px solid rgba(37,99,235,.15)}.stDot{color:#0f172a47}.stMuted{color:var(--muted)}.stMutedSmall{margin-top:10px;color:var(--muted);font-size:12px;font-weight:800}.stForm{padding:0 14px 14px;display:flex;flex-direction:column;gap:12px}.stField{display:flex;flex-direction:column;gap:6px}.stField label{font-size:12px;font-weight:900;color:#0f172abf}.stField input,.stField select{height:42px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:#fff;outline:none;font-weight:800}.stField input:focus,.stField select:focus{border-color:#2563eb59;box-shadow:0 0 0 4px #2563eb1f}.stField.disabled{opacity:.65}.stRow2{display:grid;grid-template-columns:1fr 160px;gap:12px}.stPrintBlock{padding:14px}.stToggleRow{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.stToggleTitle{font-size:13px;font-weight:1000}.stToggleLeft .stMuted{font-size:12px;font-weight:800}.stDivider{height:1px;background:var(--border)}.stSwitch{position:relative;display:inline-block;width:46px;height:26px;flex-shrink:0}.stSwitch input{width:0;height:0;opacity:0}.stSlider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;border-radius:999px;border:1px solid var(--border);background:#0f172a1a;transition:.15s ease}.stSlider:before{content:"";position:absolute;top:50%;left:3px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 6px 18px #0f172a24;transform:translateY(-50%);transition:.15s ease}.stSwitch input:checked+.stSlider{background:#2563eb40;border-color:#2563eb47}.stSwitch input:checked+.stSlider:before{transform:translate(20px,-50%)}.stNote{padding:14px;display:flex;flex-direction:column;gap:10px}.stCheck{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:#0f172a05;font-weight:850}.stTick{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#22c55e24;color:#15803d;border:1px solid rgba(21,128,61,.18);font-weight:1000;flex-shrink:0}.stArrow{color:#0f172a73;font-weight:1000}@media (max-width: 980px){.stGrid,.stRow2{grid-template-columns:1fr}.stActions{flex-wrap:wrap;justify-content:flex-end}}.purchasePage{min-height:100%;padding:20px;box-sizing:border-box;background:#f4f7fb;color:#0b1427}.purchaseHead{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.purchaseHeading{min-width:220px}.purchaseHead h1{margin:0;font-size:28px;font-weight:800;line-height:1.2}.purchaseHead p{margin:5px 0 0;color:#64748b;font-size:14px}.headActions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.headActions button,.fileBtn{min-height:40px;padding:10px 14px;box-sizing:border-box;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#0b1427;font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.headActions button:hover,.fileBtn:hover{background:#f8fafc;border-color:#b8c5d6}.headActions button:active,.fileBtn:active{transform:translateY(1px)}.fileBtn{display:inline-flex;align-items:center;justify-content:center}.fileBtn input{display:none}.historyPageBtn{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}.historyPageBtn:hover{background:#15803d!important;border-color:#15803d!important}.currentTotal{display:inline-flex;align-items:center;min-height:40px;padding:10px 14px;box-sizing:border-box;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#334155;font-size:13px;white-space:nowrap}.currentTotal b{margin-left:8px;color:#15803d;font-weight:800}.purchaseGrid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.purchaseCard{width:100%;padding:18px;box-sizing:border-box;border:1px solid #dfe6ef;border-radius:13px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.purchaseCard h2{margin:0 0 16px;font-size:21px;font-weight:800}.newPurchase{width:100%}.form4{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(150px,1fr) minmax(150px,1fr) minmax(150px,.95fr);gap:10px}.form4 label,.notes{display:block;color:#475569;font-size:11px;font-weight:700}.form4 input,.notes textarea,.lineRow input,.lineRow select{width:100%;padding:10px;box-sizing:border-box;border:1px solid #cfd8e5;border-radius:7px;outline:none;background:#fff;color:#111827;font:inherit}.form4 input{display:block;margin-top:6px}.form4 input:focus,.notes textarea:focus,.lineRow input:focus,.lineRow select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.lineHeader,.lineRow{display:grid;grid-template-columns:minmax(260px,2.4fr) minmax(80px,.65fr) minmax(90px,.85fr) minmax(100px,1fr) minmax(120px,1fr) 38px;gap:8px;align-items:center}.lineHeader{margin-top:20px;padding:0 3px 7px;color:#64748b;font-size:10px;font-weight:800}.lineRow{padding:9px 0;border-bottom:1px solid #eef2f7}.lineTotal{color:#0b1427;font-size:13px;font-weight:800;white-space:nowrap}.remove{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;border-radius:7px;background:#fee2e2;color:#dc2626;font-size:20px;line-height:1;cursor:pointer;transition:background .15s ease}.remove:hover{background:#fecaca}.addItemRow{display:flex;align-items:center;gap:8px}.addItem{margin:11px 4px 11px 0;padding:9px 13px;border:1px dashed #2563eb;border-radius:7px;background:#fff;color:#2563eb;font-weight:700;cursor:pointer;transition:background .15s ease}.addItem:hover{background:#eff6ff}.newPurchase small{color:#94a3b8}.notes{margin-top:8px}.notes textarea{display:block;min-height:75px;margin-top:6px;resize:vertical}.status{margin-top:10px;padding:10px 12px;border-radius:7px;background:#eef3f8;color:#334155;font-size:13px;font-weight:600}.savePurchase{width:100%;margin-top:11px;padding:13px;border:0;border-radius:7px;background:#0b1427;color:#fff;font:inherit;font-weight:800;cursor:pointer;transition:background .15s ease}.savePurchase:hover:not(:disabled){background:#16233a}.savePurchase:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1100px){.purchaseHead{align-items:flex-start;flex-direction:column}.headActions{justify-content:flex-start;width:100%}.form4{grid-template-columns:1fr 1fr}.lineHeader,.lineRow{grid-template-columns:minmax(220px,2fr) minmax(70px,.7fr) minmax(80px,.8fr) minmax(90px,1fr) minmax(110px,1fr) 38px}}@media (max-width: 700px){.purchasePage{padding:10px}.purchaseHead h1{font-size:24px}.headActions{display:grid;grid-template-columns:1fr 1fr;width:100%}.headActions button,.fileBtn,.currentTotal{width:100%;justify-content:center;text-align:center}.currentTotal{grid-column:1 / -1}.form4{grid-template-columns:1fr}.lineHeader{display:none}.lineRow{grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.lineRow>select:first-child{grid-column:1 / -1}.lineTotal{display:flex;align-items:center;min-height:38px}.remove{width:100%}.addItemRow{align-items:flex-start;flex-direction:column}}@media (max-width: 430px){.headActions{grid-template-columns:1fr}.currentTotal{grid-column:auto}.lineRow{grid-template-columns:1fr}.lineRow>select:first-child{grid-column:auto}}.purchaseHistoryPage{min-height:100%;padding:20px;box-sizing:border-box;background:#f4f7fb;color:#0b1427}.purchaseHistoryContainer{width:100%;max-width:1450px;margin:0 auto}.purchaseHistoryHeader{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin-bottom:14px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 2px 10px #0f172a0a}.purchaseHistoryHeader h1{margin:8px 0 5px;font-size:28px;font-weight:800}.purchaseHistoryHeader p{margin:0;color:#64748b;font-size:13px}.historyBackButton{padding:0;border:0;background:transparent;color:#2563eb;font-weight:800;cursor:pointer}.historyBackButton:hover{text-decoration:underline}.historyCloseButton{padding:10px 16px;border:0;border-radius:8px;background:#0b1427;color:#fff;font-weight:800;cursor:pointer;transition:.15s ease}.historyCloseButton:hover{background:#16233a}.historyFilterBar{display:grid;grid-template-columns:minmax(300px,1.8fr) 180px 170px 170px 90px;gap:10px;align-items:end;padding:14px;margin-bottom:12px;background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 2px 8px #0f172a05}.historySearchField,.historyPeriodField,.historyDateField,.historyClearField{min-width:0}.historyFilterBar label{display:block;margin-bottom:6px;color:#475569;font-size:11px;font-weight:800}.historyFilterBar input,.historyFilterBar select{width:100%;height:42px;box-sizing:border-box;padding:0 12px;border:1px solid #cfd8e5;border-radius:8px;background:#fff;color:#111827;font-size:13px;outline:none;transition:.15s ease}.historyFilterBar input:focus,.historyFilterBar select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.historyDateField input[type=date]{cursor:pointer}.historyDateField input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.historyClearButton{width:100%;height:42px;padding:0 12px;border:1px solid #d8e0eb;border-radius:8px;background:#fff;color:#475569;font-weight:800;cursor:pointer;transition:.15s ease}.historyClearButton:hover:not(:disabled){border-color:#ef4444;background:#fff5f5;color:#dc2626}.historyClearButton:disabled{opacity:.45;cursor:not-allowed}.activeDateRange{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px;padding:10px 14px;border:1px solid #bfdbfe;border-radius:9px;background:#eff6ff;color:#334155;font-size:12px}.activeDateRange strong{color:#1d4ed8}.activeDateRange button{padding:0;border:0;background:transparent;color:#dc2626;font-size:12px;font-weight:800;cursor:pointer}.purchaseHistoryCard{margin-bottom:12px;overflow:hidden;background:#fff;border:1px solid #dfe6ef;border-radius:12px;box-shadow:0 2px 8px #0f172a08}.purchaseHistoryCardHeader{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:14px}.purchaseSupplierButton{min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.purchaseSupplierButton strong{display:block;margin-bottom:5px;overflow:hidden;color:#0b1427;font-size:15px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.purchaseSupplierButton small{display:block;color:#64748b;line-height:1.5}.purchaseSupplierButton:hover strong{color:#2563eb}.purchaseHistoryAmount{color:#0b1427;font-size:14px;font-weight:900;white-space:nowrap}.historyViewButton,.historyDeleteButton{padding:8px 12px;border:0;border-radius:7px;font-weight:800;cursor:pointer;transition:.15s ease}.historyViewButton{background:#eaf2ff;color:#1d4ed8}.historyViewButton:hover{background:#dbeafe}.historyDeleteButton{background:#fee2e2;color:#dc2626}.historyDeleteButton:hover:not(:disabled){background:#fecaca}.historyDeleteButton:disabled{opacity:.6;cursor:not-allowed}.purchaseItems{margin:0 12px 12px;overflow:hidden;background:#f8fafc;border:1px solid #eef2f7;border-radius:8px}.purchaseItemHeader,.purchaseItemRow{display:grid;grid-template-columns:minmax(0,1.5fr) 150px 160px 160px;gap:10px;align-items:center}.purchaseItemHeader{padding:8px 12px;background:#f1f5f9;border-bottom:1px solid #e5e7eb;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase}.purchaseItemHeader span:last-child{text-align:right}.purchaseItemRow{padding:10px 12px;border-bottom:1px solid #e5e7eb;font-size:12px}.purchaseItemRow:last-child{border-bottom:0}.historyItemName{overflow:hidden;color:#0b1427;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.purchaseItemRow strong{color:#0b1427;text-align:right}.historyState{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;min-height:150px;padding:40px 20px;box-sizing:border-box;background:#fff;border:1px solid #dfe6ef;border-radius:12px;color:#64748b;text-align:center}.historyState strong{color:#0b1427;font-size:15px}.historyState span{font-size:12px}.historyError{color:#b91c1c}@media (max-width: 1100px){.historyFilterBar{grid-template-columns:minmax(250px,1fr) 180px 170px 170px;align-items:end}.historyClearField{grid-column:1 / -1}.historyClearButton{width:auto;min-width:100px}}@media (max-width: 900px){.historyFilterBar{grid-template-columns:1fr 1fr}.historySearchField{grid-column:1 / -1}.historyClearField{grid-column:auto}.historyClearButton{width:100%}.purchaseHistoryCardHeader{grid-template-columns:minmax(0,1fr) auto}.historyViewButton,.historyDeleteButton{width:100%}.purchaseItemHeader,.purchaseItemRow{grid-template-columns:minmax(180px,1fr) 100px 120px 120px}}@media (max-width: 650px){.purchaseHistoryPage{padding:10px}.purchaseHistoryHeader{align-items:flex-start;flex-direction:column}.purchaseHistoryHeader h1{font-size:24px}.historyCloseButton{width:100%}.historyFilterBar{grid-template-columns:1fr}.historySearchField,.historyPeriodField,.historyDateField,.historyClearField{grid-column:auto}.activeDateRange{align-items:flex-start;flex-direction:column}.purchaseHistoryCardHeader{grid-template-columns:1fr}.purchaseHistoryAmount{margin-top:4px}.purchaseItems{overflow-x:auto}.purchaseItemHeader,.purchaseItemRow{min-width:620px}}.purchaseDetailsPage{width:100%;min-height:100%;box-sizing:border-box;padding:22px;background:#f4f7fb;color:#0b1427}.detailsTopbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px;padding:20px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 2px 10px #0f172a0a}.detailsTopbar h1{margin:9px 0 4px;font-size:28px;line-height:1.2;font-weight:800;color:#0b1427}.detailsTopbar p{margin:0;font-size:13px;color:#64748b}.backBtn{display:inline-flex;align-items:center;padding:0;border:0;background:transparent;color:#2563eb;font-size:13px;font-weight:800;cursor:pointer}.backBtn:hover{text-decoration:underline}.invoiceBadge{flex-shrink:0;padding:11px 15px;border:1px solid #cfe0ff;border-radius:9px;background:#eaf2ff;color:#1d4ed8;font-size:13px;font-weight:800;white-space:nowrap}.detailsCard{width:100%;box-sizing:border-box;margin-bottom:15px;padding:20px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 2px 10px #0f172a0a}.detailsCardTitle{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{display:block;margin-bottom:5px;color:#64748b;font-size:10px;font-weight:900;letter-spacing:.08em}.detailsCardTitle h2{margin:0;color:#0b1427;font-size:22px;font-weight:800}.grandAmount{flex-shrink:0;color:#15803d;font-size:22px;font-weight:900;white-space:nowrap}.metaGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.metaGrid>div{min-width:0;padding:14px;background:#f8fafc;border:1px solid #e6ebf2;border-radius:9px}.metaGrid span{display:block;margin-bottom:6px;color:#64748b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.03em}.metaGrid b{display:block;overflow:hidden;color:#0b1427;font-size:14px;font-weight:800;white-space:nowrap;text-overflow:ellipsis}.itemsHeading{display:flex;align-items:center;justify-content:space-between;gap:15px}.itemsHeading h2{margin:0;color:#0b1427;font-size:20px;font-weight:800}.itemsHeading span{padding:6px 10px;background:#f1f5f9;border-radius:20px;color:#64748b;font-size:11px;font-weight:700}.detailsTableWrap{width:100%;margin-top:15px;overflow-x:auto;border:1px solid #e5eaf1;border-radius:10px}.detailsTable{width:100%;min-width:760px;border-collapse:collapse;border-spacing:0;background:#fff}.detailsTable th{padding:12px 14px;background:#f8fafc;border-bottom:1px solid #e5eaf1;color:#64748b;font-size:10px;font-weight:900;text-align:left;text-transform:uppercase;letter-spacing:.04em}.detailsTable td{padding:14px;border-bottom:1px solid #eef2f7;color:#334155;font-size:13px;vertical-align:middle}.detailsTable tbody tr:last-child td{border-bottom:0}.detailsTable tbody tr:hover{background:#fafcff}.detailsTable th:first-child,.detailsTable td:first-child{width:55px;text-align:center}.detailsTable th:nth-child(3),.detailsTable td:nth-child(3){width:100px}.detailsTable th:nth-child(4),.detailsTable td:nth-child(4){width:110px}.detailsTable th:nth-child(5),.detailsTable td:nth-child(5),.detailsTable th:nth-child(6),.detailsTable td:nth-child(6){width:150px;text-align:right}.itemName{color:#0b1427!important;font-weight:800}.rowTotal{color:#0b1427!important;font-weight:900}.invoiceTotal{display:flex;align-items:center;justify-content:flex-end;gap:30px;margin-top:4px;padding:18px 4px 0}.invoiceTotal span{color:#64748b;font-size:13px;font-weight:700}.invoiceTotal strong{min-width:150px;color:#15803d;font-size:21px;font-weight:900;text-align:right}.notesCard span{display:block;margin-bottom:8px;color:#64748b;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.notesCard p{margin:0;color:#334155;font-size:13px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.detailsMessage{margin-bottom:15px;padding:12px 15px;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;color:#b91c1c;font-size:13px;font-weight:700}.detailsState{padding:50px 20px;background:#fff;border:1px solid #dfe6ef;border-radius:14px;color:#64748b;font-size:14px;text-align:center;box-shadow:0 2px 10px #0f172a0a}.detailsState.error{margin-top:15px;background:#fff1f2;border-color:#fecdd3;color:#b91c1c}.detailsActions{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:10px}.backSecondary,.deletePurchaseBtn{min-height:40px;padding:10px 16px;border-radius:8px;font-size:13px;font-weight:800;cursor:pointer;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.backSecondary{background:#fff;border:1px solid #d8e0eb;color:#334155}.backSecondary:hover{background:#f8fafc;border-color:#cbd5e1}.deletePurchaseBtn{border:1px solid #fecaca;background:#fee2e2;color:#b91c1c}.deletePurchaseBtn:hover:not(:disabled){background:#fecaca}.deletePurchaseBtn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 1000px){.metaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 650px){.purchaseDetailsPage{padding:10px}.detailsTopbar{align-items:stretch;flex-direction:column;padding:16px}.detailsTopbar h1{font-size:23px}.invoiceBadge{width:100%;box-sizing:border-box}.detailsCard{padding:15px}.detailsCardTitle{align-items:flex-start;flex-direction:column}.grandAmount{font-size:20px}.metaGrid{grid-template-columns:1fr}.itemsHeading{align-items:flex-start}.detailsActions{align-items:stretch;flex-direction:column}.backSecondary,.deletePurchaseBtn{width:100%}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;width:100%}body{margin:0;min-width:320px;background:#f6f7fb;color:#0f172a;overflow:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;border:none;background:none;cursor:pointer}input,select,textarea{font-family:inherit}:focus-visible{outline:3px solid rgba(37,99,235,.25);outline-offset:2px}