: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}.app-shell{background:var(--color-bg,#f5f5f5);height:100dvh;display:flex;overflow:hidden}.sidebar{background:var(--color-surface,#fff);border-right:1px solid var(--color-border,#e5e7eb);z-index:1000;flex-direction:column;width:240px;min-width:240px;height:100dvh;transition:transform .2s;display:flex;overflow:hidden}.sidebar-header{border-bottom:1px solid var(--color-border,#e5e7eb);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:.375rem;padding:.25rem;display:none}.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}.mobile-header{background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border,#e5e7eb);z-index:100;align-items:center;gap:.75rem;padding:.75rem 1rem;display:none;position:sticky;top:0}.menu-btn{cursor:pointer;color:var(--color-text,#374151);background:0 0;border:none;border-radius:.375rem;align-items:center;padding:.25rem;display:flex}.menu-btn:hover{background:var(--color-bg,#f3f4f6)}.header-title{color:var(--color-text,#374151);font-size:1rem;font-weight:700}.main-content{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.content-scroll-area{-webkit-overflow-scrolling:touch;flex:1;overflow:hidden auto}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}@media (width<=767px){.sidebar{position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 20px #00000026}.sidebar.open{transform:translate(0)}.sidebar-close-btn,.mobile-header{display:flex}.nav-shortcut{display:none}}@media (width>=768px) and (width<=1023px){.sidebar{width:200px;min-width:200px}.nav-shortcut{display:none}}@media (width>=1024px){.sidebar{width:240px;min-width:240px}}@media (width<=767px){.main-content{padding-bottom:60px}}.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}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@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);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.pm-header-title h2{margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.pm-header-title p{color:var(--color-text-muted);font-size:.875rem}.pm-toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px;display:flex}.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:1rem;overflow-y:auto}.pm-products-grid{grid-template-columns:repeat(6,1fr);align-content:start;gap:10px;display:grid}.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}.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}.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}}