:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f7;font-family:Inter,Arial,sans-serif}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{background:#eef2f7;min-height:100vh;display:block}button{cursor:pointer}h1,h2,h3,p{margin-top:0}.pos-module-overlay{z-index:1000;background:#eef2f7;padding:28px 28px 50px 96px;position:fixed;inset:0;overflow:auto}.pos-module-container{width:min(1400px,100%);margin:0 auto}.pos-module-header{background:#fff;border:1px solid #dce3ed;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:22px 26px;display:flex}.pos-module-header h1{color:#0f172a;margin:3px 0 6px;font-size:30px}.pos-module-header p{color:#64748b;margin:0}.pos-module-eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800;color:#2563eb!important}.pos-module-sales-button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:10px;min-height:46px;padding:11px 18px;font-size:15px;font-weight:750}.pos-module-notice{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:12px;margin-bottom:20px;padding:16px 18px;font-weight:700}.pos-module-error{color:#b91c1c;background:#fff1f2;border-color:#fecaca}.pos-module-card{background:#fff;border:1px solid #dce3ed;border-radius:18px;margin-bottom:22px;padding:24px;box-shadow:0 8px 25px #0f172a0d}.pos-module-card h2{color:#0f172a;margin:0 0 8px}.pos-module-card p{color:#64748b}.pos-module-card-heading{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.pos-module-card-heading p{margin:5px 0 0}.pos-module-table-wrap{overflow-x:auto}.pos-module-table{border-collapse:collapse;width:100%;min-width:820px}.pos-module-table th,.pos-module-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5eaf1;padding:14px 13px}.pos-module-table th{color:#475569;letter-spacing:.04em;text-transform:uppercase;background:#f8fafc;font-size:12px;font-weight:800}.pos-module-table td{color:#1e293b}.pos-module-table .number{text-align:right;white-space:nowrap}.pos-module-table .empty{color:#64748b;text-align:center;padding:34px}.pos-status{border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800;display:inline-flex}.pos-status.active{color:#166534;background:#dcfce7}.pos-status.low{color:#92400e;background:#fef3c7}.pos-status.inactive{color:#475569;background:#e2e8f0}.pos-report-grid{grid-template-columns:repeat(5,minmax(170px,1fr));gap:16px;margin-bottom:22px;display:grid}.pos-report-card{background:#fff;border:1px solid #dce3ed;border-radius:16px;flex-direction:column;justify-content:space-between;min-height:150px;padding:21px;display:flex}.pos-report-card span{color:#64748b;font-size:14px;font-weight:750}.pos-report-card strong{color:#0f172a;font-size:29px}.pos-report-card small{color:#64748b}.pos-report-card.warning{background:#fffbeb;border-color:#fde68a}.pos-settings-grid{grid-template-columns:repeat(2,minmax(320px,1fr));gap:20px;display:grid}.pos-settings-grid .pos-module-card{margin-bottom:0}.pos-settings-list{margin:18px 0 0}.pos-settings-list div{border-bottom:1px solid #e5eaf1;grid-template-columns:160px minmax(0,1fr);gap:15px;padding:12px 0;display:grid}.pos-settings-list dt{color:#64748b;font-weight:700}.pos-settings-list dd{color:#0f172a;overflow-wrap:anywhere;margin:0;font-weight:700}@media (width<=1050px){.pos-report-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=760px){.pos-module-overlay{padding:88px 14px 30px}.pos-module-header{flex-direction:column;align-items:stretch}.pos-module-sales-button{width:100%}.pos-report-grid,.pos-settings-grid{grid-template-columns:1fr}.pos-settings-list div{grid-template-columns:1fr;gap:4px}}.pos-module-date-controls{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.pos-module-date-controls label{color:#475569;flex-direction:column;gap:6px;font-size:13px;font-weight:700;display:flex}.pos-module-date-controls input{color:#172033;min-height:42px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 12px}.pos-module-date-controls button{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:9px;min-height:42px;padding:9px 18px;font-weight:700}@media (width<=720px){.pos-module-date-controls{justify-content:stretch;width:100%}.pos-module-date-controls label{flex:1}.pos-module-date-controls input,.pos-module-date-controls button{width:100%}}.pos-module-date-filter{flex-direction:column;gap:7px;margin-top:14px;display:flex}.pos-module-date-filter label{color:#475569;font-size:13px;font-weight:750}.pos-module-date-actions{align-items:center;gap:8px;display:flex}.pos-module-date-actions input{color:#172033;min-height:42px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:9px;padding:8px 11px}.pos-module-date-actions button{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #0f172a;border-radius:9px;min-height:42px;padding:8px 14px;font-weight:750}@media (width<=720px){.pos-module-date-actions{width:100%}.pos-module-date-actions input{flex:1;min-width:0}}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--apx-navy-950:#07101f;--apx-navy-900:#0f172a;--apx-navy-800:#172033;--apx-navy-700:#26344d;--apx-blue-700:#1d4ed8;--apx-blue-600:#2563eb;--apx-blue-500:#3b82f6;--apx-blue-100:#dbeafe;--apx-blue-50:#eff6ff;--apx-green-700:#15803d;--apx-green-600:#16a34a;--apx-green-100:#dcfce7;--apx-green-50:#f0fdf4;--apx-red-700:#b91c1c;--apx-red-600:#dc2626;--apx-red-100:#fee2e2;--apx-red-50:#fef2f2;--apx-amber-700:#b45309;--apx-amber-100:#fef3c7;--apx-amber-50:#fffbeb;--apx-bg:#edf2f7;--apx-bg-soft:#f6f8fb;--apx-surface:#fff;--apx-surface-soft:#f8fafc;--apx-text:#172033;--apx-text-soft:#64748b;--apx-text-muted:#94a3b8;--apx-border:#dce4ee;--apx-border-strong:#cbd5e1;--apx-radius-sm:8px;--apx-radius-md:12px;--apx-radius-lg:16px;--apx-radius-xl:22px;--apx-shadow-sm:0 1px 2px #0f172a0d;--apx-shadow-md:0 8px 24px #0f172a14;--apx-shadow-lg:0 18px 50px #0f172a21;--apx-transition:.16s ease;background:#edf2f7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--apx-bg);min-width:320px;min-height:100%}body{background:radial-gradient(circle at top left, #2563eb0e, transparent 30%), var(--apx-bg);min-width:320px;min-height:100vh;color:var(--apx-text);margin:0;overflow-x:hidden}#root{min-height:100vh}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;transition:transform var(--apx-transition), box-shadow var(--apx-transition), background-color var(--apx-transition), border-color var(--apx-transition), color var(--apx-transition), opacity var(--apx-transition)}button:not(:disabled){cursor:pointer}button:not(:disabled):active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{color:var(--apx-text);background:var(--apx-surface);border-color:var(--apx-border);transition:border-color var(--apx-transition), box-shadow var(--apx-transition), background-color var(--apx-transition);outline:none}input:hover,select:hover,textarea:hover{border-color:var(--apx-border-strong)}input:focus,select:focus,textarea:focus{border-color:var(--apx-blue-500);box-shadow:0 0 0 3px #2563eb24}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #2563eb38}a{color:var(--apx-blue-600);text-decoration:none}a:hover{color:var(--apx-blue-700)}table{border-spacing:0}::selection{color:#fff;background:var(--apx-blue-600)}*{scrollbar-width:thin;scrollbar-color:#aeb9c8 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#aeb9c8 padding-box content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#8794a7 padding-box content-box;border:3px solid #0000}.apx-card{background:var(--apx-surface);border:1px solid var(--apx-border);border-radius:var(--apx-radius-lg);box-shadow:var(--apx-shadow-sm)}.apx-page-title{color:var(--apx-navy-900);letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,2.5vw,2.25rem);font-weight:800}.apx-page-subtitle{color:var(--apx-text-soft);margin:6px 0 0;font-size:.96rem;line-height:1.55}.apx-primary-button{color:#fff;border:1px solid var(--apx-navy-900);border-radius:var(--apx-radius-md);background:var(--apx-navy-900);min-height:44px;box-shadow:var(--apx-shadow-sm);padding:10px 18px;font-weight:750}.apx-primary-button:hover:not(:disabled){background:var(--apx-navy-800);box-shadow:var(--apx-shadow-md)}.apx-secondary-button{min-height:44px;color:var(--apx-navy-900);border:1px solid var(--apx-border-strong);border-radius:var(--apx-radius-md);background:var(--apx-surface);padding:10px 18px;font-weight:700}.apx-secondary-button:hover:not(:disabled){border-color:var(--apx-blue-500);background:var(--apx-blue-50)}.apx-danger-button{min-height:44px;color:var(--apx-red-700);border-radius:var(--apx-radius-md);background:var(--apx-red-50);border:1px solid #fecaca;padding:10px 18px;font-weight:700}.apx-danger-button:hover:not(:disabled){color:#fff;border-color:var(--apx-red-600);background:var(--apx-red-600)}.apx-field{border:1px solid var(--apx-border);border-radius:var(--apx-radius-md);background:var(--apx-surface);width:100%;min-height:44px;padding:10px 13px}.apx-label{color:var(--apx-navy-700);margin-bottom:7px;font-size:.84rem;font-weight:750;display:block}.apx-success-message,.apx-error-message,.apx-warning-message{border-radius:var(--apx-radius-md);padding:11px 14px;font-size:.92rem;font-weight:650}.apx-success-message{color:var(--apx-green-700);background:var(--apx-green-50);border:1px solid #bbf7d0}.apx-error-message{color:var(--apx-red-700);background:var(--apx-red-50);border:1px solid #fecaca}.apx-warning-message{color:var(--apx-amber-700);background:var(--apx-amber-50);border:1px solid #fde68a}@media (width<=720px){:root{--apx-radius-lg:14px;--apx-radius-xl:18px}button,input,select,textarea{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.pos-sales-shell{width:100%;min-height:100vh}.pos-sales-main{min-width:0}.pos-sales-topbar{min-height:78px;padding-left:68px!important}.pos-sales-product-grid{align-content:start;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))!important}.pos-sales-cart{border-left:1px solid var(--apx-border);height:100vh;top:0;overflow-y:auto;box-shadow:-8px 0 28px #0f172a0d;background:var(--apx-surface)!important;position:sticky!important}.pos-payment-grid{width:100%}@media (width<=1180px){.pos-sales-shell{grid-template-columns:minmax(0,1fr) 370px!important}.pos-sales-product-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))!important}}@media (width<=900px){.pos-sales-shell{display:block!important}.pos-sales-main{padding:20px!important}.pos-sales-topbar{flex-wrap:wrap;min-height:86px;padding-left:66px!important}.pos-sales-cart{border-top:1px solid var(--apx-border);border-left:none;height:auto;min-height:520px;box-shadow:0 -8px 28px #0f172a0d;width:100%!important;position:relative!important}.pos-sales-product-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr))!important}}@media (width<=600px){.pos-sales-main{padding:14px!important}.pos-sales-topbar{gap:12px!important;padding-left:60px!important}.pos-sales-topbar h1{font-size:1.65rem!important}.pos-sales-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.pos-sales-cart{min-height:500px;padding:18px!important}.pos-payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}}@media (width<=390px){.pos-sales-product-grid{grid-template-columns:1fr!important}}