@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.login-wrapper[data-v-b45d2663]{min-height:100dvh;min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:#f0f2f5;position:relative;overflow:hidden;font-family:Inter,Segoe UI,sans-serif;padding:16px}.bg-grid[data-v-b45d2663]{position:fixed;inset:0;background-image:linear-gradient(rgba(52,164,221,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(52,164,221,.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.login-card[data-v-b45d2663]{position:relative;z-index:1;background:#fff;border:2px solid #34a4dd;width:100%;max-width:480px}.login-content[data-v-b45d2663]{display:flex;flex-direction:column}.pin-section[data-v-b45d2663]{display:flex;flex-direction:column;padding:24px 20px 20px}.step-label[data-v-b45d2663]{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#1a1a1a;margin-bottom:16px;text-align:center}.field[data-v-b45d2663]{margin-bottom:14px}.field label[data-v-b45d2663]{display:block;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#1a1a1a;margin-bottom:6px;font-weight:600}.field input[data-v-b45d2663]{width:100%;padding:12px;background:#fff;border:2px solid #1a1a1a;color:#1a1a1a;font-size:15px;font-family:Inter,Segoe UI,sans-serif;outline:none;transition:border-color .2s;box-sizing:border-box}.field input[data-v-b45d2663]:focus{border-color:#34a4dd}.login-btn[data-v-b45d2663]{width:100%;padding:14px;margin-top:6px;background:#34a4dd;color:#fff;border:none;font-size:15px;font-family:Inter,Segoe UI,sans-serif;font-weight:600;cursor:pointer;letter-spacing:1px;text-transform:uppercase}.login-btn[data-v-b45d2663]:active{background:#1d8bc4}.login-btn[data-v-b45d2663]:disabled{opacity:.5}.error-box[data-v-b45d2663]{background:#f0f2f5;border:2px solid #a43434;color:#a43434;padding:10px 14px;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-top:14px}.brand-section[data-v-b45d2663]{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;border-top:2px solid #34a4dd;background:#f8fafc}.brand-title[data-v-b45d2663]{font-size:22px;font-weight:700;color:#34a4dd;letter-spacing:2px;margin-bottom:4px}.brand-subtitle[data-v-b45d2663]{font-size:12px;color:#1a1a1a;letter-spacing:3px;text-transform:uppercase;margin-bottom:20px;font-weight:600}.brand-features[data-v-b45d2663]{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.feature[data-v-b45d2663]{display:flex;align-items:center;gap:10px;color:#1a1a1a;font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:500}.feature-icon[data-v-b45d2663]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#348f8f;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.brand-footer[data-v-b45d2663]{padding-top:20px;border-top:2px solid #34a4dd;width:100%}.logo-wrap[data-v-b45d2663]{display:flex;justify-content:center;margin-bottom:10px}.logo[data-v-b45d2663]{height:64px;object-fit:contain}.brand-footer p[data-v-b45d2663]{font-size:11px;color:#646464;letter-spacing:2px;text-transform:uppercase}@media(min-width:640px){.login-wrapper[data-v-b45d2663]{align-items:center}.login-card[data-v-b45d2663]{max-width:800px}.login-content[data-v-b45d2663]{flex-direction:row}.pin-section[data-v-b45d2663]{flex:1;padding:40px 36px;min-height:400px}.brand-section[data-v-b45d2663]{flex:1;border-top:none;border-left:2px solid #34a4dd;padding:40px 36px;min-height:400px}.brand-title[data-v-b45d2663]{font-size:26px}}.pos-wrapper[data-v-e3d3baae]{display:flex;flex-direction:column;height:100dvh;height:100vh;background:#f0f9ff;font-family:Inter,Segoe UI,sans-serif;position:relative}.mobile-topbar[data-v-e3d3baae]{display:none;position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(135deg,#2596be,#34a4dd)}.search-row[data-v-e3d3baae]{display:flex;align-items:center;gap:4px;padding:5px 8px}.search-row .search-wrap[data-v-e3d3baae]{flex:1 1 30px;min-width:0;overflow:hidden}.search-row .search-input[data-v-e3d3baae]{width:100%;min-width:0;padding:4px 6px;border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:11px;outline:none;text-transform:uppercase;letter-spacing:.3px;box-sizing:border-box}.search-row .search-input[data-v-e3d3baae]::placeholder{color:#fff9}.search-row .search-input[data-v-e3d3baae]:focus{border-color:#fff9;background:#fff3}.cashier-tag[data-v-e3d3baae]{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#fff3;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:13px;font-weight:700}.topbar-icon-btn[data-v-e3d3baae]{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:16px;font-weight:700;cursor:pointer}.topbar-icon-btn[data-v-e3d3baae]:active{background:#fff3}.topbar-icon-btn[data-v-e3d3baae]:disabled{opacity:.4}.sync-btn[data-v-e3d3baae]{border-color:#059669;color:#059669}.sync-btn[data-v-e3d3baae]:active{background:#059669;color:#fff}.sync-btn[data-v-e3d3baae]:disabled{opacity:.4}.logout-btn[data-v-e3d3baae]{border-color:#dc2626;color:#dc2626}.logout-btn[data-v-e3d3baae]:active{background:#dc2626;color:#fff}.category-row[data-v-e3d3baae]{display:flex;gap:6px;padding:2px 10px 6px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-row[data-v-e3d3baae]::-webkit-scrollbar{display:none}.desktop-topbar[data-v-e3d3baae]{background:linear-gradient(135deg,#2596be,#34a4dd);color:#fff;z-index:100}.desktop-topbar .topbar-row[data-v-e3d3baae]{display:flex;align-items:center;gap:14px;padding:8px 20px}.desktop-topbar .topbar-left[data-v-e3d3baae]{display:flex;flex-direction:column;min-width:160px;flex-shrink:0}.desktop-topbar .store-name[data-v-e3d3baae]{font-size:15px;font-weight:700;white-space:nowrap;letter-spacing:1px}.desktop-topbar .topbar-date[data-v-e3d3baae]{font-size:11px;color:#fffc;text-transform:uppercase;letter-spacing:1px}.desktop-topbar .topbar-center[data-v-e3d3baae]{flex:1;min-width:0}.desktop-topbar .search-wrap[data-v-e3d3baae]{display:flex;gap:6px;align-items:center}.desktop-topbar .search-input[data-v-e3d3baae]{flex:1;padding:9px 16px;border:2px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:14px;outline:none;text-transform:uppercase;letter-spacing:1px}.desktop-topbar .search-input[data-v-e3d3baae]::placeholder{color:#fff9}.desktop-topbar .search-input[data-v-e3d3baae]:focus{border-color:#fff9;background:#fff3}.desktop-topbar .topbar-right[data-v-e3d3baae]{display:flex;align-items:center;gap:14px;flex-shrink:0}.desktop-topbar .topbar-actions[data-v-e3d3baae]{display:flex;align-items:center;gap:8px}.top-action-btn[data-v-e3d3baae]{padding:7px 14px;background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:13px;font-family:Inter,Segoe UI,sans-serif;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.top-action-btn[data-v-e3d3baae]:active{background:#fff3;border-color:#fff}.top-action-btn[data-v-e3d3baae]:disabled{opacity:.5;cursor:not-allowed}.logout-btn-header[data-v-e3d3baae]{border-color:#fff6}.cashier-badge[data-v-e3d3baae]{display:flex;flex-direction:column;align-items:flex-end}.cashier-label[data-v-e3d3baae]{font-size:10px;color:#fffc;text-transform:uppercase;letter-spacing:1px;line-height:1}.cashier-name[data-v-e3d3baae]{font-size:14px;font-weight:600;color:#fff;line-height:1.2}.company-id-badge[data-v-e3d3baae]{font-size:10px;font-weight:600;color:#fff9;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.sync-indicator[data-v-e3d3baae]{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e99;flex-shrink:0}.sync-indicator.offline[data-v-e3d3baae]{background:#ef4444;box-shadow:0 0 6px #ef444499}.cart-toggle-btn[data-v-e3d3baae]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff26;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.cart-toggle-btn[data-v-e3d3baae]:active{background:#ffffff4d}.cart-toggle-badge[data-v-e3d3baae]{background:#dc2626;color:#fff;font-size:11px;font-weight:700;min-width:22px;height:22px;padding:0 6px;display:flex;align-items:center;justify-content:center}.topbar-desktop-categories[data-v-e3d3baae]{padding:2px 20px 8px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.topbar-desktop-categories[data-v-e3d3baae]::-webkit-scrollbar{display:none}.category-chips[data-v-e3d3baae]{display:flex;gap:8px}.chip[data-v-e3d3baae]{padding:5px 14px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;touch-action:manipulation}.chip[data-v-e3d3baae]:active{background:#ffffff40}.chip.active[data-v-e3d3baae]{background:#fff;color:#2596be;border-color:#fff}.pos-container[data-v-e3d3baae]{display:flex;flex:1;overflow:hidden}.products-section[data-v-e3d3baae]{display:flex;flex-direction:column;overflow:hidden;padding:8px;gap:8px;flex:1;min-width:0}.products[data-v-e3d3baae]{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;overflow-y:auto;align-content:start;flex:1}.no-products[data-v-e3d3baae]{text-align:center;color:#9ca3af;margin-top:40px;font-size:14px;text-transform:uppercase;letter-spacing:1px;grid-column:1 / -1}.product-tile[data-v-e3d3baae]{background:#fff;padding:12px;min-height:90px;border:2px solid #fce7f3;cursor:pointer;text-align:center;touch-action:manipulation;box-shadow:0 1px 3px #be185d14}.product-tile[data-v-e3d3baae]:active{border-color:#34a4dd;background:#fdf2f8;transform:scale(.97)}.product-name[data-v-e3d3baae]{font-weight:600;font-size:12px;margin-bottom:4px;color:#374151;text-transform:uppercase;letter-spacing:.5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.product-price[data-v-e3d3baae]{color:#2596be;font-size:14px;font-weight:700;margin-bottom:3px}.product-stock[data-v-e3d3baae]{font-size:10px;text-transform:uppercase;letter-spacing:.5px}.stock-ok[data-v-e3d3baae]{color:#059669}.stock-low[data-v-e3d3baae]{color:#dc2626;font-weight:600}.pagination[data-v-e3d3baae]{display:flex;align-items:center;justify-content:center;gap:12px;padding:6px 0;flex-shrink:0}.page-btn[data-v-e3d3baae]{padding:8px 14px;background:#fff;border:2px solid #34a4dd;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#34a4dd;min-height:40px;touch-action:manipulation}.page-btn[data-v-e3d3baae]:active:not(:disabled){background:#34a4dd;color:#fff}.page-btn[data-v-e3d3baae]:disabled{opacity:.4;cursor:not-allowed}.page-info[data-v-e3d3baae]{font-size:12px;color:#374151;font-weight:600;text-transform:uppercase;letter-spacing:1px}.cart[data-v-e3d3baae]{background:#fff;display:flex;flex-direction:column;overflow:hidden;border-left:2px solid #fce7f3}.cart-header[data-v-e3d3baae]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid #fce7f3;flex-shrink:0}.cart-header h2[data-v-e3d3baae]{font-size:16px;color:#2596be;text-transform:uppercase;letter-spacing:1px}.cart-header-right[data-v-e3d3baae]{display:flex;align-items:center;gap:8px}.cart-count[data-v-e3d3baae]{background:#34a4dd;color:#fff;font-size:11px;font-weight:600;padding:2px 8px;text-transform:uppercase;letter-spacing:1px}.cart-close-btn[data-v-e3d3baae]{background:none;border:none;color:#9ca3af;font-size:18px;cursor:pointer;padding:4px}.cart-items[data-v-e3d3baae]{flex:1;overflow-y:auto;padding:10px 16px}.cart-empty[data-v-e3d3baae]{text-align:center;color:#9ca3af;margin-top:30px;text-transform:uppercase;letter-spacing:1px}.cart-empty-icon[data-v-e3d3baae]{font-size:32px;margin-bottom:8px}.cart-empty-sub[data-v-e3d3baae]{font-size:11px;margin-top:4px}.cart-item[data-v-e3d3baae]{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #fce7f3}.cart-item-top[data-v-e3d3baae]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.cart-name[data-v-e3d3baae]{font-weight:600;font-size:13px;color:#374151;flex:1;text-transform:uppercase;letter-spacing:.5px}.remove-btn[data-v-e3d3baae]{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:14px;padding:4px 0 0 8px}.remove-btn[data-v-e3d3baae]:active{color:#dc2626}.cart-controls[data-v-e3d3baae]{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px}.cart-controls .qty-label[data-v-e3d3baae]{width:100%;margin-bottom:2px}.qty-label[data-v-e3d3baae]{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:1px}.qty-btn[data-v-e3d3baae]{width:40px;height:40px;border:2px solid #34a4dd;background:#fff;cursor:pointer;font-size:18px;font-weight:700;color:#34a4dd;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.qty-btn[data-v-e3d3baae]:active{background:#fce7f3}.qty-btn.qty-plus[data-v-e3d3baae]{background:#34a4dd;color:#fff}.qty-btn.qty-plus[data-v-e3d3baae]:active{background:#2596be}.qty-btn.qty-minus[data-v-e3d3baae]{background:#fff;color:#34a4dd}.qty-btn.qty-minus[data-v-e3d3baae]:active{background:#fce7f3}.qty-display[data-v-e3d3baae]{min-width:36px;text-align:center;font-size:16px;font-weight:700;color:#374151}.cart-line[data-v-e3d3baae]{display:flex;justify-content:space-between;align-items:center}.cart-line-detail[data-v-e3d3baae]{font-size:11px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.cart-line-total[data-v-e3d3baae]{font-size:13px;font-weight:600;color:#374151}.cart-footer[data-v-e3d3baae]{padding:12px 16px;border-top:2px solid #fce7f3;flex-shrink:0;background:#fff}.cart-total-row[data-v-e3d3baae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;font-size:14px;color:#374151;text-transform:uppercase;letter-spacing:1px}.cart-total-amount[data-v-e3d3baae]{font-size:20px;color:#34a4dd}.vat-toggle[data-v-e3d3baae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 10px;background:#fdf2f8;border:2px solid #fce7f3}.vat-toggle span[data-v-e3d3baae]{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#374151}.vat-btn[data-v-e3d3baae]{padding:6px 14px;border:2px solid;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;min-height:36px}.vat-btn.vat-on[data-v-e3d3baae]{background:#059669;border-color:#059669;color:#fff}.vat-btn.vat-off[data-v-e3d3baae]{background:#fff;border-color:#dc2626;color:#dc2626}.cart-actions[data-v-e3d3baae]{display:flex;gap:8px;margin-bottom:8px}.action-btn[data-v-e3d3baae]{flex:1;padding:10px 6px;border:2px solid #34a4dd;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;touch-action:manipulation;min-height:40px}.clear-btn[data-v-e3d3baae]{background:#fff;color:#dc2626;border-color:#dc2626}.clear-btn[data-v-e3d3baae]:active{background:#dc2626;color:#fff}.quote-btn[data-v-e3d3baae]{background:#34a4dd;color:#fff}.quote-btn[data-v-e3d3baae]:active{background:#2596be}.complete-sale[data-v-e3d3baae]{width:100%;padding:14px;background:linear-gradient(135deg,#2596be,#34a4dd);color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:50px}.mobile-bottom-bar[data-v-e3d3baae]{display:none;position:fixed;bottom:0;left:0;right:0;z-index:100;background:#fff;border-top:2px solid #34a4dd;box-shadow:0 -2px 10px #0000001a}.bottom-actions-row[data-v-e3d3baae]{display:flex;gap:6px;padding:6px 14px}.bottom-action-btn[data-v-e3d3baae]{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 8px;background:transparent;border:2px solid #34a4dd;color:#34a4dd;font-size:9px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;touch-action:manipulation}.bottom-action-btn[data-v-e3d3baae]:active{background:#34a4dd;color:#fff}.bottom-cart-summary[data-v-e3d3baae]{display:flex;align-items:center;padding:10px 14px;gap:10px;cursor:pointer;border-top:1px solid #e5e7eb}.bottom-item-count[data-v-e3d3baae]{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.bottom-total-label[data-v-e3d3baae]{margin-left:auto;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.bottom-total-amount[data-v-e3d3baae]{font-size:18px;font-weight:700;color:#34a4dd}.cart-backdrop[data-v-e3d3baae]{display:none;position:fixed;inset:0;background:#0006;z-index:200}.mobile-cart-drawer[data-v-e3d3baae]{display:none;position:fixed;top:0;right:-100%;width:85%;max-width:360px;height:100dvh;height:100vh;z-index:300;background:#fff;transition:right .3s ease;box-shadow:-4px 0 20px #00000026;display:flex;flex-direction:column}.mobile-cart-drawer.open[data-v-e3d3baae]{right:0}.mobile-cart-drawer .cart-header[data-v-e3d3baae]{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid #fce7f3;flex-shrink:0}.mobile-cart-drawer .cart-header h2[data-v-e3d3baae]{font-size:16px;color:#2596be;text-transform:uppercase;letter-spacing:1px}.mobile-cart-drawer .cart-items[data-v-e3d3baae]{flex:1;overflow-y:auto;padding:10px 16px}.mobile-drawer-footer[data-v-e3d3baae]{flex-shrink:0;padding:10px 16px;border-top:2px solid #fce7f3;background:#fff}.mobile-drawer-actions[data-v-e3d3baae]{display:flex;gap:8px;margin-bottom:8px}.mobile-drawer-actions .action-btn[data-v-e3d3baae]{flex:1;padding:10px;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:2px solid;text-align:center;touch-action:manipulation}.mobile-complete-btn[data-v-e3d3baae]{width:100%;padding:14px;background:linear-gradient(135deg,#2596be,#34a4dd);color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px}.mobile-complete-btn[data-v-e3d3baae]:active{opacity:.85}.mobile-complete-btn[data-v-e3d3baae]:disabled{opacity:.4}.modal-overlay[data-v-e3d3baae]{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-end;justify-content:center;z-index:1000}.modal-overlay.blocking[data-v-e3d3baae]{background:#000000d9;cursor:default}.modal[data-v-e3d3baae]{background:#fff;width:100%;max-height:92dvh;overflow-y:auto;padding:24px 20px;border-top:3px solid #34a4dd;animation:slideUp-e3d3baae .25s ease}.modal-header[data-v-e3d3baae]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2[data-v-e3d3baae]{font-size:18px;color:#2596be;text-transform:uppercase;letter-spacing:1px}.modal-x[data-v-e3d3baae]{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px}.modal-summary[data-v-e3d3baae]{background:#fdf2f8;padding:14px;border:2px solid #fce7f3;margin-bottom:16px}.summary-row[data-v-e3d3baae]{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:#374151;text-transform:uppercase;letter-spacing:1px}.summary-divider[data-v-e3d3baae]{border-top:2px solid #34a4dd;margin:6px 0}.total-row[data-v-e3d3baae]{font-weight:700;font-size:16px;color:#2596be}.payment-label[data-v-e3d3baae]{font-size:12px;color:#2596be;margin-bottom:10px;text-align:center;text-transform:uppercase;letter-spacing:1px}.payment-grid[data-v-e3d3baae]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.payment-btn[data-v-e3d3baae]{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 10px;border:2px solid #34a4dd;font-size:13px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;color:#34a4dd;min-height:64px}.payment-btn.cash[data-v-e3d3baae]{background:#34a4dd;color:#fff}.payment-btn.mpesa[data-v-e3d3baae]{background:#059669;color:#fff;border-color:#059669}.amount-input[data-v-e3d3baae]{width:100%;padding:14px 16px;border:2px solid #34a4dd;font-size:20px;font-weight:600;text-align:center;color:#374151;margin-bottom:10px}.quick-amounts[data-v-e3d3baae]{display:flex;gap:8px;margin-bottom:12px}.quick-btn[data-v-e3d3baae]{flex:1;padding:10px 6px;background:#fff;border:2px solid #34a4dd;color:#34a4dd;font-size:11px;font-weight:600;cursor:pointer;min-height:40px}.quick-btn[data-v-e3d3baae]:active{background:#34a4dd;color:#fff}.change-display[data-v-e3d3baae]{background:#fdf2f8;border:2px solid #fce7f3;padding:12px;margin-bottom:12px}.change-row span[data-v-e3d3baae]:last-child{color:#059669;font-size:15px}.mpesa-info[data-v-e3d3baae]{text-align:center;color:#666;font-size:13px;margin-bottom:14px}.complete-btn[data-v-e3d3baae]{width:100%;padding:14px;background:linear-gradient(135deg,#059669,#047857);color:#fff;border:none;font-size:15px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:50px}.modal-close[data-v-e3d3baae]{width:100%;padding:12px;background:#fdf2f8;border:2px solid #34a4dd;cursor:pointer;font-size:13px;font-weight:600;color:#34a4dd;text-transform:uppercase;letter-spacing:1px;margin-top:12px}.warning-modal[data-v-e3d3baae]{text-align:center;max-width:400px}.warning-icon[data-v-e3d3baae]{font-size:44px;margin-bottom:10px}.warning-modal h2[data-v-e3d3baae]{font-size:18px;margin-bottom:8px;color:#374151;text-transform:uppercase;letter-spacing:1px}.warning-text[data-v-e3d3baae]{font-size:14px;color:#374151;margin-bottom:20px;line-height:1.5;text-transform:uppercase;letter-spacing:1px}.warning-text strong[data-v-e3d3baae]{font-size:32px;color:#2596be;display:block;margin:6px 0}.stay-btn[data-v-e3d3baae]{width:100%;padding:14px;background:linear-gradient(135deg,#2596be,#34a4dd);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;min-height:48px}.subscription-modal[data-v-e3d3baae]{text-align:center;max-width:400px}.subscription-modal.urgent[data-v-e3d3baae]{border-color:#dc2626}.sub-icon[data-v-e3d3baae]{font-size:44px;margin-bottom:10px}.subscription-modal h2[data-v-e3d3baae]{font-size:16px;margin-bottom:14px;color:#2596be;text-transform:uppercase;letter-spacing:1px}.subscription-modal.urgent h2[data-v-e3d3baae]{color:#dc2626}.sub-message[data-v-e3d3baae]{margin-bottom:16px}.sub-message p[data-v-e3d3baae]{font-size:13px;color:#374151;margin-bottom:6px;line-height:1.4}.sub-expired[data-v-e3d3baae],.sub-urgent[data-v-e3d3baae]{color:#dc2626!important;font-weight:700;font-size:15px!important}.sub-info[data-v-e3d3baae]{color:#d97706!important;font-weight:700;font-size:15px!important}.sub-btn[data-v-e3d3baae]{width:100%;padding:14px;background:linear-gradient(135deg,#2596be,#34a4dd);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;min-height:48px}.subscription-modal.urgent .sub-btn[data-v-e3d3baae]{background:linear-gradient(135deg,#dc2626,#b91c1c)}.sub-contact[data-v-e3d3baae]{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.renew-link[data-v-e3d3baae]{color:#34a4dd;text-decoration:underline}.paywall-box[data-v-e3d3baae]{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;padding:16px;margin:12px 0}.paywall-title[data-v-e3d3baae]{font-weight:700;font-size:13px!important;color:#92400e!important;text-transform:uppercase;letter-spacing:1px}.paywall-amount[data-v-e3d3baae]{font-weight:800;font-size:26px!important;color:#dc2626!important;margin:6px 0!important}.paywall-note[data-v-e3d3baae]{font-size:12px!important;color:#78350f!important}.paywall-details[data-v-e3d3baae]{background:#fff;border-radius:8px;padding:10px 14px;margin:10px 0}.paywall-row[data-v-e3d3baae]{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:14px}.paywall-row span[data-v-e3d3baae]{color:#6b7280}.paywall-row strong[data-v-e3d3baae]{color:#111827}.paywall-sub[data-v-e3d3baae]{font-size:11px!important;color:#78350f!important;font-style:italic}.paywall-input-row[data-v-e3d3baae]{display:flex;gap:8px;margin-top:8px}.paywall-input[data-v-e3d3baae]{flex:1;padding:10px 12px;border:2px solid #f59e0b;border-radius:8px;font-size:13px;text-transform:uppercase;letter-spacing:1px;outline:none}.paywall-input[data-v-e3d3baae]:focus{border-color:#d97706}.paywall-submit-btn[data-v-e3d3baae]{padding:10px 18px;background:linear-gradient(135deg,#2596be,#34a4dd);color:#fff;border:none;border-radius:8px;font-weight:700;font-size:12px;cursor:pointer;white-space:nowrap}.paywall-submit-btn[data-v-e3d3baae]:disabled{opacity:.6;cursor:not-allowed}.paywall-msg[data-v-e3d3baae]{font-size:12px!important;font-weight:600;margin-top:8px!important}.paywall-msg.success[data-v-e3d3baae]{color:#16a34a!important}.paywall-msg.error[data-v-e3d3baae]{color:#dc2626!important}.paywall-status-msg[data-v-e3d3baae]{font-size:13px!important;font-weight:600;margin:8px 0!important}.paywall-status-msg.success[data-v-e3d3baae]{color:#16a34a!important}.paywall-status-msg.error[data-v-e3d3baae]{color:#dc2626!important}.paywall-help[data-v-e3d3baae]{font-size:10px!important;color:#9ca3af!important;margin-top:12px!important}@keyframes slideUp-e3d3baae{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.mobile-topbar[data-v-e3d3baae],.mobile-bottom-bar[data-v-e3d3baae],.mobile-cart-drawer[data-v-e3d3baae],.cart-backdrop[data-v-e3d3baae]{display:none!important}.desktop-topbar[data-v-e3d3baae]{display:block}.cart[data-v-e3d3baae]{display:flex}.pos-container[data-v-e3d3baae]{display:grid;grid-template-columns:1fr 320px}.products[data-v-e3d3baae]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.product-name[data-v-e3d3baae]{font-size:14px}.product-price[data-v-e3d3baae]{font-size:15px}.modal-overlay[data-v-e3d3baae]{align-items:center}.modal[data-v-e3d3baae]{width:90%;max-width:420px;max-height:90vh;border:2px solid #34a4dd;border-top:2px solid #34a4dd;box-shadow:0 20px 40px #0003;animation:none}}@media(max-width:767px){.mobile-topbar[data-v-e3d3baae],.mobile-bottom-bar[data-v-e3d3baae]{display:block}.mobile-cart-drawer[data-v-e3d3baae]{display:flex}.cart-backdrop[data-v-e3d3baae]{display:block}.desktop-topbar[data-v-e3d3baae],.cart[data-v-e3d3baae]{display:none!important}.pos-container[data-v-e3d3baae]{padding-top:72px;padding-bottom:68px}}[data-v-e0ac64b6]{box-sizing:border-box;margin:0;padding:0}.invoice-print[data-v-e0ac64b6]{font-family:Inter,Segoe UI,sans-serif;font-size:12px;color:#1a1a1a;background:#fff;line-height:1.5}.invoice-container[data-v-e0ac64b6]{width:200mm;max-width:200mm;margin:0 auto;padding:5mm 8mm}.invoice-header[data-v-e0ac64b6]{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px}.header-left[data-v-e0ac64b6]{flex:0 0 auto}.company-logo[data-v-e0ac64b6]{width:120px;height:auto;object-fit:contain}.header-right[data-v-e0ac64b6]{flex:1;text-align:right}.company-name[data-v-e0ac64b6]{font-size:16px;font-weight:700;color:#03605d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px}.company-detail[data-v-e0ac64b6]{font-size:9px;color:#374151;line-height:1.3;text-transform:uppercase;letter-spacing:.2px}.header-slogan[data-v-e0ac64b6]{max-width:50%;font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.3px;margin:10px 0;line-height:1.4}.header-slogan[data-v-e0ac64b6] p{margin:0;text-transform:uppercase}.invoice-badge[data-v-e0ac64b6]{display:flex;align-items:center;justify-content:center;margin:15px 0}.badge-line[data-v-e0ac64b6]{flex:1;height:3px;background:#03605d}.badge-text[data-v-e0ac64b6]{padding:10px 24px;background:#03605d;color:#fff;font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:2px;border-radius:0!important}.receipt-header[data-v-e0ac64b6]{background:#f8fafc;border:2px solid #03605d;padding:12px 16px;margin-bottom:20px;text-align:center;font-size:11px;color:#374151;line-height:1.5;border-radius:0!important}.receipt-header[data-v-e0ac64b6] p{margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.receipt-header[data-v-e0ac64b6] p:last-child{margin-bottom:0}.invoice-meta[data-v-e0ac64b6]{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;padding:12px 0;border-bottom:1px solid #e5e7eb}.meta-left[data-v-e0ac64b6]{font-size:11px;color:#374151;text-transform:uppercase;letter-spacing:.3px}.meta-left strong[data-v-e0ac64b6]{color:#1a1a1a}.customer-contact[data-v-e0ac64b6]{font-size:10px;color:#666;margin-top:3px}.meta-right[data-v-e0ac64b6]{display:flex;gap:16px;font-size:10px;color:#374151;text-transform:uppercase;letter-spacing:.3px}.meta-right strong[data-v-e0ac64b6]{color:#1a1a1a}.payment-badge[data-v-e0ac64b6]{padding:2px 8px;font-size:9px;font-weight:700;text-transform:uppercase;background:#03605d;color:#fff}.payment-status-badge[data-v-e0ac64b6]{padding:2px 8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.payment-status-badge.paid[data-v-e0ac64b6]{background:#d1fae5;color:#059669}.payment-status-badge.partial[data-v-e0ac64b6]{background:#fef3c7;color:#d97706}.payment-status-badge.unpaid[data-v-e0ac64b6]{background:#fee2e2;color:#dc2626}.payment-status-badge.quote[data-v-e0ac64b6]{background:#ede9fe;color:#7c3aed}.items-table[data-v-e0ac64b6]{width:100%;border-collapse:collapse;margin-bottom:20px}.items-table thead[data-v-e0ac64b6]{background:#03605d}.items-table th[data-v-e0ac64b6]{padding:10px 8px;font-size:9px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-align:left}.items-table th.col-sn[data-v-e0ac64b6]{width:25px;text-align:center}.items-table th.col-product[data-v-e0ac64b6]{width:auto}.items-table th.col-qty[data-v-e0ac64b6]{width:50px;text-align:center}.items-table th.col-price[data-v-e0ac64b6],.items-table th.col-total[data-v-e0ac64b6]{width:100px;text-align:right}.items-table tbody tr[data-v-e0ac64b6]{border-bottom:1px solid #e5e7eb}.items-table tbody tr[data-v-e0ac64b6]:last-child{border-bottom:none}.items-table td[data-v-e0ac64b6]{padding:8px 6px;font-size:11px;color:#374151;vertical-align:middle;text-transform:uppercase;letter-spacing:.5px;border-radius:0!important}.items-table td.col-sn[data-v-e0ac64b6]{text-align:center;color:#6b7280;font-weight:600}.items-table td.col-qty[data-v-e0ac64b6]{text-align:center;font-weight:700}.items-table td.col-price[data-v-e0ac64b6],.items-table td.col-total[data-v-e0ac64b6]{text-align:right;font-weight:600}.items-table td.col-total[data-v-e0ac64b6]{font-weight:700;color:#03605d}.product-name[data-v-e0ac64b6]{font-weight:600}.empty-row[data-v-e0ac64b6]{text-align:center;padding:20px;color:#6b7280;text-transform:uppercase;letter-spacing:1px}.invoice-summary[data-v-e0ac64b6]{display:flex;gap:30px;margin-bottom:20px}.summary-left[data-v-e0ac64b6]{flex:1}.summary-right[data-v-e0ac64b6]{flex:0 0 240px}.payment-summary[data-v-e0ac64b6]{padding:10px 0}.payment-row[data-v-e0ac64b6]{display:flex;justify-content:space-between;font-size:11px;padding:3px 0;color:#374151;text-transform:uppercase;letter-spacing:.3px}.payment-row.change[data-v-e0ac64b6]{font-weight:700;padding-top:6px;color:#059669}.summary-card[data-v-e0ac64b6]{padding:12px;background:#f8fafc;border:1px solid #03605d}.summary-row[data-v-e0ac64b6]{display:flex;justify-content:space-between;font-size:12px;padding:6px 0;color:#374151;text-transform:uppercase;letter-spacing:.5px}.summary-row.total[data-v-e0ac64b6]{margin-top:8px;padding-top:12px;border-top:2px solid #03605d;font-size:14px;font-weight:700;color:#03605d}.signature-section[data-v-e0ac64b6]{margin-top:40px;padding-top:20px;border-top:1px solid #374151}.sig-form-row[data-v-e0ac64b6]{display:flex;justify-content:space-between;gap:40px;margin-bottom:16px}.sig-form-group[data-v-e0ac64b6]{flex:1;display:flex;flex-direction:column}.sig-form-group label[data-v-e0ac64b6]{font-size:9px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.sig-input-line[data-v-e0ac64b6]{height:30px;border-bottom:1px solid #374151}.condition-statement[data-v-e0ac64b6]{font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.terms-footer[data-v-e0ac64b6]{margin-top:20px;padding-top:12px;border-top:1px solid #e5e7eb}.terms-footer .terms-title[data-v-e0ac64b6]{font-size:9px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.terms-footer .terms-list[data-v-e0ac64b6]{margin:0;padding-left:16px;font-size:9px;color:#666;line-height:1.5;list-style-type:disc}.terms-footer .terms-list li[data-v-e0ac64b6]{text-transform:uppercase}.invoice-footer[data-v-e0ac64b6]{text-align:center;padding-top:20px;margin-top:20px;border-top:1px solid #e5e7eb}.footer-message[data-v-e0ac64b6]{margin-bottom:8px}.message-text[data-v-e0ac64b6]{font-size:12px;font-weight:600;color:#03605d;text-transform:uppercase;letter-spacing:1px}.brand-text[data-v-e0ac64b6]{font-size:9px;color:#666;font-weight:400}.brand-url[data-v-e0ac64b6]{color:#03605d;font-weight:600}.footer-message[data-v-e0ac64b6]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.message-icon[data-v-e0ac64b6]{width:28px;height:28px;background:#03605d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border-radius:0!important}.message-text[data-v-e0ac64b6]{font-size:14px;font-weight:700;color:#03605d;text-transform:uppercase;letter-spacing:1px}.footer-brand[data-v-e0ac64b6]{font-size:10px;color:#374151;text-transform:uppercase;letter-spacing:.5px}.brand-text[data-v-e0ac64b6]{font-weight:600}.brand-url[data-v-e0ac64b6]{color:#03605d;font-weight:700}@media print{@page{size:A4;margin:10mm}.invoice-print[data-v-e0ac64b6]{background:#fff;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-container[data-v-e0ac64b6]{width:100%;max-width:100%;margin:0;padding:5mm}}.invoices-page[data-v-be6f5bb1]{min-height:100dvh;min-height:100vh;background:#f0f9ff;font-family:Inter,Segoe UI,sans-serif;display:flex;flex-direction:column}.invoices-header[data-v-be6f5bb1]{background:linear-gradient(135deg,#03605d,#048c7f);color:#fff;padding:12px;display:flex;align-items:center;gap:10px;flex-shrink:0}.header-actions[data-v-be6f5bb1]{display:flex;gap:6px;margin-left:auto}.back-btn[data-v-be6f5bb1]{padding:8px 12px;background:#ffffff26;border:2px solid rgba(255,255,255,.4);color:#fff;font-size:12px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s;white-space:nowrap}.back-btn[data-v-be6f5bb1]:active{background:#ffffff40}.invoices-header h1[data-v-be6f5bb1]{font-size:16px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin:0}.invoices-content[data-v-be6f5bb1]{flex:1;padding:12px;overflow-y:auto}.list-view[data-v-be6f5bb1]{max-width:1200px;margin:0 auto}.search-container[data-v-be6f5bb1]{margin-bottom:16px}.search-input[data-v-be6f5bb1]{width:100%;padding:12px 14px;border:2px solid #fce7f3;background:#fff;font-size:14px;font-family:Inter,sans-serif;color:#374151;outline:none;transition:border-color .15s}.search-input[data-v-be6f5bb1]:focus{border-color:#048c7f}.search-input[data-v-be6f5bb1]::placeholder{color:#9ca3af}.no-invoices[data-v-be6f5bb1]{text-align:center;color:#9ca3af;padding:40px 16px}.no-invoices-icon[data-v-be6f5bb1]{font-size:40px;margin-bottom:10px}.no-invoices-sub[data-v-be6f5bb1]{font-size:12px;margin-top:4px;text-transform:uppercase;letter-spacing:.5px}.invoices-grid[data-v-be6f5bb1]{display:flex;flex-direction:column;gap:8px}.invoice-card[data-v-be6f5bb1]{display:flex;flex-wrap:wrap;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;cursor:pointer;transition:all .15s;padding:12px}.invoice-card[data-v-be6f5bb1]:active{border-color:#2596be;background:#f9fafb}.invoice-card-header[data-v-be6f5bb1]{display:flex;align-items:center;flex-wrap:wrap;gap:6px;flex:1;min-width:0}.invoice-number[data-v-be6f5bb1]{font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.invoice-status[data-v-be6f5bb1]{font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase;letter-spacing:.5px}.invoice-status.paid[data-v-be6f5bb1]{background:#d1fae5;color:#059669}.invoice-status.partial[data-v-be6f5bb1]{background:#fef3c7;color:#d97706}.invoice-status.unpaid[data-v-be6f5bb1]{background:#fee2e2;color:#dc2626}.invoice-status.quotation[data-v-be6f5bb1]{background:#dbeafe;color:#1d4ed8}.invoice-card-body[data-v-be6f5bb1]{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.invoice-amount[data-v-be6f5bb1]{font-size:13px;font-weight:700;color:#059669;white-space:nowrap}.invoice-date[data-v-be6f5bb1]{font-size:11px;color:#6b7280}.invoice-payment[data-v-be6f5bb1]{display:flex;align-items:center;gap:4px;font-size:11px;color:#374151}.invoice-paid[data-v-be6f5bb1]{font-size:10px;font-weight:600;color:#059669;padding:2px 6px;background:#d1fae5}.invoice-balance[data-v-be6f5bb1]{font-size:10px;font-weight:600;color:#dc2626;padding:2px 6px;background:#fee2e2}.edit-btn[data-v-be6f5bb1]{font-size:11px;font-weight:600;padding:6px 10px;border:1px solid #2596be;background:#fff;color:#2596be;cursor:pointer}.detail-header[data-v-be6f5bb1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #fce7f3;flex-wrap:wrap;gap:8px}.detail-actions[data-v-be6f5bb1]{display:flex;gap:6px;flex-wrap:wrap}.delivery-btn[data-v-be6f5bb1]{padding:8px 12px;background:#fff;border:2px solid #059669;color:#059669;font-size:11px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.back-list-btn[data-v-be6f5bb1]{padding:8px 12px;background:#fff;border:2px solid #048c7f;color:#048c7f;font-size:11px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.print-btn[data-v-be6f5bb1]{padding:8px 14px;background:linear-gradient(135deg,#03605d,#048c7f);border:none;color:#fff;font-size:11px;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.invoice-print-wrapper[data-v-be6f5bb1]{background:#fff;border:2px solid #fce7f3;box-shadow:0 2px 8px #be185d1a;overflow-x:auto}@media print{.invoices-header[data-v-be6f5bb1],.detail-header[data-v-be6f5bb1],.back-btn[data-v-be6f5bb1],.back-list-btn[data-v-be6f5bb1]{display:none!important}.invoices-page[data-v-be6f5bb1]{background:#fff}.invoices-content[data-v-be6f5bb1]{padding:0}.invoice-print-wrapper[data-v-be6f5bb1]{border:none;box-shadow:none}}.pagination[data-v-be6f5bb1]{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px;background:#f0f9ff;margin-top:12px;border-top:2px solid #e0f2f8}.pagination button[data-v-be6f5bb1]{padding:10px 18px;background:#03605d;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;min-height:40px}.pagination button[data-v-be6f5bb1]:disabled{background:#ccc;cursor:not-allowed}.pagination span[data-v-be6f5bb1]{color:#374151;font-weight:600;font-size:13px}.create-btn[data-v-be6f5bb1]{background:#03605d;color:#fff;border:none;padding:8px 14px;font-weight:600;cursor:pointer;font-size:12px}.sync-btn[data-v-be6f5bb1]{background:#059669;color:#fff;border:none;padding:8px 12px;font-weight:600;cursor:pointer;font-size:12px}.sync-btn[data-v-be6f5bb1]:disabled{background:#9ca3af;cursor:not-allowed}@media(min-width:640px){.invoices-header[data-v-be6f5bb1]{padding:16px 24px}.invoices-header h1[data-v-be6f5bb1]{font-size:22px}.invoices-content[data-v-be6f5bb1]{padding:20px}.invoices-grid[data-v-be6f5bb1]{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invoice-card[data-v-be6f5bb1]{flex-wrap:nowrap;padding:12px 16px;border-radius:6px}.search-input[data-v-be6f5bb1]{max-width:400px}}@media(min-width:1024px){.invoices-grid[data-v-be6f5bb1]{grid-template-columns:1fr 1fr 1fr}}.invoice-wrapper[data-v-b7f2030d]{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;background:#f3f4f6;font-family:Inter,Segoe UI,sans-serif}.topbar[data-v-b7f2030d]{display:flex;align-items:center;justify-content:space-between;background:#2596be;color:#fff;padding:10px 12px;flex-shrink:0;gap:8px}.topbar-left[data-v-b7f2030d],.topbar-right[data-v-b7f2030d]{display:flex;align-items:center;gap:8px}.topbar-center[data-v-b7f2030d]{flex:1;text-align:center}.topbar-center h1[data-v-b7f2030d]{font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.back-btn[data-v-b7f2030d]{padding:7px 10px;background:transparent;border:2px solid rgba(255,255,255,.5);color:#fff;font-size:12px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s;white-space:nowrap}.back-btn[data-v-b7f2030d]:active{background:#fff3}.invoices-btn[data-v-b7f2030d]{padding:6px 10px;background:#6b7280;border:2px solid #6b7280;color:#fff;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.sync-btn[data-v-b7f2030d]{padding:6px 10px;background:#059669;border:2px solid #059669;color:#fff;font-size:11px;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:.5px}.sync-btn[data-v-b7f2030d]:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed}.invoice-container[data-v-b7f2030d]{flex:1;padding:12px;width:100%;overflow-y:auto}.invoice-meta[data-v-b7f2030d]{display:flex;flex-direction:column;gap:10px;background:#fff;padding:14px;border:2px solid #e5e7eb;margin-bottom:12px}.meta-group[data-v-b7f2030d]{flex:1;display:flex;flex-direction:column;gap:4px}.meta-group label[data-v-b7f2030d]{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.section-title[data-v-b7f2030d]{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;padding-bottom:6px;border-bottom:2px solid #2596be;display:inline-block}.section[data-v-b7f2030d]{background:#fff;padding:14px;border:2px solid #e5e7eb;margin-bottom:12px}.form-input[data-v-b7f2030d]{padding:10px 12px;border:2px solid #e5e7eb;font-size:14px;font-family:Inter,sans-serif;color:#374151;background:#fff;width:100%;transition:border-color .15s}.form-input[data-v-b7f2030d]:focus{outline:none;border-color:#2596be}.readonly-input[data-v-b7f2030d]{background:#f9fafb;color:#6b7280}.search-input[data-v-b7f2030d]{width:100%;padding:12px 14px;border:2px solid #e5e7eb;font-size:14px;font-family:Inter,sans-serif;color:#374151;text-transform:uppercase;letter-spacing:.5px}.search-input[data-v-b7f2030d]:focus{outline:none;border-color:#2596be}.search-input[data-v-b7f2030d]::placeholder{color:#9ca3af;text-transform:uppercase}.customer-dropdown[data-v-b7f2030d],.product-dropdown[data-v-b7f2030d]{position:absolute!important;z-index:9999!important}.dropdown-results[data-v-b7f2030d]{background:#fff;border:2px solid #2596be;max-height:200px;overflow-y:auto;box-shadow:0 4px 12px #00000026}.dropdown-item[data-v-b7f2030d]{padding:10px 12px;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .1s}.dropdown-item[data-v-b7f2030d]:active{background:#f0f9ff}.dropdown-item.highlighted[data-v-b7f2030d]{background:#dbeafe;border-left:3px solid #2596be}.dropdown-item[data-v-b7f2030d]:last-child{border-bottom:none}.item-name[data-v-b7f2030d]{font-weight:600;color:#374151;font-size:13px}.item-detail[data-v-b7f2030d]{font-size:11px;color:#6b7280}.selected-customer-card[data-v-b7f2030d]{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#f0f9ff;border:2px solid #2596be;margin-top:10px}.customer-details[data-v-b7f2030d]{display:flex;flex-direction:column;gap:2px}.customer-name[data-v-b7f2030d]{font-weight:700;color:#2596be;font-size:14px}.customer-info[data-v-b7f2030d]{font-size:12px;color:#6b7280}.clear-btn[data-v-b7f2030d]{width:32px;height:32px;background:#fff;border:2px solid #e5e7eb;color:#6b7280;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.products-list[data-v-b7f2030d]{margin-bottom:10px}.product-row[data-v-b7f2030d]{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f9fafb;margin-bottom:8px;border:1px solid #e5e7eb}.product-row.header-row[data-v-b7f2030d],.col-n[data-v-b7f2030d]{display:none}.col-product-name[data-v-b7f2030d]{width:100%}.col-qty[data-v-b7f2030d],.col-price[data-v-b7f2030d],.col-discount[data-v-b7f2030d]{width:calc(50% - 4px)}.col-total[data-v-b7f2030d]{width:calc(50% - 4px);display:flex;align-items:center;justify-content:flex-end;font-weight:700;font-size:13px;color:#2596be}.col-remove[data-v-b7f2030d]{width:100%;display:flex;justify-content:flex-end;margin-top:4px}.product-input[data-v-b7f2030d]{padding:10px;border:2px solid #e5e7eb;font-size:13px;font-family:Inter,sans-serif;color:#374151;width:100%;box-sizing:border-box}.product-input[data-v-b7f2030d]:focus{outline:none;border-color:#2596be}.product-input[data-v-b7f2030d]::placeholder{color:#9ca3af}.qty-input[data-v-b7f2030d],.price-input[data-v-b7f2030d]{padding:10px 4px;border:2px solid #e5e7eb;font-size:13px;text-align:center;width:100%;box-sizing:border-box}.qty-input[data-v-b7f2030d]:focus,.price-input[data-v-b7f2030d]:focus{outline:none;border-color:#2596be}.discount-wrapper[data-v-b7f2030d]{display:flex;gap:4px;width:100%}.discount-input[data-v-b7f2030d]{padding:8px 2px;border:2px solid #e5e7eb;font-size:12px;text-align:center;width:50%;box-sizing:border-box}.discount-input[data-v-b7f2030d]:focus{outline:none;border-color:#2596be}.discount-select[data-v-b7f2030d]{padding:6px 2px;border:2px solid #e5e7eb;font-size:11px;width:50%;box-sizing:border-box}.discount-select[data-v-b7f2030d]:focus{outline:none;border-color:#2596be}.item-total[data-v-b7f2030d]{font-weight:700;color:#2596be;font-size:13px}.remove-btn[data-v-b7f2030d]{width:36px;height:36px;background:#fee2e2;border:none;color:#dc2626;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.add-product-btn[data-v-b7f2030d]{width:100%;padding:12px;background:#fff;border:2px dashed #2596be;color:#2596be;font-size:14px;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;transition:all .15s}.add-product-btn[data-v-b7f2030d]:active{background:#2596be;color:#fff}.invoice-footer[data-v-b7f2030d]{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.payment-section[data-v-b7f2030d],.summary-section[data-v-b7f2030d]{background:#fff;padding:14px;border:2px solid #e5e7eb}.payment-grid[data-v-b7f2030d]{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.payment-field[data-v-b7f2030d]{display:flex;flex-direction:column;gap:4px}.payment-field label[data-v-b7f2030d]{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase}.due-display[data-v-b7f2030d]{display:flex;justify-content:space-between;padding:10px 14px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.due-display.due-paid[data-v-b7f2030d]{background:#d1fae5;color:#059669}.due-display.due-partial[data-v-b7f2030d]{background:#fef3c7;color:#d97706}.due-display.due-unpaid[data-v-b7f2030d]{background:#fee2e2;color:#dc2626}.summary-lines[data-v-b7f2030d]{margin-bottom:10px}.summary-line[data-v-b7f2030d]{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #e5e7eb;font-size:13px;color:#6b7280}.summary-line[data-v-b7f2030d]:last-child{border-bottom:none}.summary-line.grand-total[data-v-b7f2030d]{font-size:16px;font-weight:700;color:#2596be;padding-top:10px;margin-top:6px;border-top:2px solid #2596be;border-bottom:none}.tax-line[data-v-b7f2030d]{align-items:center}.tax-toggle[data-v-b7f2030d]{display:flex;align-items:center;gap:8px;cursor:pointer}.tax-toggle input[type=checkbox][data-v-b7f2030d]{width:18px;height:18px;accent-color:#2596be;cursor:pointer}.tax-toggle span[data-v-b7f2030d]{font-size:13px;color:#555}.notes-area label[data-v-b7f2030d]{display:block;font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:4px}.notes-area textarea[data-v-b7f2030d]{width:100%;resize:vertical}.action-bar[data-v-b7f2030d]{display:flex;flex-direction:column;gap:8px;background:#fff;padding:14px;border:2px solid #e5e7eb}.action-btn[data-v-b7f2030d]{flex:1;padding:14px 16px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .15s;border:2px solid}.draft-btn[data-v-b7f2030d]{background:#fff;color:#2596be;border-color:#2596be}.draft-btn[data-v-b7f2030d]:active{background:#f0f9ff}.quote-btn[data-v-b7f2030d]{background:#fff;color:#dc2626;border-color:#dc2626}.quote-btn[data-v-b7f2030d]:active{background:#fee2e2}.save-btn[data-v-b7f2030d]{background:#2596be;color:#fff;border-color:#2596be}.toast[data-v-b7f2030d]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);padding:14px 28px;font-weight:600;font-size:14px;z-index:1000;animation:slideUp-b7f2030d .3s ease}.success-toast[data-v-b7f2030d]{background:#059669;color:#fff}.error-toast[data-v-b7f2030d]{background:#dc2626;color:#fff}@keyframes slideUp-b7f2030d{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media(min-width:640px){.topbar[data-v-b7f2030d]{padding:10px 20px}.topbar-center h1[data-v-b7f2030d]{font-size:18px}.invoice-container[data-v-b7f2030d]{padding:20px;max-width:1200px;margin:0 auto}.invoice-meta[data-v-b7f2030d]{flex-direction:row;gap:16px}.product-row[data-v-b7f2030d]{flex-wrap:nowrap;gap:8px;padding:8px;background:transparent;margin-bottom:0;border:none;border-bottom:1px solid #e5e7eb}.product-row.header-row[data-v-b7f2030d]{display:flex;background:#2596be;color:#fff;padding:10px 8px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.col-n[data-v-b7f2030d]{display:block;width:30px;text-align:center;flex-shrink:0;font-weight:700}.col-product-name[data-v-b7f2030d]{width:auto;flex:1;min-width:0}.col-qty[data-v-b7f2030d]{width:60px;flex-shrink:0}.col-price[data-v-b7f2030d],.col-discount[data-v-b7f2030d]{width:90px;flex-shrink:0}.col-total[data-v-b7f2030d]{width:90px;flex-shrink:0;text-align:right;font-weight:700;color:#2596be}.col-remove[data-v-b7f2030d]{width:40px;flex-shrink:0;text-align:center}.invoice-footer[data-v-b7f2030d]{display:grid;grid-template-columns:1fr 350px;gap:16px}.payment-grid[data-v-b7f2030d]{grid-template-columns:repeat(3,1fr)}.action-bar[data-v-b7f2030d]{flex-direction:row;gap:12px}}