:root{--sd-black: #09090b;--sd-black-hover: #18181b;--sd-dark-muted: #27272a;--sd-red: #8B1E1E;--sd-red-hover: #6B1414;--sd-red-subtle: #FEF2F2;--sd-red-border: #FECACA;--sd-zinc-900: #18181b;--sd-zinc-700: #3f3f46;--sd-zinc-600: #52525b;--sd-zinc-500: #71717a;--sd-zinc-400: #a1a1aa;--sd-zinc-300: #d4d4d8;--sd-zinc-200: #e4e4e7;--sd-zinc-100: #f4f4f5;--sd-zinc-50: #fafafa;--sd-white: #ffffff;--font-heading: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-tamil: "Noto Sans Tamil", "Plus Jakarta Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:#fafafa;color:var(--sd-black);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip;width:100%}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading)}.font-tamil{font-family:var(--font-tamil)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--sd-zinc-100)}::-webkit-scrollbar-thumb{background:var(--sd-zinc-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--sd-zinc-400)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#fafafa;width:100%;max-width:100vw;overflow-x:clip}.brand-header{background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--sd-zinc-200);box-shadow:0 1px 3px #0000000a}.brand-header-inner{max-width:1440px;margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;box-sizing:border-box}@media(max-width:768px){.brand-header-inner{padding:8px 12px!important;gap:8px!important}}.nav-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:12px;font-size:.82rem;font-weight:800;color:var(--sd-zinc-600);background:var(--sd-zinc-50);border:1px solid var(--sd-zinc-200);cursor:pointer;transition:all .2s ease;white-space:nowrap}.nav-tab-btn:hover{color:var(--sd-black);border-color:var(--sd-zinc-400);background:var(--sd-white)}.nav-tab-btn.active{background:var(--sd-black);color:var(--sd-white);border-color:var(--sd-black);box-shadow:0 2px 8px #00000026}.bw-card{background:var(--sd-white);border:1px solid var(--sd-zinc-200);border-radius:16px;box-shadow:0 1px 3px #0000000a;transition:all .25s cubic-bezier(.16,1,.3,1);min-width:0;max-width:100%;box-sizing:border-box}.bw-card:hover{border-color:var(--sd-zinc-400);box-shadow:0 6px 20px #00000012}.btn-primary{background-color:var(--sd-black);color:var(--sd-white);border:1px solid var(--sd-black);font-weight:700;padding:9px 18px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;transition:all .2s ease;box-shadow:0 2px 6px #0000001a}.btn-primary:hover{background-color:var(--sd-black-hover);border-color:var(--sd-black-hover);transform:translateY(-1px)}.btn-accent{background-color:var(--sd-red);color:var(--sd-white);border:1px solid var(--sd-red);font-weight:700;padding:9px 18px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;transition:all .2s ease;box-shadow:0 2px 8px #8b1e1e40}.btn-accent:hover{background-color:var(--sd-red-hover);border-color:var(--sd-red-hover);transform:translateY(-1px);box-shadow:0 4px 14px #8b1e1e59}.btn-raw-bill{background-color:#6b1414;color:var(--sd-white);border:1px solid #6B1414;font-weight:800;padding:9px 18px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.84rem;transition:all .2s ease;box-shadow:0 2px 8px #6b141440}.btn-raw-bill:hover{background-color:#4a0d0d;border-color:#4a0d0d;transform:translateY(-1px);box-shadow:0 4px 14px #6b141459}.btn-raw-bill:active{transform:translateY(0)}.tab-raw-active{background-color:#6b1414!important;color:#fff!important;transition:all .2s ease!important;box-shadow:0 2px 6px #6b14144d!important}.tab-raw-active:hover{background-color:#4a0d0d!important;box-shadow:0 4px 12px #6b141466!important;transform:translateY(-1px)!important}.tab-other-active{background-color:var(--sd-black)!important;color:#fff!important;transition:all .2s ease!important;box-shadow:0 2px 6px #0003!important}.tab-other-active:hover{background-color:var(--sd-black-hover)!important;box-shadow:0 4px 12px #0000004d!important;transform:translateY(-1px)!important}.btn-secondary{background-color:var(--sd-white);color:var(--sd-black);border:1px solid var(--sd-zinc-200);font-weight:700;padding:8px 16px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.85rem;transition:all .2s ease}.btn-secondary:hover{background-color:var(--sd-zinc-50);border-color:var(--sd-black)}.category-pill{padding:8px 18px;border-radius:99px;font-size:.82rem;font-weight:700;cursor:pointer;background:var(--sd-white);color:var(--sd-zinc-600);border:1px solid var(--sd-zinc-300);white-space:nowrap;transition:all .2s ease;box-shadow:0 1px 2px #00000008}.category-pill:hover{border-color:var(--sd-black);color:var(--sd-black)}.category-pill.active{background:var(--sd-black);color:var(--sd-white);border-color:var(--sd-black);box-shadow:0 2px 8px #09090b26}.subcategory-pill{padding:5px 14px;border-radius:8px;font-size:.78rem;font-weight:700;cursor:pointer;background:var(--sd-zinc-100);color:var(--sd-zinc-600);border:1px solid var(--sd-zinc-200);white-space:nowrap;transition:all .2s}.subcategory-pill:hover{background:var(--sd-zinc-200);color:var(--sd-black);border-color:var(--sd-zinc-300)}.subcategory-pill.active{background:var(--sd-black);color:var(--sd-white);border-color:var(--sd-black)}.input-label{font-size:.8rem;font-weight:700;color:var(--sd-zinc-600);margin-bottom:5px;display:flex;align-items:center;gap:4px}.input-required{color:var(--sd-red)}.text-input{width:100%;padding:9px 13px;border:1px solid var(--sd-zinc-200);border-radius:10px;font-size:.9rem;font-family:inherit;color:var(--sd-black);background:var(--sd-white);outline:none;transition:border-color .2s,box-shadow .2s}.text-input:focus{border-color:var(--sd-black);box-shadow:0 0 0 3px #09090b14}.custom-select{width:100%;padding:8px 34px 8px 12px;border:1px solid var(--sd-zinc-300);border-radius:10px;font-size:.88rem;font-family:inherit;font-weight:600;color:var(--sd-black);background-color:var(--sd-white);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233f3f46' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:15px;appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;box-shadow:0 1px 2px #0000000a}.custom-select:hover{border-color:var(--sd-black);background-color:#fafafa}.custom-select:focus{border-color:var(--sd-black);box-shadow:0 0 0 3px #09090b14;background-color:var(--sd-white)}.custom-select-sm{width:auto;min-width:130px;padding:5px 28px 5px 10px;border-radius:8px;font-size:.84rem;font-weight:700;background-position:right 8px center;background-size:13px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#09090b99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;overflow-y:auto}.modal-content{background:var(--sd-white);border-radius:18px;border:1px solid var(--sd-zinc-200);width:100%;max-width:600px;box-shadow:0 12px 36px #0000001f;position:relative;max-height:90vh;display:flex;flex-direction:column}.responsive-page-container{max-width:1440px;margin:0 auto;padding:20px;width:100%}@media(max-width:768px){.responsive-page-container{padding:10px 12px}.app-container{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))!important}}.responsive-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}@media(max-width:640px){.responsive-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.responsive-product-grid .bw-card{border-radius:12px!important}}@media(max-width:360px){.responsive-product-grid{grid-template-columns:minmax(0,1fr)!important}}@media(min-width:641px)and (max-width:1024px){.responsive-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}}.responsive-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:14px;width:100%;max-width:100%;box-sizing:border-box}@media(max-width:768px){.responsive-cards-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;width:100%!important;max-width:100%!important}}.responsive-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:14px;margin-bottom:24px}@media(max-width:640px){.responsive-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-bottom:16px!important}}@media(max-width:360px){.responsive-metrics-grid{grid-template-columns:minmax(0,1fr)!important}}.quickstats-secondary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px;margin-bottom:20px}.quickstats-main-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:16px}@media(max-width:768px){.quickstats-secondary-grid,.quickstats-main-grid{grid-template-columns:minmax(0,1fr)!important;gap:12px!important;margin-bottom:16px!important}}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}@media(max-width:540px){.form-grid-2col{grid-template-columns:1fr!important;gap:8px!important}}.form-grid-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:10px}@media(max-width:640px){.form-grid-3col{grid-template-columns:1fr!important;gap:8px!important}}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;min-width:0;flex:1 1 auto;scrollbar-width:none;-ms-overflow-style:none}.desktop-nav::-webkit-scrollbar{display:none}@media(min-width:769px){.mobile-only-header-actions{display:none!important}}.mobile-bottom-nav{display:none}@media(max-width:768px){.desktop-nav{display:none!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:calc(60px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffffffa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--sd-zinc-200);z-index:55;align-items:center;justify-content:space-around;padding-left:4px;padding-right:4px;box-shadow:0 -4px 16px #0000000f}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:transparent;border:none;cursor:pointer;padding:6px 2px;color:var(--sd-zinc-500);font-size:.65rem;font-weight:700;position:relative;transition:all .15s ease}.mobile-nav-btn.active{color:var(--sd-black);font-weight:800}.mobile-nav-btn.active svg{color:var(--sd-black);transform:scale(1.1)}.mobile-nav-badge{position:absolute;top:4px;right:calc(50% - 16px);background:var(--sd-black);color:#fff;font-size:.6rem;font-weight:800;width:16px;height:16px;border-radius:99px;display:flex;align-items:center;justify-content:center}}.pos-mobile-view-toggle{display:none}@media(max-width:1024px){.pos-mobile-view-toggle{display:flex;background:var(--sd-zinc-100);border-radius:12px;padding:3px;margin-bottom:12px;gap:4px;border:1px solid var(--sd-zinc-200)}.pos-mobile-toggle-btn{flex:1;padding:8px 12px;border:none;border-radius:9px;font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .15s ease;background:transparent;color:var(--sd-zinc-600)}.pos-mobile-toggle-btn.active{background:var(--sd-white);color:var(--sd-black);font-weight:800;box-shadow:0 1px 3px #00000014}}.mobile-floating-cart-bar{display:none}@media(min-width:769px)and (max-width:1024px){.mobile-floating-cart-bar{display:flex;position:fixed;bottom:16px;left:20px;right:20px;max-width:580px;margin:0 auto;background:var(--sd-black);color:var(--sd-white);padding:12px 18px;border-radius:14px;align-items:center;justify-content:space-between;z-index:52;box-shadow:0 8px 24px #00000047;cursor:pointer;animation:slideUpFloat .25s cubic-bezier(.16,1,.3,1)}}@media(max-width:768px){.mobile-floating-cart-bar{display:flex;position:fixed;bottom:calc(68px + env(safe-area-inset-bottom,0px));left:10px;right:10px;background:var(--sd-black);color:var(--sd-white);padding:10px 14px;border-radius:14px;align-items:center;justify-content:space-between;z-index:52;box-shadow:0 8px 24px #00000047;cursor:pointer;animation:slideUpFloat .25s cubic-bezier(.16,1,.3,1)}}@keyframes slideUpFloat{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.pos-billing-layout{display:grid;grid-template-columns:1fr 440px;gap:20px;align-items:stretch}.pos-cart-column{display:flex;flex-direction:column}.pos-bill-sticky{position:-webkit-sticky;position:sticky;top:80px;z-index:20}@media(max-width:1024px){.pos-billing-layout{display:block!important}.pos-catalog-column.mobile-hidden,.pos-cart-column.mobile-hidden{display:none!important}.pos-cart-column{position:static!important}.pos-bill-sticky{position:static!important;top:auto!important}}@media(min-width:1025px){.no-desktop{display:none!important}}@media(max-width:640px){.modal-overlay{padding:8px!important;align-items:flex-end!important}.modal-content{max-height:94vh!important;border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;width:100%!important}.text-input,.custom-select{font-size:16px!important}.no-mobile{display:none!important}}.a4-scroll-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@page{size:A4 portrait;margin:8mm 10mm}@media print{html,body{background:#fff!important;color:#000!important;margin:0!important;padding:0!important;width:100%!important;height:auto!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,header,nav,.brand-header,.mobile-bottom-nav,.mobile-floating-cart-bar,button,.app-container>main{display:none!important}.modal-overlay{position:static!important;display:block!important;background:transparent!important;padding:0!important;margin:0!important;width:100%!important;height:auto!important;inset:auto!important;z-index:auto!important}.modal-content{position:static!important;display:block!important;width:100%!important;max-width:100%!important;min-width:100%!important;max-height:none!important;height:auto!important;border:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;overflow:visible!important}.a4-scroll-wrapper{overflow:visible!important;width:100%!important;display:block!important}.a4-invoice-container{width:100%!important;max-width:790px!important;min-width:0!important;max-height:none!important;height:auto!important;margin:0 auto!important;padding:8px 12px!important;border:none!important;box-shadow:none!important;overflow:visible!important;line-height:1.35!important;page-break-inside:avoid!important;box-sizing:border-box!important}table{page-break-inside:auto!important;width:100%!important}tr{page-break-inside:avoid!important;page-break-after:auto!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}}.exporting-pdf .no-print-in-slip{display:none!important}.exporting-pdf .print-only-text{display:inline-block!important}