@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--surface-color:#ffffffb3;--surface-opaque:#fff;--text-primary:#0f172a;--text-secondary:#475569;--border-color:#e2e8f0e6;--primary:#3b82f6;--primary-hover:#2563eb;--primary-gradient:linear-gradient(135deg, #60a5fa, #3b82f6);--success:#3b82f6;--danger:#f43f5e;--warning:#f59e0b;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-lg:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--glass-blur:blur(16px);--glass-border:1px solid #ffffff80}[data-theme=dark]{--bg-color:#020617;--surface-color:#0f172a99;--surface-opaque:#0f172a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--border-color:#33415599;--primary:#3b82f6;--primary-hover:#60a5fa;--primary-gradient:linear-gradient(135deg, #60a5fa, #2563eb);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 10px 15px -3px #0006, 0 4px 6px -4px #0006;--shadow-lg:0 20px 25px -5px #00000080, 0 8px 10px -6px #00000080;--glass-blur:blur(20px);--glass-border:1px solid #ffffff14}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 100% 0,#3b82f614 0%,#0000 50%),radial-gradient(circle at 0 100%,#2563eb14 0%,#0000 50%);background-attachment:fixed;margin:0;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .4s,color .4s}*{box-sizing:border-box}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.app-container{background-color:var(--bg-color);height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.content-area{flex:1;gap:2rem;padding:2rem;display:flex;overflow-y:auto}.pos-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-content:start;gap:1.5rem;display:grid}.sidebar{background-color:var(--surface-color);width:90px;-webkit-backdrop-filter:var(--glass-blur);border-right:var(--glass-border);z-index:10;flex-direction:column;align-items:center;gap:2.5rem;padding:1.5rem 0;transition:all .3s;display:flex}.nav-item{color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:.4rem;padding:.75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:before{content:"";background-color:var(--primary);border-radius:0 4px 4px 0;width:4px;height:0;transition:height .3s;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.nav-item:hover{color:var(--primary);background-color:#3b82f614;transform:translateY(-2px)}.nav-item.active{color:var(--primary);background-color:#3b82f61f}.nav-item.active:before{height:60%}.navbar{background-color:var(--surface-color);height:auto;min-height:112px;-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);z-index:10;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:.6rem;padding:0 2rem;transition:all .3s;display:flex}.navbar-actions{flex-shrink:0;order:1;justify-content:flex-end;width:auto}.navbar-store-title{min-width:0;color:var(--text-primary);white-space:nowrap;flex:auto;order:1;align-items:center;gap:.65rem;display:flex}.navbar-brand-name{color:var(--primary);font-size:1.05rem;font-weight:900}.navbar-store-title strong{max-width:min(32vw,360px);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:1.08rem;overflow:hidden}.navbar-store-code{color:var(--text-secondary);font-size:.72rem}.navbar-account-menu{align-items:center;gap:.35rem;display:inline-flex}.navbar-account-store{max-width:150px;color:var(--text-secondary);text-align:right;flex-direction:column;align-items:flex-end;gap:.05rem;font-size:.68rem;line-height:1.2;display:inline-flex}.navbar-account-store strong{max-width:150px;color:var(--primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navbar-account-toggle,.navbar-account-logout{cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex}.navbar-account-toggle{color:var(--text-primary);background:0 0;padding:4px}.navbar-account-logout{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-color);border-radius:7px;gap:.3rem;padding:.45rem .65rem;font-size:.75rem;font-weight:600}.navbar-shift-control{background:var(--surface-opaque);color:var(--text-secondary);box-shadow:var(--shadow-sm);white-space:nowrap;border:1px solid #3b82f680;border-radius:999px;align-items:center;gap:.35rem;margin-right:auto;padding:.28rem .3rem .28rem .6rem;display:inline-flex}.navbar-shift-control.active{color:var(--primary-hover);background:#2563eb29;border-color:#2563eb99}.navbar-shift-status{align-items:center;gap:.38rem;font-size:.76rem;font-weight:700;display:inline-flex}.navbar-shift-indicator{background:var(--text-secondary);width:7px;height:7px;box-shadow:0 0 0 2px color-mix(in srgb, var(--text-secondary) 16%, transparent);border-radius:50%;flex:0 0 7px}.navbar-shift-control.active .navbar-shift-indicator{background:var(--primary);box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 18%, transparent)}.navbar-shift-action{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:999px;padding:.34rem .7rem;font-size:.72rem;font-weight:800}.navbar-shift-action:hover{background:var(--primary-hover)}.navbar-shift-action:disabled{cursor:wait;opacity:.65}.search-bar{background-color:var(--surface-opaque);border:1px solid var(--border-color);border-radius:var(--radius-full);width:100%;max-width:none;min-height:58px;box-shadow:var(--shadow-sm);flex:0 0 100%;order:2;align-items:center;padding:.8rem 1.35rem;transition:box-shadow .3s,border-color .3s;display:flex}.search-bar:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.search-bar input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;margin-left:.75rem;font-size:1.08rem;font-weight:600}.cart-panel{background-color:var(--surface-opaque);border-radius:var(--radius-lg);width:380px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);flex-direction:column;transition:transform .3s;display:flex;overflow:hidden}.cart-header{border-bottom:1px solid var(--border-color);background:var(--surface-color);align-items:center;gap:.5rem;padding:1.5rem;font-size:1.25rem;font-weight:700;display:flex}.cart-items{flex-direction:column;flex:1;gap:1.2rem;padding:1.5rem;display:flex;overflow-y:auto}.cart-item{border-bottom:1px dashed var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1rem;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.cart-item-info{flex-direction:column;gap:.2rem;display:flex}.cart-item-name{font-size:.95rem;font-weight:600}.cart-item-price{color:var(--text-secondary);font-size:.85rem}.cart-item-qty{background:var(--bg-color);border-radius:var(--radius-sm);border:1px solid var(--border-color);align-items:center;gap:.5rem;padding:.2rem;display:flex}.cart-item-qty button{background:var(--surface-opaque);border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:background .2s;display:flex}.cart-item-qty button:hover{background:var(--primary);color:#fff}.cart-footer{border-top:1px solid var(--border-color);background-color:var(--surface-color);padding:1.5rem}.cart-total{color:var(--primary);justify-content:space-between;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.btn{border-radius:var(--radius-md);text-align:center;width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.btn:after{content:"";background:#ffffff1a;border-radius:50%;width:150%;height:150%;transition:transform .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn:hover:after{transform:translate(-50%,-50%)scale(1)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--primary-gradient);color:#fff;border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.btn-success{background:var(--primary-gradient);color:#fff;border:none}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.product-card{background-color:var(--surface-opaque);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;box-shadow:var(--shadow-sm);z-index:1;flex-direction:column;gap:.8rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.product-card:before{content:"";background:var(--primary-gradient);opacity:0;z-index:2;height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#3b82f666;transform:translateY(-6px)}.product-card:hover:before{opacity:1}.product-image{border-radius:var(--radius-md);border:1px dashed var(--border-color);background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);justify-content:center;align-items:center;width:100%;height:140px;font-size:3.5rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.product-add-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:var(--primary);opacity:0;border-radius:var(--radius-md);background:#3b82f626;justify-content:center;align-items:center;transition:opacity .2s,transform .2s;display:flex;position:absolute;inset:0;transform:scale(.95)}.product-card:hover .product-add-overlay{opacity:1;transform:scale(1)}.product-card:hover .product-image{transform:scale(1.05)}.product-title{margin-top:.5rem;font-size:1rem;font-weight:600}.product-price{color:var(--primary);font-size:1.1rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background-color:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--surface-opaque);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:relative}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-title{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.modal-input{border:1px solid var(--border-color);background-color:var(--bg-color);width:100%;color:var(--text-primary);border-radius:var(--radius-md);outline:none;padding:.85rem 1rem;font-size:1rem;transition:all .2s}.modal-input:focus{border-color:var(--primary);background-color:var(--surface-opaque);box-shadow:0 0 0 3px #3b82f633}.input-label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.form-group{margin-bottom:1.2rem}.custom-item-modal-overlay{z-index:100001;padding:1rem}.custom-item-modal{max-width:440px;padding:1.75rem}.custom-item-modal-header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.custom-item-modal-icon{color:#fff;background:var(--primary-gradient);border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 8px 18px #3b82f638}.custom-item-modal-close{width:38px;height:38px;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:12px;place-items:center;display:grid}.custom-item-modal-close:hover{color:var(--text-primary);background:var(--bg-color)}.custom-item-modal-title{margin:0 0 .35rem}.custom-item-modal-description{color:var(--text-secondary);margin:0 0 1.4rem;font-size:.92rem;line-height:1.5}.custom-item-price-group{margin-bottom:1.5rem}.custom-item-price-input{color:var(--primary);border:1px solid var(--border-color);background:var(--bg-color);border-radius:var(--radius-md);align-items:center;gap:.65rem;padding:0 1rem;transition:border-color .2s,box-shadow .2s;display:flex}.custom-item-price-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #3b82f633}.custom-item-price-input span{color:var(--text-secondary);font-weight:600}.custom-item-price-input input{width:100%;min-width:0;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;padding:.85rem 0;font-size:1rem}.custom-item-modal-actions{gap:.75rem;display:flex}.custom-item-modal-actions button{border-radius:var(--radius-md);min-height:46px;font:inherit;padding:.75rem 1rem;font-weight:600;transition:background .2s,transform .2s}.custom-item-cancel{color:var(--text-secondary);border:1px solid var(--border-color)}.custom-item-cancel:hover{color:var(--text-primary);background:var(--bg-color)}.custom-item-submit{color:#fff;background:var(--primary-gradient);box-shadow:var(--shadow-sm);flex:1;justify-content:center;align-items:center;gap:.45rem;display:inline-flex}.custom-item-submit:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.product-add-modal{max-width:680px;max-height:90vh;overflow-y:auto}.product-add-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:.85rem;display:flex}.product-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.product-form-full{grid-column:1/-1}.product-add-footer{border-top:1px solid var(--border-color);gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}.product-management-actions,.product-import-actions{flex-wrap:wrap;gap:.5rem;display:flex}.product-action-button{min-height:42px;color:var(--text-primary);background:var(--surface-opaque);border:1px solid var(--border-color);border-radius:var(--radius-sm);font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.product-action-button:hover{border-color:var(--primary);color:var(--primary)}.product-action-primary{color:#fff;background:var(--primary-gradient);border-color:#0000}.product-action-primary:hover{color:#fff;box-shadow:var(--shadow-md)}.product-import-modal{max-width:720px;max-height:90vh;overflow-y:auto}.product-import-guidance{color:var(--text-secondary);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-md);flex-direction:column;gap:.3rem;margin-bottom:1rem;padding:.85rem;font-size:.86rem;line-height:1.45;display:flex}.product-import-guidance strong{color:var(--text-primary)}.product-import-file-button{position:relative;overflow:hidden}.product-import-file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.product-import-filename{color:var(--text-secondary);overflow-wrap:anywhere;margin:.9rem 0;font-size:.85rem}.product-import-progress{color:var(--text-secondary);margin:.9rem 0;font-size:.85rem}.product-import-progress-label{justify-content:space-between;gap:.75rem;margin-bottom:.4rem;display:flex}.product-import-progress-label strong{color:var(--primary)}.product-import-progress progress{width:100%;height:10px;accent-color:var(--primary)}.product-import-summary{color:#166534;border-radius:var(--radius-sm);background:#22c55e1a;border:1px solid #22c55e4d;margin:1rem 0 .65rem;padding:.75rem;font-size:.88rem;font-weight:600}.product-import-summary.has-errors{color:#be123c;background:#f43f5e14;border-color:#f43f5e4d}.product-import-errors{color:#be123c;border-radius:var(--radius-sm);background:#f43f5e0d;max-height:150px;margin:0;padding:.7rem .7rem .7rem 2rem;font-size:.82rem;line-height:1.55;overflow-y:auto}.product-import-error-panel{border-radius:var(--radius-sm);background:#f43f5e0d;border:1px solid #f43f5e4d;margin-top:.75rem;overflow:hidden}.product-import-error-heading{color:#be123c;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.65rem .75rem;font-size:.84rem;display:flex}.product-import-error-heading .product-action-button{min-height:34px;padding:.4rem .6rem;font-size:.78rem}.product-import-error-panel .product-import-errors{background:0 0;margin:0 .5rem .5rem}.product-import-preview{color:var(--text-primary);margin-top:1rem;font-size:.86rem}.product-import-preview-table{border:1px solid var(--border-color);border-radius:var(--radius-sm);margin-top:.5rem;overflow-x:auto}.product-import-preview table{border-collapse:collapse;text-align:left;width:100%;font-size:.8rem}.product-import-preview th,.product-import-preview td{border-bottom:1px solid var(--border-color);white-space:nowrap;padding:.55rem}.product-import-preview th{color:var(--text-secondary);background:var(--bg-color)}.product-filter-row{border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--surface-opaque);flex-wrap:wrap;align-items:flex-end;gap:.75rem;margin-bottom:1rem;padding:.85rem;display:flex}.product-filter-field{color:var(--text-secondary);flex-direction:column;flex:190px;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.product-filter-field select{width:100%;min-height:42px;color:var(--text-primary);background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--radius-sm);font:inherit;padding:.55rem .7rem}.product-filter-reset{min-height:42px;color:var(--primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);font:inherit;padding:.55rem .75rem;font-weight:600}.product-filter-reset:hover{background:var(--bg-color)}.pos-category-filters{scrollbar-width:thin;gap:.5rem;padding:.15rem 0 .45rem;display:flex;overflow-x:auto}.pos-category-filters button{min-height:38px;color:var(--text-secondary);background:var(--surface-opaque);border:1px solid var(--border-color);border-radius:var(--radius-full);font:inherit;flex:none;padding:.5rem .9rem;font-size:.85rem;font-weight:600}.pos-category-filters button.active{color:#fff;background:var(--primary-gradient);border-color:#0000}@media (width<=768px){.product-management-actions>button{flex:calc(50% - .5rem)}.product-import-modal{padding:1.25rem}.product-filter-row{align-items:stretch}.product-filter-reset{width:100%}.custom-item-modal{padding:1.35rem}.custom-item-modal-actions{flex-direction:column-reverse}.custom-item-modal-actions button{width:100%}.app-container{height:auto;min-height:100vh;overflow:visible}.sidebar{display:none}.main-content{width:100%}.navbar{flex-wrap:wrap;align-content:center;gap:.45rem;height:auto;min-height:108px;padding:.6rem .75rem}.search-bar{flex:0 0 100%;order:3;width:100%;min-width:0;min-height:54px;padding:.65rem .9rem}.search-bar input{min-width:0;margin-left:.5rem;font-size:1rem}.navbar-actions{order:2;justify-content:flex-end;width:100%;gap:.5rem!important}.navbar-store-title{flex:0 0 100%;order:1;gap:.45rem}.navbar-store-title strong{max-width:52vw;font-size:.98rem}.navbar-brand-name{font-size:.95rem}.navbar-store-code{font-size:.68rem}.navbar-actions button{padding:4px!important}.navbar-shift-control{padding-left:.45rem}.navbar-shift-label{text-overflow:ellipsis;max-width:128px;overflow:hidden}.navbar-shift-action{padding:.34rem .55rem}.product-form-grid{grid-template-columns:1fr}.product-form-full{grid-column:auto}.product-add-modal{max-height:calc(100vh - 2rem);padding:1.25rem}.connection-status-label{display:none}.content-area{padding:1rem;display:block;overflow:visible}.pos-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.product-card{padding:.75rem}.product-image{height:110px}.product-title{font-size:.85rem}.product-price{font-size:.95rem}.cart-panel,.cart-container{display:none!important}.floating-cart-button{z-index:50;background:var(--primary-gradient);color:#fff;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:calc(100% - 2rem);max-width:320px;padding:.9rem 1.25rem;font-size:.95rem;font-weight:700;display:flex;position:fixed;bottom:1rem;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #3b82f659}}.mobile-bottom-nav{display:none}@media screen and (width<=768px){.app-container .cart-container{color:#fff!important;z-index:9999!important;background-color:#1e1e1e!important;border-top-left-radius:16px!important;border-top-right-radius:16px!important;flex-direction:column!important;width:100%!important;height:auto!important;max-height:50vh!important;padding:12px 16px!important;display:flex!important;position:fixed!important;bottom:65px!important;left:0!important;overflow-y:auto!important;box-shadow:0 -4px 20px #0006!important}.cart-items-list{max-height:150px!important;overflow-y:auto!important}.checkout-button{background-color:var(--primary)!important;border-radius:8px!important;width:100%!important;margin-top:8px!important;padding:12px!important;font-size:16px!important;font-weight:700!important}.mobile-cart-popup-overlay{z-index:9999!important;background:#0009!important;align-items:flex-end!important;width:100%!important;height:100%!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.mobile-cart-popup-content{background:#121212!important;border-top-left-radius:20px!important;border-top-right-radius:20px!important;width:100%!important;max-height:80vh!important;padding:20px!important;overflow-y:auto!important;box-shadow:0 -8px 30px #00000080!important}.desktop-cart-wrapper{display:none!important}.mobile-bottom-nav{z-index:99999!important;width:100%!important;height:65px!important;padding-bottom:env(safe-area-inset-bottom)!important;background-color:#1e1e1e!important;border-top:1px solid #333!important;justify-content:space-around!important;align-items:center!important;display:flex!important;position:fixed!important;bottom:0!important;left:0!important}.mobile-bottom-nav .nav-item{color:#888!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;font-size:12px!important;text-decoration:none!important;display:flex!important}.mobile-bottom-nav .nav-item.active{color:var(--primary)!important;font-weight:700!important}.mobile-bottom-nav .nav-icon{margin-bottom:2px!important;font-size:20px!important}.mobile-floating-checkout-bar{background:var(--primary-gradient)!important;z-index:99998!important;cursor:pointer!important;border-radius:12px!important;justify-content:space-between!important;align-items:center!important;padding:12px 16px!important;display:flex!important;position:fixed!important;bottom:75px!important;left:15px!important;right:15px!important;box-shadow:0 4px 20px #0006!important}.mobile-view-cart-btn{color:#fff!important;background:#fff3!important;border:none!important;border-radius:6px!important;padding:8px 12px!important;font-size:13px!important;font-weight:700!important}.mobile-cart-popup-overlay{z-index:999999!important;background-color:#000000bf!important;align-items:flex-end!important;width:100vw!important;height:100vh!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.mobile-cart-popup-content{width:100%!important;padding:20px!important;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important;background-color:#121212!important;border-top-left-radius:24px!important;border-top-right-radius:24px!important;max-height:80vh!important;animation:.25s ease-out slideUp!important;overflow-y:auto!important;box-shadow:0 -10px 40px #0009!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-cart-popup-content .cart-container{width:100%!important;height:auto!important;box-shadow:none!important;background:0 0!important;flex-direction:column!important;padding:0!important;display:flex!important;position:static!important}.mobile-cart-popup-overlay{z-index:999999!important;background-color:#000000bf!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;padding:20px!important;display:flex!important;position:fixed!important;top:0!important;left:0!important}.mobile-cart-popup-content{background-color:#1a1a1a!important;border:1px solid #333!important;border-radius:16px!important;width:96%!important;max-width:560px!important;max-height:85vh!important;padding:24px!important;animation:.2s ease-out zoomInPopup!important;overflow-y:auto!important;box-shadow:0 10px 30px #00000080!important}@keyframes zoomInPopup{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-content{width:96%!important;max-width:600px!important;max-height:88vh!important;padding:1.5rem!important;overflow-y:auto!important}.content-area{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom))}.mobile-floating-checkout-bar{bottom:130px!important}}.pending-transactions-fab{z-index:100000;color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f680;border-radius:999px;align-items:center;gap:.45rem;min-height:46px;padding:.7rem .85rem;font-weight:700;display:inline-flex;position:fixed;bottom:1rem;left:1rem;box-shadow:0 8px 22px #1e40af59}.cart-popup-header,.cart-desktop-actions{border-bottom:1px solid #333;justify-content:space-between;align-items:center;gap:.6rem;padding-bottom:.6rem;display:flex}.cart-popup-header h4{color:#fff;margin:0;font-size:1rem}.cart-popup-header-actions{justify-content:flex-end;align-items:center;gap:.45rem;display:flex}.cart-save-held-button,.cart-popup-close-button{cursor:pointer;border:0;border-radius:6px;padding:.45rem .65rem;font-weight:700}.cart-save-held-button{color:#93c5fd;background:#3b82f629;border:1px solid #3b82f6a6}.cart-popup-close-button{color:#f43f5e;background:0 0}.pending-transactions-fab:hover{filter:brightness(1.08);transform:translateY(-1px)}.pending-transactions-label{font-size:.82rem}.pending-transactions-badge{color:#1d4ed8;background:#fff;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 .3rem;font-size:.75rem;display:inline-grid}@media screen and (width<=768px){.pending-transactions-fab{left:.75rem;bottom:calc(75px + env(safe-area-inset-bottom));border-radius:50%;justify-content:center;width:50px;height:50px;min-height:50px;padding:0}.pending-transactions-label{display:none}.pending-transactions-badge{position:absolute;top:-4px;right:-4px}.mobile-cart-popup-overlay{align-items:stretch!important;padding:0!important}.mobile-cart-popup-content{width:100vw!important;max-width:none!important;height:100dvh!important;min-height:100vh!important;max-height:100dvh!important;padding:calc(16px + env(safe-area-inset-top)) 16px calc(16px + env(safe-area-inset-bottom))!important;-webkit-overflow-scrolling:touch!important;pointer-events:auto!important;border-radius:0!important;flex-direction:column!important;display:flex!important;overflow-y:auto!important}.mobile-cart-popup-content .cart-container{pointer-events:auto!important;height:100%!important;min-height:0!important;overflow:visible!important}.mobile-cart-popup-content .cart-items-list{min-height:0!important}}@media (width>=769px){.pos-content-area{padding:1.25rem;overflow:hidden}.pos-workspace{grid-template-columns:minmax(0,1fr) clamp(340px,30vw,430px);gap:1.25rem;width:100%;min-width:0;height:100%;min-height:0;display:grid}.pos-catalog-panel{flex-direction:column;gap:1rem;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.pos-catalog-heading{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem .15rem 0;display:flex}.pos-catalog-heading h1{color:var(--text-primary);letter-spacing:-.035em;margin:0;font-size:clamp(1.25rem,1.6vw,1.65rem)}.pos-catalog-heading p{color:var(--text-secondary);margin:.35rem 0 0;font-size:.88rem}.pos-product-count{color:var(--text-secondary);flex:none;font-size:.78rem;font-weight:600}.pos-category-filters{scrollbar-width:thin;gap:.55rem;padding:.1rem 0 .35rem;display:flex;overflow-x:auto}.pos-category-filters button{white-space:nowrap;min-height:36px;padding:.45rem .8rem;font-size:.8rem}.pos-grid{scrollbar-gutter:stable;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));grid-auto-rows:minmax(174px,max-content);align-content:start;gap:.9rem;min-width:0;min-height:0;padding:.1rem .35rem 1rem .1rem;overflow-y:auto}.pos-grid .product-card{border-radius:14px;gap:.55rem;min-width:0;min-height:174px;padding:.8rem}.pos-grid .product-image{flex:0 0 clamp(76px,9vh,104px);height:clamp(76px,9vh,104px)}.pos-grid .product-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.4em;display:-webkit-box;overflow:hidden}.pos-grid .product-price{font-size:.95rem}.pos-grid .custom-item-card{border:1px dashed #3b82f68c;height:100%;min-height:178px}.pos-empty-state,.pos-load-more{grid-column:1/-1;justify-self:center;margin:.5rem}.pos-empty-state{color:var(--text-secondary);text-align:center;padding:2rem}.desktop-cart-wrapper{min-width:0;min-height:0}.desktop-cart-wrapper .cart-container{border:1px solid var(--border-color);background:var(--surface-opaque);box-shadow:var(--shadow-lg);border-radius:18px;padding:1rem;overflow:hidden;color:var(--text-primary)!important;gap:.85rem!important}.cart-desktop-actions{border-color:var(--border-color);align-items:center;padding-bottom:.8rem}.cart-desktop-heading{flex-direction:column;gap:.2rem;display:flex}.cart-desktop-heading h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.05rem}.cart-desktop-heading span{color:var(--text-secondary);font-size:.75rem}.desktop-cart-wrapper .cart-save-held-button{border-radius:9px;padding:.55rem .75rem;font-size:.78rem}.desktop-cart-wrapper .cart-items-list{padding-right:.2rem;gap:.55rem!important;min-height:100px!important}.desktop-cart-wrapper .cart-item-row{gap:.55rem;border-color:var(--border-color)!important;background:var(--bg-color)!important;padding:.7rem!important}.desktop-cart-wrapper .cart-item-row>div:first-child{min-width:0}.desktop-cart-wrapper .cart-item-row>div:first-child>div:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--text-primary)!important}.desktop-cart-wrapper .cart-item-row>div:first-child>div:last-child{color:var(--text-secondary)!important}.desktop-cart-wrapper .cart-item-row button{min-width:28px;min-height:28px}.desktop-cart-wrapper .cart-container>div:last-child{border-color:var(--border-color)!important}.desktop-cart-wrapper .cart-container>div:last-child>div:first-child{padding:.25rem 0}.desktop-cart-wrapper .cart-container>div:last-child>div:first-child span{font-size:1.18rem!important}}.pos-grid .custom-item-card{text-align:center;min-height:140px;font:inherit;background:linear-gradient(145deg,#3b82f617,#8b5cf60a);border:2px dashed #3b82f68c;justify-content:center;align-items:center;gap:.45rem}.custom-item-icon{width:42px;height:42px;color:var(--primary);background:#3b82f624;border-radius:13px;place-items:center;font-size:1.8rem;line-height:1;display:grid}.custom-item-title{color:var(--text-primary);font-size:.95rem;font-weight:750}.custom-item-description{color:var(--text-secondary);font-size:.73rem;font-weight:500}@media (width<=768px){.pos-workspace{display:contents}.pos-catalog-heading{display:none}.pos-grid .custom-item-card{text-align:center;gap:.35rem}.pos-empty-state,.pos-load-more{grid-column:1/-1}.mobile-cart-popup-overlay{justify-content:center!important;align-items:center!important;padding:12px!important}.mobile-cart-popup-content{pointer-events:auto!important;flex-direction:column!important;width:96%!important;max-width:560px!important;height:auto!important;min-height:0!important;max-height:85dvh!important;padding:16px!important;display:flex!important;overflow:auto!important}.mobile-cart-popup-content .cart-container{pointer-events:auto!important;flex:0 auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:100%!important;display:flex!important;overflow:visible!important}.mobile-cart-popup-content .cart-items-list{overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;flex:0 auto!important;min-height:56px!important;max-height:36vh!important;overflow-y:auto!important}.mobile-cart-popup-content .cart-item-row{z-index:1;flex-wrap:wrap;width:100%;position:relative;pointer-events:auto!important;flex-direction:row!important;align-items:center!important;gap:.55rem!important}.mobile-cart-popup-content .cart-item-row>div:first-child{flex:110px;min-width:0}.mobile-cart-popup-content .cart-item-actions{z-index:2;flex:none;justify-content:flex-end;margin-left:auto;position:relative;pointer-events:auto!important;gap:.45rem!important}.mobile-cart-popup-content .cart-item-actions>button:not(.cart-remove-item){touch-action:manipulation;min-width:34px;min-height:34px;border-radius:8px!important;width:34px!important;height:34px!important}.mobile-cart-popup-content .cart-remove-item{color:#fff;touch-action:manipulation;background:#e53e3e;min-width:62px;min-height:34px;font-size:.76rem;font-weight:700;pointer-events:auto!important;border-radius:8px!important;margin-left:0!important;padding:.45rem .6rem!important}}@media (width>=769px){.products-page{width:100%;max-width:1680px;margin:0 auto;padding:1.5rem 2rem 3rem!important}.products-page-header{justify-content:space-between;align-items:center;flex-direction:row!important;gap:1.5rem!important;margin-bottom:1.5rem!important}.products-page-title{letter-spacing:-.035em;font-size:1.65rem!important}.product-management-actions{justify-content:flex-end;gap:.65rem}.product-action-button{min-height:40px;padding:.55rem .8rem;font-size:.82rem}.product-status-tabs{border:1px solid var(--border-color);background:var(--surface-opaque);border-radius:12px;width:fit-content;min-width:460px;padding:.3rem;gap:.55rem!important;margin-bottom:1rem!important}.product-status-tabs button{min-height:40px;font-size:.85rem;border-radius:9px!important;flex:150px!important;padding:.6rem 1rem!important}.product-filter-row{border-radius:12px;align-items:flex-end;gap:.9rem;margin-bottom:1rem;padding:1rem}.product-filter-field{flex:0 260px}.product-filter-field select,.product-filter-reset{min-height:40px}.product-list{flex-direction:column;gap:.7rem;display:flex}.product-list-heading{font-weight:650;color:var(--text-secondary)!important;margin:.2rem 0 .25rem!important;font-size:.82rem!important}.product-list-item{box-shadow:var(--shadow-sm);grid-template-columns:minmax(0,1fr) auto;align-items:center;transition:border-color .18s,box-shadow .18s,transform .18s;border-color:var(--border-color)!important;border-radius:12px!important;gap:1rem!important;padding:.95rem 1.1rem!important;display:grid!important}.product-list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px);border-color:color-mix(in srgb, var(--primary) 45%, var(--border-color))!important}.product-list-info{min-width:0;gap:1.25rem!important}.product-list-info>div:first-child{min-width:0}.product-list-details{grid-template-columns:minmax(180px,1.3fr) minmax(150px,1fr);align-items:center;gap:.25rem 1.5rem;display:grid}.product-list-details>div:first-child{color:var(--text-primary);letter-spacing:-.01em;grid-column:1/-1;font-size:.98rem!important}.product-list-details>div:not(:first-child){color:var(--text-secondary)!important;font-size:.76rem!important}.product-list-price-stock{flex-direction:column;gap:.3rem;min-width:150px;display:flex;text-align:left!important}.product-list-price-stock>div:first-child{font-size:1rem!important}.product-list-price-stock>div:last-child{font-size:.78rem!important}.product-list-actions{border-left:1px solid var(--border-color);justify-content:flex-end;align-items:center;padding-left:.75rem;flex-wrap:nowrap!important;gap:.45rem!important}.product-list-actions button{white-space:nowrap;min-height:36px;padding:.5rem .65rem!important;font-size:.75rem!important}.product-list-actions button[aria-label^=Edit\ produk],.product-list-actions button[aria-label^=Hapus\ produk]{min-width:36px;height:36px;width:36px!important;padding:.45rem!important}}