*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#1a1814;--surface:#221f1a;--surface2:#2d2923;--surface3:#38332c;--border:#47413a;--border2:#58514a;--text:#f2ede5;--text2:#c4b8aa;--text3:#8c8077;--accent:#c9a84c;--accent2:#e0c06a;--accentbg:#c9a84c1a;--green:#4caf7d;--red:#d95f4b;--amber:#d4924a;--blue:#5b8dd9;--r1:5px;--r2:8px;--r3:12px;--r4:16px;--sh:0 2px 16px #00000059;--sh2:0 8px 40px #0000008c;--font:"DM Sans", sans-serif;--mono:"JetBrains Mono", monospace}[data-theme=light]{--bg:#f5f2ed;--surface:#fff;--surface2:#f0ece5;--surface3:#e8e2d9;--border:#d8d0c4;--border2:#c4b9ab;--text:#1a1814;--text2:#4a4238;--text3:#8a7d6e;--accent:#b8922e;--accent2:#d4aa44;--accentbg:#b8922e1a;--green:#2e8a56;--red:#c0402e;--amber:#c07830;--blue:#3a6bbf;--sh:0 2px 16px #0000001a;--sh2:0 8px 40px #0000002e}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border2)}[data-theme=light] .inp{background:#fff}[data-theme=light] .sidebar{border-right-color:var(--border)}[data-theme=light] .tbl tbody tr:hover{background:var(--surface2)}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}#root{height:100%}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text3)}.btn{border-radius:var(--r2);cursor:pointer;font-family:var(--font);white-space:nowrap;border:none;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.35;cursor:not-allowed}.btn-primary{background:var(--accent);color:#1a1814;font-weight:700}.btn-primary:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px);box-shadow:0 3px 12px #c9a84c59}.btn-ghost{color:var(--text2);border:1.5px solid var(--border2);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--surface3);color:var(--text);border-color:var(--border2)}.btn-danger{color:var(--red);background:#d95f4b1a;border:1.5px solid #d95f4b33}.btn-danger:hover:not(:disabled){background:#d95f4b33}.btn-green{background:var(--green);color:#fff;font-weight:700}.btn-green:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.btn-sm{padding:.28rem .6rem;font-size:.8rem}.btn-lg{padding:.7rem 1.4rem;font-size:.92rem}.btn-icon{border-radius:var(--r1);padding:.42rem}.inp{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--r2);width:100%;color:var(--text);font-family:var(--font);outline:none;padding:.55rem .8rem;font-size:.87rem;transition:border-color .15s}.inp:focus{border-color:var(--accent)}.inp::placeholder{color:var(--text3)}.inp-sm{padding:.32rem .6rem;font-size:.87rem}select.inp{cursor:pointer}textarea.inp{resize:vertical;min-height:80px}.lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3)}.badge{border-radius:99px;align-items:center;gap:.25rem;padding:.15rem .55rem;font-size:.8rem;font-weight:700;display:inline-flex}.badge-green{color:var(--green);background:#4caf7d1f}.badge-red{color:var(--red);background:#d95f4b1f}.badge-amber{color:var(--amber);background:#d4924a1f}.badge-blue{color:var(--blue);background:#5b8dd91f}.badge-purple{color:var(--accent2);background:#c9a84c1f}.badge-grey{background:var(--surface3);color:var(--text2)}.tbl{border-collapse:collapse;width:100%}.tbl th{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);border-bottom:1px solid var(--border);text-align:left;white-space:nowrap;background:var(--surface);padding:.6rem .9rem;font-size:.8rem;font-weight:700}.tbl td{border-bottom:1px solid var(--border);vertical-align:middle;color:var(--text);padding:.85rem 1rem;font-size:.86rem}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover{background:var(--surface2)}.modal-backdrop{z-index:200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf;justify-content:center;align-items:center;padding:1.5rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.modal-box{background:var(--surface);border:1px solid var(--border2);border-radius:var(--r4);width:100%;max-height:90vh;box-shadow:var(--sh2);animation:.2s slideUp;overflow-y:auto}.modal-hd{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;border-radius:var(--r4) var(--r4) 0 0;justify-content:space-between;align-items:center;padding:1.1rem 1.4rem;display:flex;position:sticky;top:0}.modal-hd h3{color:var(--text);font-size:.95rem;font-weight:700}.modal-bd{padding:1.4rem}.tabs{background:var(--surface2);border-radius:var(--r2);gap:.25rem;padding:.2rem;display:flex}.tab{border-radius:var(--r1);cursor:pointer;color:var(--text2);font-size:.87rem;font-weight:600;font-family:var(--font);background:0 0;border:none;padding:.35rem .8rem;transition:all .15s}.tab.active{background:var(--surface3);color:var(--text);box-shadow:0 1px 4px #0000004d}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);padding:1.1rem 1.3rem}.stat-lbl{text-transform:uppercase;letter-spacing:.07em;color:var(--text3);margin-bottom:.4rem;font-size:.8rem;font-weight:700}.stat-val{font-size:1.75rem;font-weight:700;font-family:var(--mono)}.stat-sub{color:var(--text2);margin-top:.2rem;font-size:.83rem}.empty{color:var(--text3);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 2rem;display:flex}.empty-icon{opacity:.45;font-size:2.5rem}.page-hd{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.2rem;display:flex}.page-title{color:var(--text);font-size:1.2rem;font-weight:700}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-grid .span2{grid-column:span 2}@media (width<=600px){.form-grid{grid-template-columns:1fr}.form-grid .span2{grid-column:span 1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid var(--border2);border-top-color:var(--accent);border-radius:50%;width:18px;height:18px;animation:.65s linear infinite spin}.app-shell{height:100vh;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;display:flex;overflow-y:auto}.sidebar a.active,.sidebar [aria-current=page]{border-left:2px solid var(--accent);background:var(--accentbg)!important;color:var(--accent)!important;padding-left:calc(.7rem - 2px)!important}.main-area{flex-direction:column;flex:1;display:flex;overflow-y:auto}.page-wrap{flex:1;padding:1.5rem 1.75rem}.mobile-topbar,.mobile-bottomnav{display:none}@media (width<=768px){.sidebar{z-index:100;width:240px;transition:left .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:-240px}.sidebar.open{box-shadow:var(--sh2);left:0}.sidebar-close-btn{display:flex!important}.mobile-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;flex-shrink:0;justify-content:space-between;align-items:center;padding:.6rem 1rem;display:flex;position:sticky;top:0}.mobile-bottomnav{background:var(--surface);border-top:1px solid var(--border);z-index:50;padding-bottom:env(safe-area-inset-bottom,0px);flex-shrink:0;align-items:center;display:flex;position:sticky;bottom:0}.page-wrap{padding:.85rem .9rem .5rem}.main-area{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main-area>main{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.tbl-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.card:has(table){overflow:visible}table{-webkit-overflow-scrolling:touch;max-width:100%;display:block;overflow-x:auto}.modal-backdrop{align-items:flex-end;padding:0}.modal-box{border-radius:var(--r4) var(--r4) 0 0;width:100%;max-height:92vh}.page-hd{flex-direction:column;align-items:flex-start;gap:.6rem}.page-hd>div{width:100%}@media (width<=480px){.stat-card-grid{grid-template-columns:1fr 1fr!important}}}@keyframes marquee-scroll{0%{transform:translate(0)}10%{transform:translate(0)}80%{transform:translateX(var(--marquee-distance,-60%))}90%{transform:translateX(var(--marquee-distance,-60%))}to{transform:translate(0)}}.variant-label-wrap{white-space:nowrap;cursor:inherit;display:block;overflow:hidden}.variant-label-text{white-space:nowrap;display:inline-block}.variant-label-wrap:hover .variant-label-text{animation:2.8s ease-in-out forwards marquee-scroll}.variant-label-wrap{position:relative}.variant-label-wrap:after{content:attr(title);color:#f2ede5;border:1px solid var(--border2);white-space:nowrap;pointer-events:none;opacity:0;z-index:999;text-overflow:ellipsis;background:#1a1814;border-radius:6px;max-width:220px;padding:4px 9px;font-size:.78rem;font-weight:600;transition:opacity .15s,transform .15s;position:absolute;bottom:calc(100% + 6px);left:0;overflow:hidden;transform:translateY(4px);box-shadow:0 4px 12px #0006}.variant-label-wrap:hover:after{opacity:1;transform:translateY(0)}@media (hover:none),(width<=768px){.camera-scan-btn{display:flex!important}}@keyframes scanLine{0%{opacity:1;top:36%}50%{opacity:.8;top:58%}to{opacity:1;top:36%}}.inp.sn-dupe,.inp.sn-dupe:focus{outline:none;border-color:var(--red)!important;background:#d95f4b14!important}.inp.sn-ok,.inp.sn-ok:focus{outline:none;border-color:var(--green)!important}@media (width<=768px){.pos-mobile-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex!important}.pos-grid{grid-template-columns:1fr!important;gap:0!important;height:auto!important;max-height:none!important}.pos-panel-products,.pos-panel-cart{height:calc(100vh - 170px);display:none!important}.pos-panel-products.pos-panel-active,.pos-panel-cart.pos-panel-active{display:flex!important}}.store-root{--sbg:#f7f5f0;--ssurf:#fff;--ssurf2:#f0ede6;--sborder:#e0d8cc;--stext:#1a1814;--stext2:#5a5248;--stext3:#9a8f82;--saccent:#c9a84c;--sgreen:#4caf7d;--sred:#d95f4b}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}@media (width<=768px){.btn{min-height:38px;padding:.45rem .85rem;font-size:.85rem}.btn-sm{min-height:34px}.btn-icon{min-width:36px;min-height:36px}.inp{min-height:40px;font-size:16px}.inp-sm{min-height:36px;font-size:15px}select.inp{font-size:16px}.card{border-radius:10px}.tbl{font-size:.8rem}.tbl th,.tbl td{white-space:nowrap;padding:.5rem .55rem}.stat-card-grid{grid-template-columns:1fr 1fr!important;gap:.6rem!important}.pos-search-bar{flex-wrap:wrap;gap:.4rem}.pos-filter-chips{flex-wrap:wrap;gap:.3rem}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.variant-btn-row,.cart-item{flex-wrap:wrap;gap:.3rem}.purchase-line-grid{gap:.4rem;grid-template-columns:1fr 1fr!important}.inventory-toolbar{flex-wrap:wrap;gap:.4rem}.inventory-toolbar .btn{padding:.3rem .55rem;font-size:.72rem}.invoice-filters{flex-wrap:wrap;gap:.4rem}.crm-stage-chips{flex-wrap:wrap;gap:.3rem}.modal-box{max-height:96vh}.modal-bd{padding:.85rem .9rem}.modal-hd{padding:.75rem .9rem}.modal-hd h3{font-size:1rem}.modal-box .form-grid{grid-template-columns:1fr!important}.modal-box .form-grid .span2,.modal-box .form-grid .span3{grid-column:span 1!important}.report-grid{grid-template-columns:1fr!important}.report-chart{overflow-x:auto}.settings-tabs{flex-wrap:nowrap;gap:.2rem;overflow-x:auto}.settings-tabs button{white-space:nowrap;flex-shrink:0}.wa-campaign-grid,.jmd-grid{grid-template-columns:1fr!important}}@media (width<=480px){.page-wrap{padding:.65rem .7rem}.product-grid,.stat-card-grid{grid-template-columns:1fr!important}.tbl .col-hide-xs{display:none!important}.btn{padding:.38rem .7rem;font-size:.8rem}select.inp,.inp{width:100%}.modal-box{max-height:98vh}.page-hd h1{font-size:1.1rem}}@media (width<=768px) and (orientation:landscape){.modal-box{max-height:95vh}.modal-bd{max-height:60vh;overflow-y:auto}}@supports (padding-bottom:env(safe-area-inset-bottom)){.mobile-bottomnav{padding-bottom:calc(env(safe-area-inset-bottom) + .3rem)}@media (width<=768px){.page-wrap{padding-bottom:calc(.85rem + env(safe-area-inset-bottom))}}}@media (width<=768px){*{-webkit-overflow-scrolling:touch}.modal-bd{overflow-y:auto}.btn{-webkit-user-select:none;user-select:none}a,button,.btn{-webkit-tap-highlight-color:#c9a84c26}.report-grid{grid-template-columns:1fr!important}.settings-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs button{white-space:nowrap;flex-shrink:0}.wa-campaign-grid,[class*=campaign]>div[style*=grid]{grid-template-columns:1fr!important}.modal-box div[style*="gridTemplateColumns: '2fr 1fr 1fr 1fr auto'"]{grid-template-columns:1fr 1fr auto!important}.modal-box div[style*="gridTemplateColumns: '1fr 1fr'"]{grid-template-columns:1fr!important}div[style*="display: 'flex'"][style*=gap]>button[style*="borderRadius: 99"]{flex-shrink:0}.stat-card-grid{grid-template-columns:repeat(2,1fr)!important}.page-wrap{padding-bottom:5rem!important}.card{overflow-x:visible}}@media (width<=480px){.stat-card-grid{grid-template-columns:1fr 1fr!important}body{font-size:14px}.tbl{font-size:.78rem}.tbl th,.tbl td{padding:.45rem .4rem}.tbl .col-gstin,.tbl .col-email,.tbl .col-address{display:none!important}.modal-box div[style*="gridTemplateColumns: '2fr 1fr 1fr 1fr auto'"]{grid-template-columns:1fr auto!important}}@media (width<=768px){html,body{max-width:100vw;overflow-x:hidden}.app-shell{overflow-x:hidden}.card{overflow:visible!important}table.tbl{white-space:nowrap;width:100%;-webkit-overflow-scrolling:touch!important;display:block!important;overflow-x:auto!important}table.tbl tbody tr td{white-space:nowrap}div[style*="display: 'flex'"][style*="gap: '1rem'"]>div[style*="flex: 1"],div[style*="gap: \"1rem\""]>div[style*="flex: 1"]{flex-shrink:0;min-width:140px}div[style*=TOTAL\ PURCHASES],.stat-summary-row{-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;overflow-x:auto!important}.tbl td:last-child,.tbl th:last-child{white-space:nowrap;min-width:70px}.card table,.card .tbl{overflow-x:auto!important}.page-wrap{padding-bottom:4rem!important}.stat-card-grid{grid-template-columns:repeat(2,minmax(140px,1fr))!important}.purchases-stats{flex-wrap:nowrap!important;gap:.6rem!important;padding-bottom:.3rem!important;display:flex!important;overflow-x:auto!important}.purchases-stats>*{flex-shrink:0!important;min-width:150px!important}.tbl{table-layout:auto!important}.tbl td,.tbl th{max-width:none!important;overflow:visible!important}}