:root{--color-primary:#0f4c81;--color-primary-hover:#0b3d6a;--color-primary-light:#e6f0fa;--color-primary-rgb:15, 76, 129;--color-secondary:#00897b;--color-secondary-hover:#006056;--color-secondary-light:#e0f2f1;--color-tertiary:#e65100;--color-tertiary-hover:#b94200;--color-tertiary-light:#fff0e5;--color-danger:#d32f2f;--color-success:#388e3c;--color-warning:#f57c00;--color-text-main:#212529;--color-text-muted:#6c757d;--color-bg-base:#f4f6f8;--color-bg-paper:#fff;--color-border:#e9ecef;--font-family:"Inter", "Roboto", system-ui, -apple-system, sans-serif;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:9999px;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--bottom-bar-height:80px}*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:var(--font-family);background-color:var(--color-bg-base);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%}#root{flex-direction:column;height:100%;display:flex}.container{width:100%;max-width:1200px;padding:var(--spacing-4);margin:0 auto}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-muted{color:var(--color-text-muted)}.bg-primary{background-color:var(--color-primary);color:#fff}.bg-secondary{background-color:var(--color-secondary);color:#fff}.bg-danger{background-color:var(--color-danger);color:#fff}.bg-success{background-color:var(--color-success);color:#fff}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-normal{font-weight:400}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-pill)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.w-full{width:100%}.h-full{height:100%}.border{border:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.btn{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);cursor:pointer;border:none;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover)}.btn-outline{border:1px solid var(--color-border);color:var(--color-text-main);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-bg-base);border-color:var(--color-text-muted)}.btn-tertiary{background-color:var(--color-tertiary-light);color:var(--color-tertiary)}.btn-tertiary:hover:not(:disabled){background-color:var(--color-tertiary);color:#fff}.btn-icon{padding:var(--spacing-2);border-radius:var(--radius-md)}.btn-ghost{color:var(--color-text-main);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-base)}.input{width:100%;padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:.875rem;transition:border-color .2s}.input:focus{border-color:var(--color-primary);outline:none}.card{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.app-shell{height:100vh;display:flex;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-bar{background-color:var(--color-bg-base);border-radius:var(--radius-pill);border:1px solid var(--color-border);align-items:center;gap:10px;padding:10px 16px;transition:all .2s ease-in-out;display:flex;position:relative}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .08), 0 0 0 3px rgba(var(--color-primary-rgb), .15);background-color:#fff}.search-bar input{width:100%;color:var(--color-text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:.9rem}.search-bar input::placeholder{color:#94a3b8}.sort-pill{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:999px;align-items:center;gap:.375rem;padding:.4rem .75rem;transition:all .15s;display:inline-flex;position:relative}.sort-pill:hover{border-color:var(--color-primary,#1e40af)}.sort-pill:focus-within{border-color:var(--color-primary,#1e40af);box-shadow:0 0 0 3px #1e40af1a}.sort-pill>svg:first-child{color:var(--color-text-muted,#9ca3af);flex-shrink:0}.sort-pill>svg:last-child{color:var(--color-text-muted,#9ca3af);pointer-events:none;flex-shrink:0}.sort-pill select{appearance:none;color:var(--color-text-main,#111827);cursor:pointer;background:0 0;border:none;outline:none;padding-right:.25rem;font-family:inherit;font-size:.8rem;font-weight:600}.app-shell{background:var(--color-bg,#f5f5f5);height:100dvh;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--color-surface,#fff);border-right:1px solid var(--color-border,#e5e7eb);z-index:1000;flex-direction:column;width:260px;min-width:260px;height:100dvh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--color-border,#e5e7eb);background:linear-gradient(135deg,#1e40af0a,#1e40af03);justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;display:flex}.brand-title{color:var(--color-primary,#1e40af);align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.sidebar-close-btn{cursor:pointer;color:var(--color-text-muted,#6b7280);background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.375rem;transition:background .15s;display:flex}.sidebar-close-btn:hover{background:var(--color-bg,#f3f4f6)}.sidebar-nav{flex:1;padding:.5rem 0;overflow-y:auto}.nav-group{margin-bottom:.25rem;padding:0 .5rem}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted,#9ca3af);padding:.75rem .75rem .25rem;font-size:.65rem;font-weight:700}.nav-item{color:var(--color-text,#374151);cursor:pointer;border-radius:.5rem;align-items:center;gap:.625rem;padding:.5rem .75rem;font-size:.825rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative}.nav-item:hover{background:var(--color-bg,#f3f4f6);color:var(--color-primary,#1e40af)}.nav-item.active{background:var(--color-primary-light,#1e40af14);color:var(--color-primary,#1e40af);font-weight:700}.nav-item.active:before{content:"";background:var(--color-primary,#1e40af);border-radius:0 2px 2px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item-text{flex:1}.nav-shortcut{color:var(--color-text-muted,#9ca3af);background:var(--color-bg,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);border-radius:.25rem;padding:.125rem .375rem;font-size:.6rem;font-weight:600}.sidebar-footer{border-top:1px solid var(--color-border,#e5e7eb);padding:.75rem 1rem}.sidebar-version{color:var(--color-text-muted,#9ca3af);text-align:center;font-size:.7rem}.app-header{background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e5e7eb);z-index:100;align-items:center;gap:.75rem;min-height:56px;padding:.625rem 1rem;display:flex;position:sticky;top:0}.menu-btn{cursor:pointer;color:var(--color-text,#374151);background:0 0;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;transition:all .15s;display:flex}.menu-btn:hover{background:var(--color-bg,#f3f4f6);border-color:var(--color-border,#e5e7eb)}.header-title{color:var(--color-text,#374151);font-size:1rem;font-weight:700}.header-brand{color:var(--color-primary,#1e40af);align-items:center;gap:.5rem;font-weight:800;display:flex}.app-header.pos-mode{pointer-events:none;z-index:100;background:0 0;border-bottom:none;position:absolute;top:0;left:0;right:0}.app-header.pos-mode .menu-btn{pointer-events:auto;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e5e7eb);border-radius:.625rem;box-shadow:0 2px 8px #00000014}.app-header.pos-mode .menu-btn:hover{background:var(--color-surface,#fff);box-shadow:0 4px 12px #0000001f}.app-header.pos-mode .header-title,.app-header.pos-mode .header-brand{display:none}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;position:relative;overflow:hidden}.content-scroll-area{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000073;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=767px){.sidebar{width:280px;min-width:280px}.nav-shortcut{display:none}}.stock-badge{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.01em;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:9999px;align-items:center;gap:.3rem;font-weight:700;line-height:1;display:inline-flex}.stock-badge .sb-dot{opacity:.85;background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.stock-badge .sb-prefix{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.7em;font-weight:700}.stock-badge .sb-value{font-weight:800}.stock-badge .sb-unit{opacity:.85;font-size:.85em;font-weight:600}.stock-badge.sb-xs{gap:.25rem;padding:.15rem .45rem;font-size:.65rem}.stock-badge.sb-xs .sb-dot{width:5px;height:5px}.stock-badge.sb-sm{padding:.2rem .55rem;font-size:.72rem}.stock-badge.sb-md{padding:.3rem .7rem;font-size:.8rem}.stock-badge.sb-out{color:#b91c1c;background:#dc26261a;border-color:#dc262640}.stock-badge.sb-low{color:#b45309;background:#d977061a;border-color:#d9770640}.stock-badge.sb-safe{color:#047857;background:#05966914;border-color:#05966938}.stock-badge.sb-unlimited{color:#4338ca;background:#6366f114;border-color:#6366f138}.restock-wrapper{flex-direction:column;width:100%;padding-bottom:140px;display:flex}@media (width>=1024px){.restock-wrapper{flex-direction:row;height:100%;padding-bottom:0;overflow:hidden}.mobile-only{display:none!important}}.restock-main{flex-direction:column;flex:1;min-width:0;display:flex}@media (width>=1024px){.restock-main{min-height:0;overflow:visible}}.restock-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:16px;display:grid}.restock-cart{background-color:var(--color-bg-paper);border-top:2px solid var(--color-border);flex-direction:column;width:100%;display:flex}@media (width>=1024px){.restock-cart{border-left:1px solid var(--color-border);border-top:none;width:380px;height:100%}}.restock-cart-footer{background-color:var(--color-bg-base);border-top:1px solid var(--color-border);z-index:50;flex-direction:column;gap:.75rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateZ(0);box-shadow:0 -4px 15px #0000001a}@media (width>=1024px){.restock-cart-footer{width:100%;position:sticky;bottom:0;left:auto;right:auto;box-shadow:0 -4px 15px #0000000d}}.restock-modal{z-index:5000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.restock-modal-content{background-color:var(--color-bg-paper);border-radius:1.5rem;flex-direction:column;gap:1.5rem;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@media (width>=768px){.restock-modal-content{padding:2rem}}.rm-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.rm-header-text h3{color:var(--color-primary);font-size:1.25rem;font-weight:700}@media (width>=768px){.rm-header-text h3{font-size:1.5rem}}.rm-header-text p{color:var(--color-text-muted);margin-top:.25rem;font-size:.875rem;font-weight:500}.rm-close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.rm-close-btn:hover{color:var(--color-danger);background-color:#dc35451a}.rm-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=768px){.rm-grid{grid-template-columns:1fr 1fr}}.rm-field{flex-direction:column;gap:.375rem;display:flex}.rm-label{color:#6c757d;letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:700}.rm-select,.rm-input{background-color:var(--color-bg-base);border:1px solid var(--color-border);width:100%;color:var(--color-text-main);border-radius:.75rem;outline:none;padding:.75rem 1rem;font-weight:700;transition:all .2s}.rm-select:focus,.rm-input:focus{border-color:var(--color-primary)}.rm-input-error,.rm-input-error:focus,select.rm-input-error,.rm-select.rm-input-error,.rm-input-xl.rm-input-error,.rm-input-xl.rm-input-error:focus{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px #dc262626!important}.rm-input-error-text{color:var(--color-danger);margin-top:.25rem;font-size:.75rem;font-weight:600;display:block}.rm-highlight-box{background-color:#0f4c810d;border:1px solid #0f4c8126;border-radius:1rem;padding:1.25rem}.rm-highlight-group{flex-direction:column;gap:.5rem;display:flex;position:relative}.rm-highlight-label{color:var(--color-primary);letter-spacing:.05em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;display:flex}.rm-db-price{color:#198754;background-color:#d1e7dd;border-radius:9999px;padding:.25rem .5rem;font-size:.625rem;font-weight:700}.rm-input-xl{width:100%;color:var(--color-primary);background-color:#fff;border:1px solid #0f4c814d;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-size:1.25rem;font-weight:700;transition:all .2s;box-shadow:0 1px 2px #0000000d}.rm-input-xl.total{border-width:2px;font-size:1.5rem}.rm-input-xl:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #0f4c8126}.rm-help-text{color:#0f4c81b3;font-size:.6875rem;font-weight:500}.rm-verification{border-top:1px solid var(--color-border);padding-top:1.25rem}.rm-ver-title{color:#495057;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:700;display:flex}.rm-ver-badge{background-color:var(--color-bg-base);color:#6c757d;border-radius:9999px;padding:.125rem .5rem;font-size:.625rem;font-weight:500}.rm-tiers-grid{grid-template-columns:1fr;gap:.75rem;max-height:10rem;padding:.25rem;display:grid;overflow-y:auto}@media (width>=768px){.rm-tiers-grid{grid-template-columns:1fr 1fr}}.rm-tier-card{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:.75rem;flex-direction:column;gap:.375rem;padding:.875rem;transition:border-color .2s;display:flex}.rm-tier-card:hover{border-color:#0f4c814d}.rm-tier-label{color:#6c757d;letter-spacing:.05em;text-transform:uppercase;font-size:.625rem;font-weight:700}.rm-tier-card:hover .rm-tier-label{color:var(--color-primary)}.rm-tier-input-wrap{align-items:center;display:flex}.rm-tier-currency{color:#adb5bd;margin-right:.25rem;font-weight:700}.rm-tier-input{width:100%;color:var(--color-primary);background:0 0;border:none;outline:none;font-size:1rem;font-weight:700}.rm-footer{justify-content:flex-end;gap:.75rem;padding-top:1rem;display:flex}.rm-btn-cancel{border:1px solid var(--color-border);color:#495057;cursor:pointer;background:#fff;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s}.rm-btn-cancel:hover{background-color:var(--color-bg-base)}.rm-btn-submit{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;transition:background-color .2s;box-shadow:0 4px 6px -1px #0f4c814d}.rm-btn-submit:hover{background-color:var(--color-primary-hover)}.print-receipt-card{margin:0 auto}@media (width<=1023px){.cart-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:190;background-color:#0006;animation:.2s ease-out fadeIn;position:fixed;inset:0}.restock-cart{z-index:200;background-color:var(--color-bg-paper);border-top:1px solid var(--color-border);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;max-height:80vh;transition:transform .3s cubic-bezier(.16,1,.3,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 72px));box-shadow:0 -8px 30px #00000026}.restock-cart.expanded{transform:translateY(0)}.restock-cart:not(.expanded) .restock-cart-header,.restock-cart:not(.expanded) .restock-cart-items,.restock-cart:not(.expanded) .restock-cart-footer,.restock-cart.expanded .restock-cart-summary{display:none!important}.restock-cart-items{border-bottom:1px solid var(--color-border);max-height:35vh;padding:1rem;overflow-y:auto}.restock-cart-summary{cursor:pointer;background-color:var(--color-bg-paper);border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;justify-content:space-between;align-items:center;height:72px;padding:0 1rem;display:flex}.restock-cart-footer{padding:1rem;box-shadow:none!important;border-top:none!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}.restock-wrapper{padding-bottom:76px!important}}@media screen{.print-receipt-card{overflow:hidden;border:1px solid var(--color-border)!important;color:#1e293b!important;background-color:#fff!important;border-radius:1.5rem!important;padding:0!important;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a!important}.receipt-header-accent{width:100%;height:6px}.receipt-header-accent.success{background:linear-gradient(90deg,#10b981,#059669)}.receipt-header-accent.draft{background:linear-gradient(90deg,#f59e0b,#d97706)}.receipt-body{padding:1.5rem 1.75rem 2rem}.receipt-badge-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.receipt-badge-pill.success{color:#0f5132;background-color:#d1e7dd}.receipt-badge-pill.draft{color:#664d03;background-color:#fff3cd}.receipt-meta-grid{text-align:left;border-top:1px solid #f1f5f9;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:1rem;padding-top:1rem;display:grid}.receipt-meta-item{flex-direction:column;gap:.15rem;display:flex}.receipt-meta-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:700}.receipt-meta-value{color:#334155;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.receipt-item-row{text-align:left;border-bottom:1px solid #f1f5f9;padding:.85rem 0}.receipt-item-row:last-child{border-bottom:none}.receipt-summary-box{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:1rem;margin-top:1.5rem;padding:1rem 1.25rem}.receipt-total-row{border-top:1px dashed #cbd5e1;justify-content:space-between;align-items:center;margin-top:.75rem;padding-top:.75rem;display:flex}}@media print{body *{visibility:hidden}.print-receipt-card,.print-receipt-card *{visibility:visible}.print-receipt-card{position:absolute;top:0;left:0;width:58mm!important;box-shadow:none!important;color:#000!important;background:#fff!important;border:none!important;margin:0!important;padding:10px!important;font-family:monospace!important;font-size:10px!important;display:block!important}.receipt-header-accent,.receipt-badge-pill,.mobile-only{display:none!important}.receipt-body{padding:0!important}.receipt-meta-grid{text-align:left!important;border-top:1px dashed #000!important;margin-top:5px!important;padding-top:5px!important;display:block!important}.receipt-meta-item{flex-direction:row!important;justify-content:space-between!important;margin-bottom:2px!important;display:flex!important}.receipt-meta-label{color:#000!important;font-size:9px!important;font-weight:400!important}.receipt-meta-value{color:#000!important;font-size:9px!important;font-weight:700!important}.receipt-item-row{text-align:left!important;border-bottom:1px dashed #000!important;padding:3px 0!important}.receipt-summary-box{background:0 0!important;border:none!important;margin-top:5px!important;padding:0!important}.receipt-total-row{border-top:1px dashed #000!important;margin-top:5px!important;padding-top:5px!important}.bg-white{background:#fff!important}.text-black{color:#000!important}}@media (width<=767px){.restock-header-mobile-wrap{flex-wrap:wrap!important;gap:.75rem!important;padding:.75rem 1rem!important}.restock-header-mobile-wrap h2{flex-basis:50%;min-width:120px;font-size:1.15rem!important}.search-bar-restock{flex:60%!important;order:10!important;margin:0!important}.restock-header-mobile-wrap .pm-view-toggle{order:11!important;margin-left:0!important}}.restock-category-scroll{scrollbar-width:none;background-color:var(--color-bg-surface,#fff);border-bottom:1px solid var(--color-border,#e2e8f0);align-items:center;gap:8px;padding:.75rem 1rem;display:flex;overflow-x:auto}.restock-category-scroll::-webkit-scrollbar{display:none}.restock-category-btn{white-space:nowrap;border-radius:9999px!important;height:2.25rem!important;padding:.4rem 1rem!important;font-size:.8rem!important;font-weight:700!important}.cart-overlay{z-index:40;background-color:#00000080;position:fixed;inset:0}.dynamic-cart-container{background-color:var(--color-bg-paper);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);z-index:50;flex-direction:column;max-height:85vh;transition:height .3s,transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 15px #0000001a}.dynamic-cart-container:not(.expanded) .cart-expanded-header,.dynamic-cart-container:not(.expanded) .cart-expanded-body{display:none}.cart-expanded-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px;display:flex}.cart-expanded-header h3{color:var(--color-text-main);font-size:1.1rem;font-weight:700}.cart-expanded-body{flex:1;overflow:hidden}.cart-items-scroll{flex-direction:column;gap:16px;max-height:50vh;padding:16px;display:flex;overflow-y:auto}.cart-item-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.cart-item-row:last-child{border-bottom:none}.cart-item-info{flex-direction:column;flex:1;display:flex}.cart-item-name{color:var(--color-text-main);margin-bottom:4px;font-size:.95rem;font-weight:600}.cart-item-price{color:var(--color-primary);font-size:.85rem;font-weight:500}.cart-item-actions{background-color:var(--color-bg-base);border-radius:var(--radius-pill);border:1px solid var(--color-border);align-items:center;display:flex;overflow:hidden}.qty-btn{cursor:pointer;width:32px;height:32px;color:var(--color-text-main);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.qty-btn:hover{background-color:var(--color-border)}.qty-value{text-align:center;width:24px;font-size:.9rem;font-weight:700}.cart-summary{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.cart-icon-wrapper{background-color:var(--color-primary-light);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.cart-badge{color:#fff;border:2px solid var(--color-bg-paper);border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.cart-text{flex-direction:column;flex:1;display:flex}.cart-subtitle{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.cart-total-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.8rem;font-weight:600}.cart-total{color:var(--color-text-main);font-size:1.15rem;font-weight:700}.checkout-btn{border-radius:var(--radius-pill);padding:12px 24px;font-size:1rem}@media (width>=1024px){.mobile-only{display:none!important}.dynamic-cart-container{box-shadow:none;border-radius:0;height:100%;position:static;transform:none}.dynamic-cart-container:not(.expanded) .cart-expanded-header,.dynamic-cart-container:not(.expanded) .cart-expanded-body{flex-direction:column;display:flex}.cart-expanded-header{background-color:var(--color-bg-base)}.cart-items-scroll{max-height:none}.cart-summary{cursor:default}}@media (width<=1023px){.hidden-mobile{display:none!important}}.pm-screen-container{background-color:var(--color-bg-paper);flex-direction:column;height:100%;display:flex}.pm-header{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#1e40af08,#0000);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}.pm-header-title h2{color:var(--color-text-main);margin-bottom:.125rem;font-size:1.05rem;font-weight:800}.pm-header-title p{color:var(--color-text-muted);margin:0;font-size:.75rem}.pm-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:0;display:flex}@media (width>=1024px) and (orientation:landscape){.pm-header{padding:.5rem 1rem}.pm-toolbar-actions button{padding:.4rem .7rem;font-size:.78rem}}.pm-collapse-btn{background:var(--color-bg-base,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);color:var(--color-text-muted,#6b7280);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.pm-collapse-btn:hover{background:var(--color-primary,#1e40af);color:#fff;border-color:var(--color-primary,#1e40af)}.pm-header-count-pill{background:var(--color-primary-light,#1e40af1a);color:var(--color-primary,#1e40af);border-radius:999px;margin-left:.25rem;padding:.15rem .55rem;font-size:.72rem;font-weight:800}.pm-screen-container.pm-header-collapsed .pm-filter-bar{display:none}.pm-screen-container.pm-header-collapsed .pm-header{background:#fff;padding:.4rem .75rem}.pm-screen-container.pm-header-collapsed .pm-header-title h2{font-size:.9rem}.pm-category-scroll{scrollbar-width:none;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.pm-category-scroll::-webkit-scrollbar{display:none}.pm-category-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pm-category-btn{white-space:nowrap;border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background-color:#fff;border-radius:9999px;padding:6px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.pm-category-btn:hover{background-color:var(--color-bg-base);color:var(--color-primary)}.pm-category-btn.active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.pm-category-btn.add-new{border-style:dashed;border-color:var(--color-primary);color:var(--color-primary);background-color:#0f4c810d}.pm-category-btn.add-new:hover{background-color:#0f4c811a}.pm-view-toggle{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.25rem;display:flex}.pm-view-btn{border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:.5rem;transition:all .2s}.pm-view-btn.active{box-shadow:var(--shadow-sm);color:var(--color-primary);background-color:#fff}.pm-content-area{background-color:var(--color-bg-base);flex:1;padding:.75rem 1rem 1rem;overflow-y:auto}.pm-products-grid{grid-template-columns:repeat(6,1fr);align-content:start;gap:10px;display:grid}@media (width>=1280px) and (orientation:landscape){.pm-content-area{padding:.625rem .75rem}.pm-products-grid{grid-template-columns:repeat(8,1fr);gap:8px}}@media (width>=1600px) and (orientation:landscape){.pm-products-grid{grid-template-columns:repeat(10,1fr)}}.pm-products-grid.pm-grid-small{grid-template-columns:repeat(6,1fr);gap:6px}.pm-products-grid.pm-grid-medium{grid-template-columns:repeat(4,1fr);gap:10px}.pm-products-grid.pm-grid-large{grid-template-columns:repeat(3,1fr);gap:12px}.pm-grid-small .pm-card-name{font-size:.55rem}.pm-grid-small .pm-card-price{font-size:.5rem}.pm-grid-small .pm-card-stock{font-size:.45rem}.pm-grid-small .pm-card.grid-mode .pm-card-info{padding:.2rem .3rem .3rem}.pm-grid-medium .pm-card-name{font-size:.65rem}.pm-grid-medium .pm-card-price{font-size:.6rem}.pm-grid-medium .pm-card-stock{font-size:.55rem}.pm-products-list{flex-direction:column;gap:.75rem;display:flex}.pm-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);cursor:pointer;box-shadow:var(--shadow-sm);background-color:#fff;flex-shrink:0;transition:all .2s;position:relative}.pm-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.pm-card.grid-mode{flex-direction:column;gap:0;min-height:120px;padding:0;display:flex;overflow:hidden}.pm-card.list-mode{flex-direction:row;align-items:center;gap:1.5rem;padding:1rem;display:flex}.pm-card-img-wrapper{background-color:var(--color-bg-base);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.pm-card.grid-mode .pm-card-img-wrapper{aspect-ratio:1;border-radius:0;flex-shrink:0;width:100%;overflow:hidden}.pm-card.grid-mode .pm-card-img-wrapper img,.pm-card.grid-mode .pm-card-img-wrapper>div{width:100%;height:100%}.pm-card.list-mode .pm-card-img-wrapper{border-radius:var(--radius-md);border:1px solid var(--color-border);width:72px;height:72px;padding:4px}.pm-card-img-wrapper img{object-fit:contain;width:100%;height:100%}.pm-card-info{flex-direction:column;flex:1;min-width:0;display:flex}.pm-card.grid-mode .pm-card-info{gap:.1rem;padding:.5rem .6rem .6rem;overflow:visible}.pm-card-name{-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;color:var(--color-text-main);-webkit-box-orient:vertical;font-size:.85rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.pm-card.grid-mode .pm-card-name{-webkit-line-clamp:1;line-clamp:1;font-size:.78rem}.pm-card-meta{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.pm-card-price{color:var(--color-primary);font-size:.9rem;font-weight:800}.pm-card.grid-mode .pm-card-price{font-size:.75rem}.pm-card-stock{color:var(--color-text-muted);font-size:.75rem}.pm-card.grid-mode .pm-card-stock{font-size:.65rem}.pm-card-delete{background-color:var(--color-danger);color:#fff;opacity:0;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:.5rem;right:.5rem;transform:scale(.9)}.pm-card:hover .pm-card-delete{opacity:1;transform:scale(1)}.pm-card.list-mode .pm-card-delete{position:relative;top:auto;right:1rem}.pm-empty-state{text-align:center;color:var(--color-text-muted);grid-column:1/-1;padding:3rem}@media (width<=1200px){.pm-products-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=900px){.pm-products-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pm-card.list-mode{gap:1rem;padding:.75rem}.pm-card.list-mode .pm-card-img-wrapper{width:56px;height:56px}}@media (width<=600px){.pm-products-grid{grid-template-columns:repeat(2,1fr);gap:8px}.pm-card.list-mode{gap:.75rem;padding:.625rem}.pm-card.list-mode .pm-card-img-wrapper{width:48px;height:48px}.pm-card-name,.pm-card-price{font-size:.8rem}}.pos-page-wrapper{flex-direction:column;width:100%;height:100%;display:flex}.pos-container{padding-bottom:var(--bottom-bar-height);flex-direction:column;flex:1;display:flex;overflow:hidden}.pos-header{padding:var(--spacing-4);background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-border);z-index:5;gap:var(--spacing-3);flex-direction:column;flex-shrink:0;display:flex}.toolbar-bottom{justify-content:space-between;align-items:center;gap:var(--spacing-4);display:flex}.category-scroll{align-items:center;gap:var(--spacing-2);scrollbar-width:none;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-btn{white-space:nowrap;border-radius:var(--radius-pill)}.view-toggles{align-items:center;gap:4px;display:flex}.product-list{padding:var(--spacing-4);gap:var(--spacing-4);flex:1;align-content:start;display:grid;overflow-y:auto}.product-list.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.product-list.list{grid-template-columns:1fr}.product-card{cursor:pointer;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex}.product-card:active{transform:scale(.98)}.product-list.list .product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-bg-paper);flex-direction:row;align-items:center;height:auto}.product-image-container{background-color:var(--color-bg-base);border-bottom:1px solid var(--color-border);width:100%;padding-top:100%;position:relative;overflow:hidden}.product-list.list .product-image-container{border-bottom:none;border-right:1px solid var(--color-border);border-radius:var(--radius-lg) 0 0 var(--radius-lg);flex-shrink:0;width:80px;height:80px;padding-top:0}.product-image-container img{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.product-list.list .product-image-container img{position:absolute}.stock-badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-sm);padding:2px 6px;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:8px}.product-info{flex-direction:column;flex:1;padding:12px;display:flex}.product-cat{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:.7rem}.product-name{color:var(--color-text-main);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.9rem;font-weight:600;display:-webkit-box;overflow:hidden}.product-list.list .product-name{margin-bottom:4px}.product-list.list .price-row{margin-top:0}.price-row{justify-content:space-between;align-items:center;margin-top:auto;display:flex}.product-price{color:var(--color-primary);font-size:.9rem;font-weight:700}.add-icon{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;font-weight:700;display:flex}@media (width>=1024px){.pos-page-wrapper{flex-direction:row}.pos-container{flex:1;min-width:0;padding-bottom:0}.pos-cart-sidebar{border-left:1px solid var(--color-border);background-color:var(--color-bg-paper);flex-direction:column;width:380px;display:flex}.product-list.grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}@media (width>=768px) and (width<=1023px){.product-list.grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}}.unit-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;position:fixed;inset:0}.unit-modal-content{background-color:var(--color-bg-paper);border-radius:var(--radius-xl);width:90%;max-width:400px;margin:auto;padding:24px;animation:.3s slideUp;box-shadow:0 10px 40px #0003}.unit-option-btn{background-color:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.unit-option-btn:hover{border-color:var(--color-primary);background-color:var(--color-primary-light)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pos-header-row{gap:var(--spacing-2);flex-direction:column;width:100%;display:flex}.pos-header-actions{align-items:center;gap:var(--spacing-2);width:100%;display:flex}.pos-header-actions>.relative{flex:1}.pos-header-actions select{width:100%;height:44px}.pos-header-actions button{flex:1;justify-content:center}.pos-header-actions>div>button{flex:none}@media (width>=768px){.pos-header-row{flex-direction:row;align-items:center}.pos-header-actions{width:auto}.pos-header-actions>.relative{flex:none;width:auto}.pos-header-actions select{width:auto}.pos-header-actions button{flex:none}}.checkout-container{background-color:var(--color-bg-base);flex-direction:column;height:100%;display:flex}.checkout-header{background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.checkout-header h2{font-size:1.2rem;font-weight:600}.checkout-content{flex-direction:column;flex:1;align-items:center;gap:16px;padding:24px 16px;display:flex;overflow-y:auto}@media (width>=1024px){.checkout-content{width:100%;max-width:900px;margin:0 auto}}.order-summary-panel{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;max-width:600px;padding:24px}.payment-panel{background-color:var(--color-bg-paper);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;padding:20px}.section-title{color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:16px;font-size:.85rem}.order-items-list{flex-direction:column;gap:12px;max-height:500px;display:flex;overflow-y:auto}.order-item-row{align-items:center;gap:12px;font-size:.95rem;display:flex}.item-qty-badge{background-color:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-sm);padding:2px 6px;font-size:.8rem;font-weight:600}.item-name{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.item-price{color:var(--color-text-main);font-weight:500}.summary-divider{background-color:var(--color-border);height:1px;margin:16px 0}.summary-row{justify-content:space-between;font-size:1.1rem;display:flex}.total-row{font-size:1.3rem;font-weight:700}.cash-input-area{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.cash-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.85rem;font-weight:600}.cash-display{background-color:var(--color-bg-base);border-radius:var(--radius-md);color:var(--color-text-main);align-items:center;gap:12px;padding:16px;font-size:2rem;font-weight:700;display:flex}.currency-symbol{color:var(--color-primary);font-size:1.2rem}.change-balance-row{gap:16px;margin-bottom:24px;display:flex}.cb-box{background-color:var(--color-bg-base);border-left:4px solid;border-radius:4px;flex:1;padding:8px 12px}.due-box{border-left-color:var(--color-success)}.balance-box{border-left-color:var(--color-tertiary)}.cb-label{color:var(--color-text-muted);margin-bottom:4px;font-size:.75rem;display:block}.cb-value{font-size:1.1rem;font-weight:700}.numpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.num-btn{background-color:var(--color-bg-base);border-radius:var(--radius-md);cursor:pointer;border:none;padding:16px 0;font-size:1.25rem;font-weight:600;transition:background-color .1s}.num-btn:active{background-color:#d1d5db}.btn-danger-light{background-color:var(--color-tertiary-light);color:var(--color-tertiary)}.btn-danger-light:active{background-color:#fed7aa}.quick-cash-row{gap:8px;margin-bottom:24px;display:flex}.quick-btn{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;flex:1;padding:8px;font-size:.85rem;font-weight:500}.quick-btn:hover{background-color:var(--color-bg-base)}.process-btn{letter-spacing:.5px;width:100%;padding:16px;font-size:1.1rem}.checkout-success-full{background-color:var(--color-bg-paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:24px;animation:.3s fadeIn;display:flex}.success-txt{color:var(--color-text-main);margin-top:16px;font-size:1.5rem;font-weight:700}.redirect-txt{color:var(--color-text-muted);margin-top:24px;font-size:.9rem}.settings-container{background-color:var(--color-bg-base);width:100%;height:100%;font-family:var(--font-family);flex-direction:column;padding:1.5rem;display:flex;overflow-y:auto}.settings-header{color:var(--color-text-main);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;display:flex}.settings-content-wrapper{flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.settings-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:1rem;padding:1.5rem;box-shadow:0 2px 10px #00000005}.settings-card-title{color:var(--color-text-main);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.15rem;font-weight:800;display:flex}.settings-card-desc{color:var(--color-text-muted);margin-bottom:1.25rem;font-size:.85rem;line-height:1.4}.settings-field-group{flex-direction:column;gap:1rem;display:flex}.settings-input-wrapper{flex-direction:column;gap:.4rem;width:100%;display:flex}.settings-label{color:var(--color-text-muted);font-size:.85rem;font-weight:700}.settings-textarea{border:1px solid var(--color-border);width:100%;font-size:.95rem;font-family:var(--font-family);resize:none;border-radius:.5rem;outline:none;height:5rem;padding:.75rem}.settings-textarea:focus{border-color:var(--color-primary)}.settings-input-pin{border:1px solid var(--color-border);letter-spacing:.2em;text-align:center;border-radius:.5rem;outline:none;width:100%;max-width:250px;padding:.75rem;font-size:1.25rem;font-weight:900}.settings-input-pin:focus{border-color:var(--color-primary)}.settings-input-text{border:1px solid var(--color-border);border-radius:.5rem;outline:none;width:100%;padding:.75rem;font-size:.95rem}.settings-input-text:focus{border-color:var(--color-primary)}.theme-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.theme-grid{grid-template-columns:repeat(2,1fr)}}.theme-card{border:2px solid var(--color-border);background-color:var(--color-bg-paper);text-align:left;cursor:pointer;border-radius:1rem;flex-direction:column;padding:1rem;transition:all .2s;display:flex}.theme-card:hover{border-color:#adb5bd}.theme-card.active{border-color:var(--color-primary);background-color:var(--color-primary-light);box-shadow:0 4px 15px #0f4c8126}.theme-preview-row{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.theme-swatches{gap:.25rem;display:flex}.theme-swatch{border:1px solid #fff;border-radius:50%;width:1.5rem;height:1.5rem;box-shadow:0 1px 3px #0000001a}.theme-name{margin-bottom:.2rem;font-size:.9rem;font-weight:800}.theme-desc{color:var(--color-text-muted);font-size:.75rem}.printer-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.printer-card{border:1px solid var(--color-border);background-color:var(--color-bg-base);cursor:pointer;text-align:center;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem;transition:all .2s;display:flex}.printer-card.active{border-color:var(--color-primary);background-color:var(--color-primary-light);color:var(--color-primary);font-weight:800}.backup-timeline{flex-wrap:wrap;gap:.75rem;margin-bottom:1.25rem;display:flex}.backup-pill{border:1px solid var(--color-border);background-color:#f8f9fa;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.backup-pill-title{color:#495057;font-size:.75rem;font-weight:800;display:block}.backup-pill-time{color:var(--color-text-muted);font-size:.7rem}.backup-alert{border:1px solid var(--color-border);border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-bottom:1rem;padding:1rem;font-size:.85rem;font-weight:600;display:flex}.backup-alert.loading{color:#1565c0;background-color:#e3f2fd;border-color:#90caf9}.backup-alert.success{color:#2e7d32;background-color:#e8f5e9;border-color:#a5d6a7}.backup-alert.error{color:#c62828;background-color:#ffebee;border-color:#ef9a9a}.backup-option-box{border:1px solid var(--color-border);background-color:#fff;border-radius:1rem;margin-bottom:1rem;padding:1.25rem}.backup-option-title{align-items:center;gap:.5rem;margin-bottom:.25rem;font-size:1rem;font-weight:800;display:flex}.backup-buttons{flex-direction:column;gap:.5rem;display:flex}@media (width>=640px){.backup-buttons{flex-direction:row}.backup-buttons>*{flex:1}}.danger-zone{background-color:#d32f2f0d;border:1px dashed #d32f2f66;border-radius:1rem;margin-top:1rem;padding:1.25rem}.danger-title{color:var(--color-danger);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:800;display:flex}.sr-container{background-color:var(--color-bg-base);height:100%;font-family:var(--font-family);flex-direction:column;display:flex;overflow:hidden}.sr-header-section{background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-border);z-index:10;flex-direction:column;display:flex;position:sticky;top:0}.sr-header-top{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width>=768px){.sr-header-top{flex-direction:row;justify-content:space-between;align-items:center}}.sr-header-title-box{align-items:center;gap:.75rem;display:flex}.sr-header-title-box h2{color:var(--color-text-main);margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.sr-header-title-box p{color:var(--color-text-muted);margin:0;font-size:.85rem}.sr-filter-box{align-items:center;gap:.5rem;width:100%;display:flex}@media (width>=768px){.sr-filter-box{width:auto}}.sr-filter-select{border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;appearance:none;background-color:#f8f9fa;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230F4C81%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem;border-radius:.5rem;outline:none;flex:1;padding:.6rem 2.5rem .6rem 1rem;font-size:.875rem;font-weight:700}.sr-tabs-wrapper{border-top:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.sr-tabs-wrapper::-webkit-scrollbar{display:none}.sr-tab-btn{white-space:nowrap;min-width:140px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.sr-tab-btn:hover{color:var(--color-text-main);background-color:#f8f9fa}.sr-tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary);background-color:#0f4c810d}.sr-tab-btn.active.danger{border-bottom-color:var(--color-danger);color:var(--color-danger);background-color:#d32f2f0d}.sr-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem;overflow-y:auto}.sr-grid-stats{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width>=768px){.sr-grid-stats{grid-template-columns:repeat(3,1fr)}}.sr-stat-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;box-shadow:0 4px 15px #00000008}.sr-stat-card.success{border-left-color:var(--color-success)}.sr-stat-card.warning{border-left-color:var(--color-warning)}.sr-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.sr-stat-value{color:var(--color-text-main);font-size:1.5rem;font-weight:900;line-height:1.2}.sr-stat-value.success{color:var(--color-success)}.sr-section-title{color:var(--color-text-main);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:800;display:flex}.sr-tx-empty{background-color:var(--color-bg-paper);text-align:center;border:2px dashed var(--color-border);color:var(--color-text-muted);border-radius:1rem;padding:3rem;font-weight:600}.sr-tx-list{flex-direction:column;gap:1rem;display:flex}.sr-tx-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);cursor:pointer;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2px 8px #00000005}.sr-tx-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 8px 20px #0f4c811a}.sr-tx-card:active{transform:translateY(1px)scale(.99)}.sr-tx-header{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;display:flex}.sr-tx-id{color:var(--color-primary);margin-bottom:.3rem;font-size:1rem;font-weight:800}.sr-tx-time{color:var(--color-text-muted);background-color:#f1f3f5;border-radius:9999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.sr-tx-totals{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.sr-tx-gross{color:var(--color-text-main);font-size:1.15rem;font-weight:900;line-height:1}.sr-tx-profit{color:var(--color-success);background-color:#388e3c0d;border:1px solid #388e3c4d;border-radius:.25rem;margin-top:.4rem;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.sr-tx-items{flex-direction:column;gap:.5rem;display:flex}.sr-tx-item-row{background-color:#f8f9fa;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;display:flex}.sr-tx-item-name{color:#495057;font-weight:700}.sr-tx-item-price{color:var(--color-primary);letter-spacing:.02em;font-weight:800}.sr-analytics-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:1rem;overflow:hidden;box-shadow:0 4px 15px #00000008}.sr-table-wrapper{width:100%;overflow-x:auto}.sr-table{text-align:left;border-collapse:collapse;width:100%;font-size:.875rem}.sr-table th{color:var(--color-text-muted);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#00000005;padding:1rem;font-size:.75rem;font-weight:800}.sr-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle;padding:1rem}.sr-table tr:hover td{background-color:#f8f9fa}.sr-table tr:last-child td{border-bottom:none}.sr-rank{color:#adb5bd;font-weight:900}.sr-name{color:var(--color-primary);font-weight:700}.sr-qty-badge{color:#495057;text-align:center;background-color:#f1f3f5;border-radius:.35rem;min-width:2.5rem;padding:.25rem .5rem;font-weight:800;display:inline-block}.sr-omzet{font-weight:700}.sr-profit{color:var(--color-success);font-weight:900}.sr-bottom-pad{height:5rem}.login-screen{background-color:var(--color-primary);z-index:50;flex-direction:column;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.login-card{background-color:var(--color-bg-paper);border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:360px;padding:32px;animation:.4s forwards slideUpFade;display:flex;box-shadow:0 25px 50px -12px #00000040}.login-icon-wrap{background-color:var(--color-primary-light);width:64px;height:64px;color:var(--color-primary);border-radius:32px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.login-title{text-align:center;color:#1f2937;letter-spacing:-.025em;margin-bottom:4px;font-size:1.5rem;font-weight:900}.login-subtitle{color:#6b7280;letter-spacing:.05em;text-transform:uppercase;text-align:center;margin-bottom:24px;font-size:.875rem;font-weight:600}.pin-display-container{justify-content:center;width:100%;margin-bottom:8px;display:flex}.pin-display{width:100%;height:64px;color:var(--color-primary);letter-spacing:.3em;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;font-size:2.25rem;font-weight:900;display:flex;box-shadow:inset 0 2px 4px #0000000f}.pin-placeholder{color:#d1d5db;letter-spacing:normal;font-size:1.25rem;font-weight:400}.err-msg-wrap{text-align:center;width:100%;height:24px}.err-msg{color:var(--color-danger);font-size:.75rem;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.keypad-grid{grid-template-columns:repeat(3,1fr);gap:16px;width:100%;margin-top:8px;padding:0 8px;display:grid}.keypad-btn{aspect-ratio:1;cursor:pointer;color:#1f2937;background-color:#fff;border:1px solid #f3f4f6;border-radius:50%;justify-content:center;align-items:center;font-size:1.75rem;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 2px #0000000d}.keypad-btn:active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(.92)}.keypad-btn.btn-c{color:#ef4444;background-color:#fef2f2;border-color:#fee2e2}.keypad-btn.btn-del{color:#4b5563;background-color:#f3f4f6;border-color:#e5e7eb}@media (hover:hover) and (pointer:fine){.keypad-btn:hover{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.keypad-btn.btn-c:hover{color:#dc2626;background-color:#fee2e2}.keypad-btn.btn-del:hover{color:#374151;background-color:#e5e7eb}}.keypad-btn.btn-c:active{color:#dc2626;background-color:#fee2e2}.keypad-btn.btn-del:active{color:#374151;background-color:#e5e7eb}.login-submit-btn{background-color:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:16px;width:100%;height:64px;margin-top:24px;font-size:1.25rem;font-weight:700;transition:all .15s;box-shadow:0 10px 15px -3px #0000001a}.login-submit-btn:hover{background-color:var(--color-primary-hover)}.login-submit-btn:active{transform:scale(.97)}.login-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-footer{color:#fff9;letter-spacing:.1em;text-transform:uppercase;margin-top:24px;font-size:.75rem;font-weight:600}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.shake-animation{animation:.5s ease-in-out shake}.rr-container{background-color:var(--color-bg-base);height:100%;font-family:var(--font-family);flex-direction:column;display:flex;overflow:hidden}.rr-header-section{background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-border);z-index:10;flex-direction:column;display:flex;position:sticky;top:0}.rr-header-top{flex-direction:column;gap:1rem;padding:1.25rem 1.5rem;display:flex}@media (width>=768px){.rr-header-top{flex-direction:row;justify-content:space-between;align-items:center}}.rr-header-title-box{align-items:center;gap:.75rem;display:flex}.rr-header-title-box h2{color:var(--color-text-main);margin:0 0 .25rem;font-size:1.25rem;font-weight:800}.rr-header-title-box p{color:var(--color-text-muted);margin:0;font-size:.85rem}.rr-filter-box{align-items:center;gap:.5rem;width:100%;display:flex}@media (width>=768px){.rr-filter-box{width:auto}}.rr-filter-select{border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;appearance:none;background-color:#f8f9fa;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%230F4C81%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 1rem top 50%;background-repeat:no-repeat;background-size:.65rem;border-radius:.5rem;outline:none;flex:1;padding:.6rem 2.5rem .6rem 1rem;font-size:.875rem;font-weight:700}.rr-tabs-wrapper{border-top:1px solid var(--color-border);scrollbar-width:none;-ms-overflow-style:none;display:flex;overflow-x:auto}.rr-tabs-wrapper::-webkit-scrollbar{display:none}.rr-tab-btn{white-space:nowrap;min-width:140px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.rr-tab-btn:hover{color:var(--color-text-main);background-color:#f8f9fa}.rr-tab-btn.active{border-bottom-color:var(--color-primary);color:var(--color-primary);background-color:#0f4c810d}.rr-tab-btn.active.emerald{color:#059669;background-color:#0596690d;border-bottom-color:#059669}.rr-content{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1.5rem;overflow-y:auto}.rr-grid-stats{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem;display:grid}@media (width>=640px){.rr-grid-stats{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.rr-grid-stats{grid-template-columns:repeat(4,1fr)}}.rr-stat-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-left:5px solid var(--color-primary);border-radius:1rem;flex-direction:column;gap:.5rem;padding:1.25rem;display:flex;box-shadow:0 4px 15px #00000008}.rr-stat-card.emerald{border-left-color:#059669}.rr-stat-card.blue{border-left-color:#2563eb}.rr-stat-card.orange{border-left-color:#d97706}.rr-stat-card.purple{border-left-color:#7c3aed}.rr-stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:800}.rr-stat-value{color:var(--color-text-main);font-size:1.5rem;font-weight:900;line-height:1.2}.rr-stat-value.small{font-size:1rem}.rr-section-title{color:var(--color-text-main);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.1rem;font-weight:800;display:flex}.rr-chart-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:1rem;margin-bottom:1.5rem;padding:1.25rem;box-shadow:0 4px 15px #00000008}.rr-chart-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.rr-chart-title{color:var(--color-text-main);align-items:center;gap:.5rem;font-size:1rem;font-weight:800;display:flex}.rr-chart-toggle{background-color:#f1f3f5;border-radius:.5rem;gap:.25rem;padding:.2rem;display:flex}.rr-chart-toggle button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:.375rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;transition:all .15s}.rr-chart-toggle button.active{background-color:var(--color-bg-paper);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.rr-tx-list{flex-direction:column;gap:1rem;display:flex}.rr-tx-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);cursor:pointer;border-radius:1rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 2px 8px #00000005}.rr-tx-card:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 8px 20px #0596691a}.rr-tx-card:active{transform:translateY(1px)scale(.99)}.rr-tx-header{border-bottom:1px dashed var(--color-border);justify-content:space-between;align-items:flex-start;padding-bottom:.75rem;display:flex}.rr-tx-id{color:#059669;margin-bottom:.3rem;font-size:1rem;font-weight:800}.rr-tx-time{color:var(--color-text-muted);background-color:#f1f3f5;border-radius:9999px;padding:.15rem .6rem;font-size:.7rem;font-weight:600;display:inline-block}.rr-tx-totals{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.rr-tx-gross{color:var(--color-text-main);font-size:1.15rem;font-weight:900;line-height:1}.rr-tx-supplier{color:#7c3aed;background-color:#7c3aed0d;border:1px solid #7c3aed4d;border-radius:.25rem;margin-top:.4rem;padding:.15rem .5rem;font-size:.7rem;font-weight:800}.rr-tx-items{flex-direction:column;gap:.5rem;display:flex}.rr-tx-item-row{background-color:#f8f9fa;border-radius:.5rem;justify-content:space-between;align-items:center;padding:.6rem .85rem;font-size:.85rem;display:flex}.rr-tx-item-name{color:#495057;font-weight:700}.rr-tx-item-price{color:#059669;letter-spacing:.02em;font-weight:800}.rr-analytics-card{background-color:var(--color-bg-paper);border:1px solid var(--color-border);border-radius:1rem;margin-bottom:1.5rem;overflow:hidden;box-shadow:0 4px 15px #00000008}.rr-table-wrapper{width:100%;overflow-x:auto}.rr-table{text-align:left;border-collapse:collapse;width:100%;font-size:.875rem}.rr-table th{color:var(--color-text-muted);border-bottom:2px solid var(--color-border);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#00000005;padding:1rem;font-size:.75rem;font-weight:800}.rr-table td{border-bottom:1px solid var(--color-border);color:var(--color-text-main);vertical-align:middle;padding:1rem}.rr-table tr:hover td{background-color:#f8f9fa}.rr-table tr:last-child td{border-bottom:none}.rr-rank{color:#adb5bd;font-weight:900}.rr-name{color:#059669;font-weight:700}.rr-badge{color:#495057;text-align:center;background-color:#f1f3f5;border-radius:.35rem;min-width:2.5rem;padding:.25rem .5rem;font-weight:800;display:inline-block}.rr-amount{font-weight:700}.rr-amount.bold{color:#059669;font-weight:900}.rr-filters-row{border-bottom:1px solid var(--color-border);background-color:var(--color-bg-paper);flex-wrap:wrap;align-items:center;gap:.5rem;padding:1rem 1.5rem;display:flex}.rr-search-input{border:1px solid var(--color-border);min-width:180px;color:var(--color-text-main);background-color:#f8f9fa;border-radius:.5rem;outline:none;flex:1;padding:.5rem .75rem .5rem 2.25rem;font-size:.85rem}.rr-search-input:focus{border-color:#059669;box-shadow:0 0 0 2px #0596691a}.rr-search-wrap{flex:1;min-width:180px;position:relative}.rr-search-wrap svg{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:.6rem;transform:translateY(-50%)}.rr-date-input{border:1px solid var(--color-border);color:var(--color-text-main);background-color:#f8f9fa;border-radius:.5rem;outline:none;padding:.5rem .75rem;font-size:.85rem}.rr-date-input:focus{border-color:#059669}.rr-empty{background-color:var(--color-bg-paper);text-align:center;border:2px dashed var(--color-border);color:var(--color-text-muted);border-radius:1rem;padding:3rem;font-weight:600}.rr-bottom-pad{height:5rem}.calc-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.calc-modal{background-color:#fff;border-radius:1.5rem;width:100%;max-width:320px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) scaleUp;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.calc-close{color:#6c757d;cursor:pointer;background-color:#fff;border:1px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex;position:absolute;top:-.75rem;right:-.75rem;box-shadow:0 4px 6px -1px #0000001a}.calc-close:hover{color:#dc3545;background-color:#ffeaea}.calc-display-wrap{text-align:right;cursor:pointer;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:1rem;margin-bottom:1rem;padding:1rem;transition:background-color .2s;position:relative}.calc-display-wrap:hover{background-color:#e9ecef}.calc-display-wrap .equation{color:#adb5bd;min-height:1.25rem;font-size:.875rem;font-weight:600}.calc-display-wrap .result{color:#212529;letter-spacing:-1px;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;font-size:2.25rem;font-weight:900;overflow:hidden}.calc-display-wrap .copy-hint{color:#adb5bd;opacity:0;margin-top:.5rem;font-size:.65rem;font-weight:500;transition:opacity .2s}.calc-display-wrap:hover .copy-hint{opacity:1}.calc-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.calc-btn{cursor:pointer;border:none;border-radius:.75rem;justify-content:center;align-items:center;height:3.5rem;font-size:1.125rem;font-weight:600;transition:transform .1s,background-color .2s;display:flex;box-shadow:0 1px 2px #0000000d}.calc-btn:active{transform:scale(.95)}.calc-btn.num{color:#212529;background-color:#fff;border:1px solid #e9ecef}.calc-btn.num:hover{background-color:#f8f9fa}.calc-btn.op{color:#0f4c81;background-color:#e6f0fa;font-size:1.25rem;font-weight:700}.calc-btn.op:hover{background-color:#cce0f5}.calc-btn.clear{color:#dc3545;background-color:#ffeaea;grid-column:span 2}.calc-btn.clear:hover{background-color:#fcc}.calc-btn.zero{grid-column:span 2}.calc-btn.eq{color:#fff;background-color:#0f4c81;font-size:1.25rem}.calc-btn.eq:hover{background-color:#0b3d6a}.calc-btn.backspace{color:#495057;background-color:#f8f9fa}.calc-btn.backspace:hover{background-color:#e9ecef}.md-screen{background:var(--color-bg-base,#f7f8fa);flex-direction:column;height:100%;display:flex;overflow-y:auto}.md-header{border-bottom:1px solid var(--color-border,#e5e7eb);background:linear-gradient(135deg,#1e40af0f,#1e40af03);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.md-header-left{align-items:center;gap:.5rem;min-width:0;display:flex}.md-header-title h2{color:var(--color-text-main,#111827);margin:0;font-size:1.05rem;font-weight:800;line-height:1.2}.md-header-title p{color:var(--color-text-muted,#6b7280);margin:.125rem 0 0;font-size:.72rem}.md-count-pill{background:var(--color-primary-light,#1e40af1a);color:var(--color-primary,#1e40af);border-radius:999px;margin-left:.25rem;padding:.15rem .55rem;font-size:.72rem;font-weight:800}.md-search-wrap{align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}.md-search{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:999px;flex:1;align-items:center;gap:.5rem;padding:.45rem .875rem;transition:all .15s;display:flex}.md-search:focus-within{border-color:var(--color-primary,#1e40af);box-shadow:0 0 0 3px #1e40af1a}.md-search input{color:var(--color-text-main,#111827);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.md-search svg{color:var(--color-text-muted,#9ca3af);flex-shrink:0}.md-search-clear{color:var(--color-text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.125rem;display:flex}.md-search-clear:hover{background:var(--color-bg-base,#f3f4f6);color:var(--color-text-main)}.md-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.625rem;padding:.5rem 1rem 2rem;display:grid}@media (width>=1280px) and (orientation:landscape){.md-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=480px){.md-grid{grid-template-columns:1fr;gap:.5rem;padding:.5rem .75rem 1.5rem}}.md-card{border:1.5px solid var(--color-border,#e5e7eb);background:#fff;border-radius:12px;align-items:center;gap:.75rem;padding:.65rem .75rem .65rem .85rem;transition:all .15s;display:flex;position:relative;overflow:hidden}.md-card:before{content:"";background:var(--color-primary,#1e40af);opacity:.7;width:3px;position:absolute;top:0;bottom:0;left:0}.md-card:hover{border-color:var(--color-primary,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.md-card-icon{width:36px;height:36px;color:var(--color-primary,#1e40af);background:#1e40af1a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.md-card-body{flex:1;min-width:0}.md-card-name{color:var(--color-text-main,#111827);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;line-height:1.2;overflow:hidden}.md-card-meta{color:var(--color-text-muted,#6b7280);margin-top:.15rem;font-size:.7rem}.md-card-actions{flex-shrink:0;gap:.35rem;display:flex}.md-icon-btn{background:var(--color-bg-base,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);color:var(--color-text-muted,#6b7280);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.375rem;transition:all .15s;display:flex}.md-icon-btn:hover{background:var(--color-primary,#1e40af);color:#fff;border-color:var(--color-primary,#1e40af)}.md-icon-btn.md-danger:hover{background:var(--color-danger,#dc2626);border-color:var(--color-danger,#dc2626)}.md-edit-card{border:1.5px solid var(--color-primary,#1e40af);background:#fff;border-radius:14px;flex-direction:column;gap:.75rem;margin:.75rem 1rem;padding:1rem;display:flex;box-shadow:0 4px 16px #1e40af14}.md-edit-card label{color:var(--color-text-muted,#6b7280);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:700}.md-edit-card input{border:1.5px solid var(--color-border,#e5e7eb);border-radius:10px;outline:none;width:100%;padding:.6rem .85rem;font-size:.95rem;transition:all .15s}.md-edit-card input:focus{border-color:var(--color-primary,#1e40af);box-shadow:0 0 0 3px #1e40af1a}.md-edit-actions{justify-content:flex-end;gap:.5rem;display:flex}.inventory-dashboard{max-width:800px;margin:0 auto;padding:16px}.inv-header{margin-bottom:24px}.inv-header h2{color:var(--color-text-main);font-size:1.5rem}.inv-stats-row{gap:16px;margin-bottom:32px;display:flex}.stat-card{flex-direction:column;flex:1;gap:8px;padding:20px;display:flex}.stat-title{text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.stat-value{font-size:2rem;font-weight:700}.inv-menu-list{flex-direction:column;gap:12px;display:flex}.inv-menu-item{cursor:pointer;align-items:center;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.inv-menu-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.menu-icon-box{border-radius:var(--radius-md);background-color:var(--color-bg-base);justify-content:center;align-items:center;width:48px;height:48px;display:flex}.menu-text{flex:1}.menu-text h4{color:var(--color-text-main);margin-bottom:4px;font-size:1.05rem}.menu-text p{color:var(--color-text-muted);font-size:.85rem}.screen-container{background-color:var(--color-bg-base);flex-direction:column;height:100%;display:flex}.screen-header{background-color:var(--color-bg-paper);border-bottom:1px solid var(--color-border);z-index:10;align-items:center;gap:12px;padding:16px;display:flex;position:sticky;top:0}.screen-header h2{flex:1;font-size:1.25rem}.screen-content{flex:1;padding:16px;overflow-y:auto}@media (width>=768px){.screen-content{width:100%;max-width:800px;margin:0 auto;padding:24px}}.sm-screen{background:var(--color-bg-base,#f7f8fa);flex-direction:column;height:100%;display:flex;overflow-y:auto}.sm-header{border-bottom:1px solid var(--color-border,#e5e7eb);background:linear-gradient(135deg,#1e40af0f,#1e40af03);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.sm-header-left{align-items:center;gap:.5rem;min-width:0;display:flex}.sm-header-title h2{color:var(--color-text-main,#111827);margin:0;font-size:1.125rem;font-weight:800;line-height:1.2}.sm-header-title p{color:var(--color-text-muted,#6b7280);margin:.125rem 0 0;font-size:.75rem}.sm-header-actions{flex-wrap:wrap;gap:.5rem;display:flex}.sm-btn-danger-outline{border-color:var(--color-danger,#dc2626)!important;color:var(--color-danger,#dc2626)!important}.sm-btn-danger-outline:hover{background:#dc26260f!important}.sm-collapse-btn{background:var(--color-bg-base,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);color:var(--color-text-muted,#6b7280);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;padding:.4rem;transition:all .15s;display:flex}.sm-collapse-btn:hover{background:var(--color-primary,#1e40af);color:#fff;border-color:var(--color-primary,#1e40af)}.sm-count-pill{background:var(--color-primary-light,#1e40af1a);color:var(--color-primary,#1e40af);font-variant-numeric:tabular-nums;border-radius:999px;margin-left:.25rem;padding:.15rem .55rem;font-size:.72rem;font-weight:800}.sm-screen.sm-collapsed .sm-collapsible{display:none}.sm-screen.sm-collapsed .sm-header{background:#fff;padding:.4rem .75rem}.sm-screen.sm-collapsed .sm-header-title h2{font-size:.9rem}.sm-stats{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:.625rem 1rem .375rem;display:grid}.sm-stat-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #0000;border-radius:10px;align-items:center;gap:.5rem;min-width:0;padding:.55rem .75rem;font-family:inherit;transition:all .18s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000a}.sm-stat-card:before{content:"";background:var(--accent,#94a3b8);opacity:.85;width:3px;position:absolute;top:0;bottom:0;left:0}.sm-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0000000f}.sm-stat-card.is-active{border-color:var(--accent,#94a3b8);background:var(--accent-bg,#94a3b814);box-shadow:0 3px 10px #0000000f}.sm-stat-icon{background:var(--accent-bg,#94a3b81f);width:30px;height:30px;color:var(--accent,#94a3b8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sm-stat-body{flex-direction:column;min-width:0;display:flex}.sm-stat-label{text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted,#6b7280);font-size:.6rem;font-weight:700;line-height:1.1}.sm-stat-value{color:var(--color-text-main,#111827);font-size:1.1rem;font-weight:800;line-height:1.1}.sm-stat-sub{color:var(--color-text-muted,#9ca3af);white-space:nowrap;text-overflow:ellipsis;margin-top:.05rem;font-size:.6rem;overflow:hidden}.sm-stat-total{--accent:#1e40af;--accent-bg:#1e40af1a}.sm-stat-out{--accent:#dc2626;--accent-bg:#dc26261a}.sm-stat-low{--accent:#d97706;--accent-bg:#d977061a}.sm-stat-safe{--accent:#059669;--accent-bg:#0596691a}.sm-filters{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.sm-search{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:999px;flex:240px;align-items:center;gap:.5rem;min-width:0;padding:.45rem .875rem;transition:all .15s;display:flex}.sm-search:focus-within{border-color:var(--color-primary,#1e40af);box-shadow:0 0 0 3px #1e40af1a}.sm-search input{color:var(--color-text-main,#111827);background:0 0;border:none;outline:none;flex:1;font-size:.875rem}.sm-search svg{color:var(--color-text-muted,#9ca3af);flex-shrink:0}.sm-search-clear{color:var(--color-text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.125rem;display:flex}.sm-search-clear:hover{background:var(--color-bg-base,#f3f4f6);color:var(--color-text-main)}.sm-sort-wrap{border:1px solid var(--color-border,#e5e7eb);background:#fff;border-radius:999px;align-items:center;gap:.375rem;padding:.4rem .75rem;display:flex;position:relative}.sm-sort-wrap>svg:first-child{color:var(--color-text-muted,#9ca3af)}.sm-sort-wrap>svg:last-child{color:var(--color-text-muted,#9ca3af);pointer-events:none}.sm-sort-wrap select{appearance:none;color:var(--color-text-main,#111827);cursor:pointer;background:0 0;border:none;outline:none;padding-right:.25rem;font-size:.8rem;font-weight:600}.sm-collapsible{min-width:0}.sm-category-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:.5rem;max-width:100%;padding:0 1rem .75rem;display:flex;overflow:auto hidden}.sm-category-chips::-webkit-scrollbar{display:none}.sm-category-chips .sm-chip{scroll-snap-align:start}.sm-category-chips-wrap{position:relative}.sm-category-chips-wrap:after{content:"";background:linear-gradient(to right, transparent, var(--color-bg-base,#f7f8fa));pointer-events:none;width:24px;position:absolute;top:0;bottom:.75rem;right:0}.sm-chip{border:1px solid var(--color-border,#e5e7eb);color:var(--color-text-muted,#6b7280);cursor:pointer;white-space:nowrap;background:#fff;border-radius:999px;flex-shrink:0;padding:.4rem .875rem;font-size:.78rem;font-weight:600;transition:all .15s}.sm-chip:hover{background:var(--color-bg-base,#f3f4f6);color:var(--color-primary,#1e40af)}.sm-chip.active{background:var(--color-primary,#1e40af);border-color:var(--color-primary,#1e40af);color:#fff}.sm-selection-bar{border-top:1px solid var(--color-border,#e5e7eb);border-bottom:1px solid var(--color-border,#e5e7eb);background:#1e40af08;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.sm-select-all{border:1px solid var(--color-border,#e5e7eb);color:var(--color-primary,#1e40af);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:.4rem;padding:.375rem .75rem;font-size:.78rem;font-weight:700;transition:all .15s;display:flex}.sm-select-all:hover{background:var(--color-primary,#1e40af);color:#fff;border-color:var(--color-primary,#1e40af)}.sm-count{color:var(--color-text-muted,#6b7280);font-size:.78rem}.sm-count b{color:var(--color-text-main,#111827);font-weight:700}.sm-list{flex-direction:column;gap:.5rem;padding:.875rem 1rem 2rem;display:flex}.sm-row{border:1.5px solid var(--color-border,#e5e7eb);background:#fff;border-radius:14px;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:.875rem;padding:.75rem .875rem;transition:all .15s;display:grid;position:relative}.sm-row:hover{border-color:var(--color-primary,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.sm-row.is-checked{border-color:var(--color-primary,#1e40af);background:#1e40af08}.sm-row.sm-status-out-row{border-left:4px solid var(--color-danger,#dc2626)}.sm-row.sm-status-low-row{border-left:4px solid #d97706}.sm-row.sm-status-safe-row{border-left:4px solid #059669}.sm-row-check{cursor:pointer;color:#cbd5e1;background:0 0;border:none;align-items:center;padding:.25rem;transition:color .15s;display:flex}.sm-row.is-checked .sm-row-check{color:var(--color-primary,#1e40af)}.sm-row-avatar{background:var(--color-bg-base,#f3f4f6);border:1px solid var(--color-border,#e5e7eb);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.sm-row-avatar img,.sm-row-avatar>div{object-fit:cover;width:100%;height:100%}.sm-row-main{min-width:0}.sm-row-name{color:var(--color-text-main,#111827);text-overflow:ellipsis;white-space:nowrap;margin-bottom:.3rem;font-size:.92rem;font-weight:700;line-height:1.25;overflow:hidden}.sm-row-meta{flex-wrap:wrap;gap:.375rem;display:flex}.sm-tag{background:var(--color-bg-base,#f3f4f6);color:var(--color-text-muted,#6b7280);border:1px solid #0000;border-radius:6px;padding:.15rem .5rem;font-size:.68rem;font-weight:600}.sm-tag-cat{color:#4338ca;background:#6366f114}.sm-tag-sku{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.65rem}.sm-tag-price{color:#047857;background:#05966914;font-weight:700}.sm-row-stock{justify-content:center;align-items:center;display:flex}.sm-stock-pill{border:1.5px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:64px;padding:.4rem .6rem;font-weight:800;display:flex}.sm-stock-num{font-size:1.25rem;line-height:1}.sm-stock-label{text-transform:uppercase;letter-spacing:.04em;margin-top:.15rem;font-size:.6rem;font-weight:700}.sm-status-out{color:var(--color-danger,#dc2626);background:#dc26261a;border-color:#dc262640}.sm-status-low{color:#d97706;background:#d977061a;border-color:#d9770640}.sm-status-safe{color:#059669;background:#0596691a;border-color:#05966940}.sm-row-actions{gap:.5rem;display:flex}@media (width<=1024px){.sm-stats{grid-template-columns:repeat(4,1fr)}.sm-stat-sub{display:none}}@media (width<=760px){.sm-stats{grid-template-columns:repeat(2,1fr)}.sm-stat-sub{display:block}}@media (width<=640px){.sm-stats{grid-template-columns:1fr 1fr;gap:.4rem;padding:.5rem .75rem .25rem}.sm-stat-card{padding:.45rem .6rem}.sm-stat-value{font-size:1rem}.sm-stat-icon{width:26px;height:26px}.sm-stat-sub{display:none}.sm-filters{padding:.5rem .75rem}.sm-search{flex-basis:100%;width:100%}.sm-sort-wrap{justify-content:space-between;width:100%}.sm-category-chips{padding:0 .75rem .625rem}.sm-row{grid-template-columns:auto auto 1fr auto;grid-template-areas:"check avatar main stock""check avatar actions actions";gap:.625rem}.sm-row-check{grid-area:check}.sm-row-avatar{grid-area:avatar;width:44px;height:44px}.sm-row-main{grid-area:main}.sm-row-stock{grid-area:stock}.sm-row-actions{grid-area:actions;justify-content:flex-end}.sm-row-name{white-space:normal;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}