:root{--body-bg:#eaf6ff;--panel-bg:#ffffff;--panel-border:rgba(255,255,255,0.4);--text-primary:#1e293b;--text-secondary:#025d7b;--text-muted:#94a3b8;--primary-color:#007cff;--primary-hover:#0066d6;--danger-color:#ef4444;--danger-hover:#dc2626;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--shadow:1px 1px 5px 0px rgba(0,0,0,0.05);--input-border:#c2dbf5;--input-bg:#ffffff;--navbar-bg:rgba(255,255,255,0.85);--sidebar-bg:rgba(255,255,255,0.9);--navbar-height:70px;--sidebar-width-max:260px;--sidebar-width-min:70px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-heading:'Plus Jakarta Sans',sans-serif;--font-body:'Inter',sans-serif;--radius-ui:4px}[data-theme="dark"]{--body-bg:#0f172a;--panel-bg:rgba(30,41,59,0.7);--panel-border:rgba(255,255,255,0.05);--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary-color:#3b82f6;--primary-hover:#2563eb;--danger-color:#f87171;--danger-hover:#ef4444;--success-color:#34d399;--success-hover:#10b981;--warning-color:#fbbf24;--shadow:1px 1px 5px 0px rgba(0,0,0,0.05);--input-border:rgba(255,255,255,0.1);--input-bg:#1e293b;--navbar-bg:rgba(15,23,42,0.85);--sidebar-bg:rgba(15,23,42,0.9)}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-body)}body{background-color:var(--body-bg);color:var(--text-primary);min-height:100vh;overflow-x:hidden;transition:background-color 0.4s ease;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-height);background:var(--navbar-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-bottom:1px solid var(--panel-border);box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000;transition:var(--transition)}.nav-left{display:flex;align-items:center;gap:15px}.logo-container{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-family:var(--font-heading);font-weight:800;font-size:20px;letter-spacing:-0.5px}.logo-img{width:32px;height:32px;object-fit:contain}.toggle-sidebar-btn{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-ui);transition:var(--transition)}.toggle-sidebar-btn:hover{background:rgba(0,0,0,0.05)}[data-theme="dark"] .toggle-sidebar-btn:hover{background:rgba(255,255,255,0.05)}.nav-right{display:flex;align-items:center;gap:5px}.theme-toggle-btn{background:none;border:none;color:var(--text-primary);font-size:18px;cursor:pointer;width:38px;height:38px;border-radius:var(--radius-ui);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.theme-toggle-btn:hover{background:rgba(0,0,0,0.05);transform:rotate(15deg)}[data-theme="dark"] .theme-toggle-btn:hover{background:rgba(255,255,255,0.05)}.user-dropdown{position:relative}.user-profile-btn{background:none;border:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:5px 10px;border-radius:var(--radius-ui);transition:var(--transition)}.user-profile-btn:hover{background:rgba(0,0,0,0.05)}[data-theme="dark"] .user-profile-btn:hover{background:rgba(255,255,255,0.05)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-color);color:#ffffff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.dropdown-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-ui);box-shadow:var(--shadow);width:180px;display:none;flex-direction:column;padding:6px;z-index:1001;animation:slideDown 0.2s ease-out}.dropdown-menu.show{display:flex}.dropdown-item{padding:10px 14px;color:var(--text-primary);text-decoration:none;font-size:14px;border-radius:var(--radius-ui);display:flex;align-items:center;gap:10px;transition:var(--transition)}.dropdown-item:hover{background:rgba(0,124,255,0.1);color:var(--primary-color)}.sidebar{position:fixed;top:var(--navbar-height);left:0;bottom:0;width:var(--sidebar-width-max);margin-top:-1px;padding-top:12px;background:var(--sidebar-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-top:none;border-right:1px solid var(--panel-border);box-shadow:var(--shadow);z-index:1050;transform:translateX(-100%);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding-bottom:15px;box-sizing:border-box}.sidebar.expanded{transform:translateX(0)}@media (min-width:1025px){body:not(.page-transaction) .sidebar{transform:translateX(0) !important}body:not(.page-transaction) .content-wrapper{margin-left:var(--sidebar-width-max)}body.page-transaction .sidebar{transform:translateX(-100%)}body.page-transaction .sidebar.expanded{transform:translateX(0)}body.page-transaction .content-wrapper{margin-left:0;transition:margin-left 0.3s cubic-bezier(0.4,0,0.2,1)}body.page-transaction .sidebar.expanded + .content-wrapper{margin-left:var(--sidebar-width-max)}}@media (max-width:1024px){.sidebar{transform:translateX(-100%)}.sidebar.expanded{transform:translateX(0)}}.sidebar-menu{list-style:none;display:flex;flex-direction:column;gap:8px;padding:0 12px}.sidebar-link{display:flex;align-items:center;gap:15px;padding:12px 14px;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-ui);font-size:14px;font-weight:500;white-space:nowrap;transition:var(--transition)}.sidebar-link i{font-size:18px;min-width:22px;text-align:center}.sidebar-link span{opacity:1}.sidebar-link:hover,.sidebar-link.active{background:var(--primary-color);color:#ffffff;box-shadow:var(--shadow)}.sidebar-link.active i,.sidebar-link:hover i{color:#ffffff}.content-wrapper{margin-top:var(--navbar-height);margin-left:0;padding:15px;min-height:calc(100vh - var(--navbar-height));transition:var(--transition);flex:1;display:flex;flex-direction:column}.panel{background:var(--panel-bg);margin:15px;padding:15px;border-radius:var(--radius-ui);box-shadow:var(--shadow);border:1px solid var(--panel-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.grid>.panel{margin:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid var(--panel-border)}.panel-title{font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--text-primary);display:flex;align-items:center;gap:8px}button{border-radius:var(--radius-ui)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);padding:12px 24px;border-radius:var(--radius-ui);color:#fff;font-weight:600;font-size:14px;border:none;cursor:pointer;box-shadow:var(--shadow);text-decoration:none;transition:var(--transition)}.btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow)}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--text-secondary)}.btn-secondary:hover{background:var(--text-primary);box-shadow:var(--shadow)}.btn-danger{background:var(--danger-color)}.btn-danger:hover{background:var(--danger-hover);box-shadow:var(--shadow)}.btn-success{background:var(--success-color)}.btn-success:hover{background:var(--success-hover);box-shadow:var(--shadow)}.btn-sm{padding:8px 16px;font-size:12px}.btn-circle{width:36px;height:36px;padding:0;border-radius:var(--radius-ui)}@media (max-width:1024px){.btn,.btn-sm,.btn-circle,.btn-search-submit,.products-clear-btn,.payment-btn{padding:8px 12px !important;min-height:42px !important;box-sizing:border-box}.btn-circle,.btn-search-submit,.products-clear-btn{width:auto;min-width:42px}}input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="hidden"]),select,textarea{border-radius:var(--radius-ui)}.form-group{margin-bottom:15px;margin-top:15px}.form-label{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;text-transform:capitalize;letter-spacing:0.5px}.form-label i{font-size:14px;opacity:0.85}.form-control{width:100%;background-color:var(--input-bg);border:1px solid var(--input-border);padding:10px 15px;border-radius:var(--radius-ui);color:var(--text-primary);font-size:14px;outline:none;min-height:42px;transition:var(--transition)}.form-control:focus{border-color:var(--primary-color);box-shadow:var(--shadow)}.grid{display:grid;gap:15px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat-card{display:flex;align-items:center;gap:20px;padding:20px}.stat-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffff;box-shadow:var(--shadow)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:22px;font-weight:700;font-family:var(--font-heading);margin-bottom:5px}.stat-label{font-size:13px;color:var(--text-secondary)}.pos-container{display:grid;grid-template-columns:4fr 2fr;gap:15px;flex:1}.product-search-wrapper{position:relative;margin-bottom:15px}.product-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.product-search-wrapper .form-control{padding-left:45px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:calc(100vh - 240px);overflow-y:auto;padding:3px}.product-card{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:var(--radius-ui);padding:10px;text-align:center;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;justify-content:space-between;height:auto}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary-color)}.product-card-img{width:100%;height:110px;object-fit:cover;border-radius:var(--radius-ui);background:#e2e8f0;margin-bottom:8px}.product-card-name{font-size:15px;color:var(--text-primary);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-card-info{display:flex;justify-content:space-between;align-items:center}.product-card-price{font-size:14px;font-weight:500;color:#d04900}.cart-wrapper{display:flex;flex-direction:column;height:100%}.cart-items-container{flex:1;overflow-y:auto;margin-bottom:15px;border-bottom:1px solid var(--panel-border);padding-right:5px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid rgb(226 226 226 / 45%)}.cart-item-info{flex:1}.cart-item-name{font-size:16px;font-weight:500;margin-bottom:5px}.cart-item-price{font-size:12px;color:var(--text-secondary)}.cart-item-qty-control{display:flex;align-items:center;gap:8px}.qty-btn{background:var(--input-bg);border:1px solid var(--input-border);width:24px;height:24px;border-radius:var(--radius-ui);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-primary);transition:var(--transition)}.qty-btn:hover{background:var(--primary-color);color:#ffffff}.cart-item-qty{font-size:13px;font-weight:600;width:20px;text-align:center}.cart-item-subtotal{font-size:14px;font-weight:700;width:90px;text-align:right;color:var(--text-primary)}.cart-item-remove{background:none;border:none;color:var(--danger-color);cursor:pointer;font-size:14px;padding:0 10px;transition:var(--transition)}.cart-item-remove:hover{color:var(--danger-hover)}.checkout-summary{display:flex;flex-direction:column;gap:10px}.summary-row{display:flex;justify-content:space-between;align-items:center}.summary-label{font-size:14px;color:var(--text-secondary)}.summary-value{font-size:14px;color:var(--text-secondary)}.summary-total{font-size:24px;font-weight:800;color:var(--primary-color);font-family:var(--font-heading)}.products-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;flex:1 1 auto;justify-content:flex-end;min-width:0}.btn-search-submit{width:42px;height:42px;padding:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.products-search-form{display:flex;flex-wrap:nowrap;gap:8px;margin:0;align-items:center;flex:1 1 auto;min-width:0;justify-content:flex-end}.products-search-field{position:relative;flex:1 1 auto;min-width:0;max-width:320px}.products-search-field .form-control{padding-left:40px;min-width:0;width:100%}.products-search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.products-search-btn{height:42px}.products-clear-btn{height:42px;width:42px;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.btn-add-product{flex-shrink:0;white-space:nowrap}@media (max-width:767.98px){.products-toolbar{flex-wrap:nowrap;justify-content:flex-start;gap:8px;width:100%}.products-search-form{flex:1 1 0;flex-wrap:nowrap;min-width:0}.products-search-field{flex:1 1 auto;max-width:none}.btn-add-product{flex:0 0 auto;height:42px;padding:0 14px;gap:6px}.btn-add-product-suffix{display:none}}@media (min-width:768px) and (max-width:1024px){.products-page-header{flex-wrap:nowrap}.products-toolbar{flex-wrap:nowrap;justify-content:flex-end;margin-left:auto}.products-search-form{flex:0 1 auto;justify-content:flex-end}.btn-add-product{margin-left:0}}.table-responsive{width:100%;overflow-x:auto}.table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0}.table th,.table td{padding:5px 15px;text-align:left;border-bottom:1px solid var(--panel-border);font-size:14px}.table td{padding:5px 0}.table tbody::before,.table tbody::after{content:"";display:table-row;height:10px}.table th{background:var(--primary-color) !important;color:#ffffff !important;height:50px;vertical-align:middle;border:none !important;border-top:10px solid var(--primary-color) !important;border-bottom:10px solid var(--primary-color) !important;font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:0.5px;white-space:nowrap;line-height:1.2}.table th:first-child{border-left:10px solid var(--primary-color) !important;border-top-left-radius:var(--radius-ui) !important;border-bottom-left-radius:var(--radius-ui) !important}.table th:last-child{border-right:10px solid var(--primary-color) !important;border-top-right-radius:var(--radius-ui) !important;border-bottom-right-radius:var(--radius-ui) !important}[data-theme="dark"] .table th{background:var(--primary-color) !important;color:#ffffff !important}.table tr:hover{background:rgba(0,0,0,0.01)}[data-theme="dark"] .table tr:hover{background:rgba(255,255,255,0.01)}.badge{display:inline-flex;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;border:1px solid #fff;box-shadow:var(--shadow);text-transform:capitalize}.badge-primary{background:rgb(21 160 253);color:#ffffff}.badge-success{background:rgb(16 197 137);color:#ffffff}.badge-danger{background:rgb(239 68 68);color:#ffffff}.modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;z-index:1100;padding:15px}.modal.show{display:flex}.modal-content{background:var(--panel-bg);border:none;box-shadow:var(--shadow);border-radius:var(--radius-ui);max-width:500px;width:100%;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;animation:zoomIn 0.3s cubic-bezier(0.4,0,0.2,1)}.modal-content>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.checkout-modal-content{max-width:500px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:none;flex-shrink:0;position:sticky;top:0;z-index:2;background:var(--primary-color);color:#ffffff}.modal-title{font-family:var(--font-heading);font-weight:700;font-size:16px;color:#ffffff}.modal-header .modal-title i{color:#ffffff}.modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:rgba(255,255,255,0.85);transition:var(--transition)}.modal-close:hover{color:#ffffff}.modal-body{padding:20px;flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal-footer{padding:15px 20px;border-top:none;display:flex;justify-content:flex-end;gap:10px;flex-shrink:0;position:sticky;bottom:0;z-index:2;background:var(--panel-bg)}@keyframes slideDown{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes zoomIn{from{transform:scale(0.95);opacity:0}to{transform:scale(1);opacity:1}}.alert{padding:12px 18px;border-radius:var(--radius-ui);margin-bottom:15px;font-size:14px;font-weight:500}.alert-success{background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.2);color:var(--success-color)}.alert-danger{background:rgba(239,68,68,0.15);border:1px solid rgba(239,68,68,0.2);color:var(--danger-color)}.receipt-print-area{font-family:'Courier New',Courier,monospace;font-size:12px;color:#000;width:80mm;max-width:100%;margin:0 auto;background:#fff;padding:10px;box-sizing:border-box}.receipt-print-area *{color:#000 !important}.receipt-header{text-align:center;margin-bottom:10px}.receipt-logo{font-weight:bold;font-size:16px}.receipt-divider{border-top:1px dashed #000;margin:5px 0}.receipt-table{width:100%;font-size:12px;border-collapse:collapse}.receipt-table td{padding:2px 0;border:none !important}@media print{body *{visibility:hidden}.modal,.modal.show,.modal-content,.modal-body,.receipt-print-area,.receipt-print-area *{visibility:visible}.modal{position:absolute;left:0;top:0;background:transparent;backdrop-filter:none;display:block !important}.modal-content{box-shadow:none;border:none;max-width:100%;width:100%}.modal-header,.modal-footer{display:none !important}}@media (max-width:1024px){.stat-cards-grid:not(.stat-cards-grid-3){grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:8px !important}}@media (max-width:991.98px){.pos-container{grid-template-columns:1fr}.cart-wrapper{height:auto}.product-grid{max-height:400px}.grid-4:not(.stat-cards-grid){grid-template-columns:repeat(1,1fr) !important;gap:10px}.grid-3:not(.stat-cards-grid-3){grid-template-columns:repeat(2,1fr) !important}.dashboard-main-grid{grid-template-columns:1fr !important}.grid>.panel{margin:0 !important}}.payment-method-group{display:flex;gap:10px;margin-bottom:15px}.payment-btn{flex:1;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-ui);padding:12px 8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-secondary);box-shadow:var(--shadow);transition:var(--transition)}.payment-btn i{font-size:18px}.payment-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.payment-btn.active{background:var(--primary-color);color:white;border-color:var(--primary-color);box-shadow:var(--shadow)}.barcode-print-label{width:60mm;height:auto;padding:10px;background:#fff;text-align:center;font-family:monospace;color:#000 !important;margin:0 auto;border:1px solid #ccc;border-radius:var(--radius-ui)}.barcode-print-label *{color:#000 !important}.barcode-print-label svg{max-width:100%;height:auto;margin:5px 0}.scanner-preview-container{position:relative;width:100%;max-width:320px;height:240px;margin:0 auto 15px auto;border-radius:var(--radius-ui);overflow:hidden;background:#000;border:3px solid var(--primary-color);box-shadow:var(--shadow)}.dashboard-main-grid{grid-template-columns:2fr 1fr}@media (max-width:767.98px){.navbar{padding:0 10px}.navbar #sidebarToggleBtn{display:flex !important}.stat-card{padding:15px 10px}.stat-cards-grid-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.stat-cards-grid .stat-card{flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 4px !important;gap:6px;margin:0 !important;text-align:center}.stat-cards-grid .stat-icon{width:34px;height:34px;min-width:34px;font-size:14px}.stat-cards-grid .stat-info{align-items:center;width:100%;min-width:0}.stat-cards-grid .stat-value{font-size:10px;line-height:1.2;margin-bottom:2px;word-break:break-word}.stat-cards-grid .stat-label{font-size:9px;line-height:1.15}.stat-value{font-size:18px;margin-bottom:3px}.product-card-info{display:inline-block;text-align:left}.logo-container span{display:none}.content-wrapper{margin-left:0 !important;padding:5px !important;padding-bottom:5px !important}.content-wrapper>div{padding:5px !important}.content-wrapper .grid{gap:10px !important;margin-bottom:10px !important}.content-wrapper .grid:last-child{margin-bottom:0 !important}.content-wrapper .grid>.panel{margin:0 !important}.content-wrapper .panel{margin:0 0 10px 0 !important}.content-wrapper .panel:last-child{margin-bottom:0 !important}.content-wrapper>div>.panel:only-child,.content-wrapper>div>.grid:only-child{margin-bottom:0 !important}.grid-2,.grid-3:not(.stat-cards-grid-3),.grid-4:not(.stat-cards-grid){grid-template-columns:1fr}.dashboard-main-grid{grid-template-columns:1fr !important}.pos-container{grid-template-columns:1fr !important;gap:10px !important}.cart-wrapper{height:auto !important}.product-grid{max-height:calc(100vh - 290px) !important;grid-template-columns:repeat(2,minmax(0,1fr))}.table-responsive{-webkit-overflow-scrolling:touch}.table th,.table td{font-size:12px}.table th{height:50px;min-height:50px;vertical-align:middle;letter-spacing:0;border-top:none !important;border-bottom:none !important;font-size:11px}.table th:first-child{border-left:none !important}.table th:last-child{border-right:none !important}.table td{font-size:12px}}@media (max-width:1024px){body.page-transaction{overflow:hidden}body.page-transaction{--navbar-height:52px}body.page-transaction .navbar{height:var(--navbar-height);z-index:1100}body.page-transaction .content-wrapper{margin-top:var(--navbar-height) !important;padding:0 !important;height:calc(100dvh - var(--navbar-height));max-height:calc(100dvh - var(--navbar-height));min-height:0;overflow:hidden;display:flex;flex-direction:column;box-sizing:border-box;position:relative}body.page-transaction .pos-landscape-viewport{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;overflow:hidden;padding:6px 8px;box-sizing:border-box}html.page-transaction-portrait body.page-transaction .pos-landscape-viewport{padding:8px 10px}body.page-transaction .pos-container{display:grid !important;grid-template-columns:minmax(0,1.15fr) minmax(0,0.85fr) !important;gap:8px !important;flex:1;min-height:0;height:100%;align-items:stretch}body.page-transaction .pos-left-pane,body.page-transaction .pos-right-pane{display:flex !important;flex-direction:column !important;min-height:0;min-width:0;height:100%;overflow:hidden}body.page-transaction .pos-right-pane.panel{padding:8px !important}body.page-transaction .product-search-wrapper{margin-bottom:6px;gap:6px;flex-shrink:0}body.page-transaction .product-search-wrapper{align-items:stretch !important}body.page-transaction .product-search-wrapper .form-control{height:42px;min-height:42px;padding:0 12px 0 34px;font-size:12px;line-height:42px;box-sizing:border-box}body.page-transaction .product-search-icon{left:12px;font-size:12px;line-height:1}body.page-transaction #btnStartScanner{display:inline-flex !important;align-items:center;justify-content:center;flex:0 0 42px;width:42px !important;min-width:42px !important;height:42px !important;min-height:42px !important;padding:0 !important;margin:0;line-height:1}body.page-transaction #btnStartScanner i{margin:0;font-size:15px}body.page-transaction .panel{margin:0 !important;padding:8px !important;min-height:0;flex:1;display:flex;flex-direction:column;overflow:hidden}body.page-transaction .panel-header{margin-bottom:4px !important;padding-bottom:4px !important;flex-shrink:0}body.page-transaction .panel-title{font-size:12px;gap:5px}body.page-transaction .panel-title i{font-size:11px}body.page-transaction #catalogCount{font-size:10px !important;white-space:nowrap}body.page-transaction .product-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr)) !important;grid-auto-rows:max-content;align-content:start;align-items:stretch;gap:6px !important;max-height:none !important;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:6px 2px 6px;-webkit-overflow-scrolling:touch}body.page-transaction .product-card{padding:6px;min-width:0;height:auto;min-height:max-content;max-height:none;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;box-sizing:border-box;align-self:stretch}body.page-transaction .product-card>div{flex:0 0 auto;display:flex;flex-direction:column;gap:3px;justify-content:flex-start;padding:0}body.page-transaction .product-card>.product-card-img{height:80px;min-height:80px;max-height:80px;margin:0;flex:0 0 80px}body.page-transaction .product-card>div>div:first-child{font-size:9px !important;line-height:1.2}body.page-transaction .product-card-name{font-size:11px;line-height:1.25;flex-shrink:0}body.page-transaction .product-card-info{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:flex-start !important;gap:3px !important;width:100%;margin:0;padding:0}body.page-transaction .product-card-price{font-size:11px;font-weight:600;line-height:1.2;text-align:left;width:100%}body.page-transaction .product-card-info .badge{font-size:9px;padding:2px 6px;line-height:1.2;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.page-transaction .cart-wrapper{min-height:0;height:100% !important}body.page-transaction .cart-items-container{margin-bottom:4px;min-height:0;flex:1}body.page-transaction .cart-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:6px 6px;padding:6px 0;align-items:center}body.page-transaction .cart-item-info{grid-column:1 / -1;grid-row:1;min-width:0}body.page-transaction .cart-item-name{font-size:11px;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.page-transaction .cart-item-price{font-size:10px;margin-top:3px}body.page-transaction .cart-item-qty-control{grid-column:1;grid-row:2;gap:4px}body.page-transaction .cart-item-subtotal{grid-column:2;grid-row:2;font-size:11px;width:auto;text-align:right;white-space:nowrap}body.page-transaction .cart-item-remove{grid-column:3;grid-row:2;padding:0 0 0 4px;font-size:12px}body.page-transaction .qty-btn{width:20px;height:20px;font-size:10px}body.page-transaction .cart-item-qty{font-size:11px;width:16px}body.page-transaction .cart-action-buttons{margin-top:6px !important;gap:6px !important;flex-shrink:0}body.page-transaction .cart-action-buttons .btn{height:42px !important;min-height:42px !important;padding:8px 12px !important;font-size:11px !important}body.page-transaction .cart-action-buttons #btnPayCartOpen{font-size:12px !important}body.page-transaction #emptyCartMessage{padding:16px 6px !important;font-size:10px}body.page-transaction #emptyCartMessage i{font-size:20px !important}body.page-transaction .logo-container span{display:none}body.page-transaction .logo-img{width:28px;height:28px}html.page-transaction-compact .modal{padding:8px;z-index:2000}html.page-transaction-compact .checkout-modal-content{max-width:420px;width:100%;max-height:calc(100dvh - 16px);display:flex;flex-direction:column;overflow:hidden}html.page-transaction-compact #checkoutModal .modal-body{padding:12px 14px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch}html.page-transaction-compact #checkoutModal .modal-header,html.page-transaction-compact #checkoutModal .modal-footer{flex-shrink:0;padding:13px 14px}html.page-transaction-compact #checkoutModal .modal-title{font-size:14px}html.page-transaction-compact #checkoutModal .checkout-summary{gap:8px}html.page-transaction-compact #checkoutModal #modalCartPrice{font-size:18px !important}html.page-transaction-compact #checkoutModal #cashPaymentInput{font-size:16px !important;height:40px !important;min-height:40px !important}html.page-transaction-compact #checkoutModal #cashChangeAmount{font-size:15px !important}html.page-transaction-compact #checkoutModal .payment-method-group{margin-bottom:8px;gap:6px}html.page-transaction-compact #checkoutModal .payment-btn{padding:8px 12px !important;font-size:10px;gap:4px}html.page-transaction-compact #checkoutModal .payment-btn i{font-size:14px}html.page-transaction-compact #checkoutModal .form-label{font-size:12px;margin-bottom:8px}html.page-transaction-compact #checkoutModal .modal-footer .btn{padding:8px 12px;font-size:12px}}@media (max-width:767.98px){body.page-transaction .product-card-info{flex-direction:column !important;align-items:flex-start !important}}@media (max-width:1024px) and (max-height:460px){body.page-transaction .product-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr)) !important;grid-auto-rows:max-content}body.page-transaction .product-card{padding:5px;gap:3px}body.page-transaction .cart-action-buttons .btn{height:42px !important;min-height:42px !important}}.page-padding{padding:5px}.page-title{font-family:var(--font-heading);font-weight:800;font-size:24px;line-height:1.25;margin:0}.page-header-bar,.products-page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;min-height:42px;margin:0 0 20px;padding:0}@media (max-width:1024px){.page-title{font-size:20px}.page-header-bar,.products-page-header{gap:10px;margin-bottom:15px}}@media (max-width:767.98px){.page-title{font-size:18px}.page-header-bar,.products-page-header{gap:8px;margin-bottom:10px}.products-page-header{flex-direction:column;align-items:stretch}}.alert>i.fa-solid{margin-right:8px}.panel-flush{margin:0}.panel-padded{margin:0;padding:15px}.panel-mb-20{margin:0 0 20px 0;padding:20px}.panel-backup{margin:0;padding:15px;display:flex;flex-direction:column;justify-content:space-between;min-height:250px}.grid-flush{margin:0}.mb-section{margin-bottom:15px}.dashboard-grid-main{gap:15px;margin-bottom:25px}.panel-quick-actions{margin:0;display:flex;flex-direction:column;gap:8px;justify-content:flex-start}.panel-header-compact{margin-bottom:10px}.alert-inset{margin:0 15px 20px 15px}.stat-icon-emerald{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon-amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-icon-brand{background:linear-gradient(135deg,#007cff,#0056b3)}.stat-icon-slate{background:linear-gradient(135deg,#64748b,#475569)}.stat-value-success{color:var(--success-color)}.stat-cards-row{margin:0 0 20px 0}.stat-card-flush{margin:0}.btn-block{width:100%}.btn-block-lg{width:100%;padding:15px}.btn-quick-action,.btn-quick-action:hover{width:100%;padding:15px;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary)}.btn-quick-action .fa-boxes-stacked{color:var(--primary-color)}.btn-quick-action .fa-file-invoice-dollar{color:var(--success-color)}.btn-quick-action .fa-database{color:var(--warning-color)}.table-valign-middle{vertical-align:middle}.th-w-60{width:60px}.th-w-80{width:80px}.th-w-100-center{width:100px;text-align:center}.th-actions{width:150px;text-align:center}.td-center{text-align:center}.table-empty-cell{text-align:center;color:var(--text-secondary);padding:40px}.table-empty-cell-sm{text-align:center;color:var(--text-secondary);padding:30px}.table-actions{display:flex;gap:8px;justify-content:center}.form-inline{display:inline}.text-profit-pos{color:var(--success-color);font-weight:600}.text-profit-neg{color:var(--danger-color);font-weight:600}.product-thumb{width:50px;height:50px;object-fit:cover;border-radius:var(--radius-ui);border:1px solid var(--panel-border)}.product-thumb-placeholder{width:35px;height:35px;border-radius:var(--radius-ui);background:linear-gradient(135deg,#007cff,#8b5cf6);display:flex;align-items:center;justify-content:center;color:white}.product-thumb-placeholder i{font-size:18px}.modal-sm{max-width:350px}.modal-md{max-width:400px}.modal-lg{max-width:450px}.modal-xl{max-width:500px}.modal-xxl{max-width:550px}.modal-body-receipt{background:#f1f5f9;padding:15px}.modal-body-receipt-lg{background:#f1f5f9;padding:20px}.modal-body-center{text-align:center}.modal-body-checkout{padding:20px}.modal-z-high{z-index:1200}.modal-footer-gap{gap:10px}.modal-footer-center{justify-content:center;gap:15px}.modal-content-center{text-align:center;max-width:360px}.form-group-flush{margin:0}.form-group-min-w-150{margin:0;min-width:150px}.form-group-flex-grow{margin:0;flex:1;min-width:200px}.form-group-mb-0{margin-bottom:0}.form-group-mb-15{margin-bottom:15px}.form-control-h42{height:42px}.form-help-sm{font-size:11px;color:var(--text-secondary);display:block;margin-top:5px}.reports-filter-form{display:flex;flex-wrap:wrap;gap:15px;align-items:flex-end}.custom-date-picker-group{display:flex;gap:10px}.custom-date-picker-group.is-hidden{display:none}@media (max-width:767.98px){.reports-filter-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row dense;gap:10px}.reports-filter-form>*{grid-column:1 / -1;min-width:0}.reports-filter-form>.reports-filter-half{grid-column:auto}}.chart-wrap{position:relative;height:300px;width:100%}.panel-meta-count{font-size:12px;color:var(--text-secondary)}.settings-form-wrap{margin:0}.settings-grid{margin:0 0 15px}.settings-hint{font-size:12px;color:var(--text-secondary);display:block;margin-bottom:10px}.settings-textarea{min-height:90px;resize:vertical;line-height:1.5}.settings-switch{display:inline-flex;align-items:center;gap:10px;margin:0 12px 0 0;vertical-align:middle;cursor:pointer;user-select:none}.settings-switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.settings-switch-track{position:relative;flex-shrink:0;width:46px;height:26px;border-radius:999px;background:#cbd5e1;transition:var(--transition)}.settings-switch-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#ffffff;box-shadow:0 1px 3px rgba(15,23,42,0.3);transition:var(--transition)}.settings-switch input:checked + .settings-switch-track{background:var(--success-color)}.settings-switch input:checked + .settings-switch-track .settings-switch-thumb{transform:translateX(20px)}.settings-switch input:focus-visible + .settings-switch-track{outline:2px solid var(--primary-color);outline-offset:2px}.settings-switch-text{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-switch-on,.settings-switch input:checked ~ .settings-switch-text .settings-switch-off{display:none}.settings-switch input:checked ~ .settings-switch-text .settings-switch-on{display:inline}.btn-beep-test{vertical-align:middle}.btn-save-settings{width:auto}.backup-title-primary{margin-bottom:12px;color:var(--primary-color)}.backup-title-danger{margin-bottom:12px;color:var(--danger-color)}.backup-desc{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px}.text-warning-bold{color:var(--danger-color);font-weight:bold}.dropdown-user-header{padding:10px 14px;border-bottom:1px solid var(--panel-border);font-size:12px}.dropdown-user-name{font-weight:600;color:var(--text-primary)}.dropdown-user-role{color:var(--text-secondary);text-transform:capitalize;margin-top:4px}.dropdown-item-danger{color:var(--danger-color)}button.btn:disabled{opacity:0.5;cursor:not-allowed}body.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--body-bg);padding:20px}.login-card{width:100%;max-width:420px;padding:40px;animation:zoomIn 0.4s cubic-bezier(0.4,0,0.2,1)}.login-logo{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:30px;text-align:center}.login-logo img{width:64px;height:64px}.login-logo h1{font-family:var(--font-heading);font-weight:800;font-size:26px;color:var(--text-primary);letter-spacing:-0.5px}.login-logo p{font-size:14px;color:var(--text-secondary)}.login-theme-toggle{position:absolute;top:20px;right:20px}.login-form-group-last{margin-bottom:25px}.btn-login-submit{width:100%;padding:14px 20px}.btn-login-submit i{margin-left:5px}body.install-body{min-height:100vh;background:var(--body-bg);padding:24px 16px 48px}.install-wrap{max-width:720px;margin:0 auto}.install-header{text-align:center;margin-bottom:28px}.install-header h1{font-family:var(--font-heading);font-weight:800;font-size:28px;margin-bottom:8px}.install-subtitle{color:var(--text-secondary)}.install-steps{display:flex;gap:8px;justify-content:center;margin-bottom:24px;flex-wrap:wrap}.install-step{font-size:12px;padding:6px 14px;border-radius:var(--radius-ui);border:1px solid var(--panel-border);color:var(--text-secondary)}.install-step.active{background:var(--primary-color);color:#fff;border-color:transparent}.req-list{list-style:none;padding:0;margin:0}.req-list li{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--panel-border);font-size:14px}.req-list li:last-child{border-bottom:none}.badge-ok{color:var(--success-color);font-weight:600}.badge-fail{color:var(--danger-color);font-weight:600}.panel-install-center{padding:28px;text-align:center}.panel-install-center p{margin-bottom:16px}.panel-install{padding:24px}.install-panel-title{margin-bottom:16px}.req-detail{display:block;color:var(--text-secondary);font-size:11px}.install-actions-end{margin-top:24px;display:flex;justify-content:flex-end}.grid-gap-12{gap:12px}.install-divider{border:none;border-top:1px solid var(--panel-border);margin:20px 0}.install-section-title{font-size:15px;margin-bottom:12px}.install-note{font-size:12px;color:var(--text-secondary);margin:16px 0}.install-nav-buttons{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.install-success-panel{padding:28px}.alert-mb-16{margin-bottom:16px}.alert-mb-20{margin-bottom:20px}.install-creds-table{margin-bottom:20px}.install-warning{font-size:13px;color:var(--danger-color);margin-bottom:20px}.btn-login-full{width:100%;text-align:center}#posLeftPane#posLeftPane{display:flex;flex-direction:column;height:100%;flex:1}#posLandscapeViewport#posLandscapeViewport .product-search-wrapper{display:flex;gap:10px;align-items:center}#posLandscapeViewport#posLandscapeViewport .product-search-field-wrap{position:relative;flex:1}#btnStartScanner#btnStartScanner{flex-shrink:0;height:42px;width:42px}#posLandscapeViewport#posLandscapeViewport .pos-catalog-panel{margin:0;flex:1;display:flex;flex-direction:column;overflow:hidden}#posLandscapeViewport#posLandscapeViewport .pos-catalog-panel>.panel-header{margin-bottom:10px}#catalogCount#catalogCount{font-size:12px;color:var(--text-secondary)}#posRightPane#posRightPane{margin:0;display:flex;flex-direction:column;height:100%;justify-content:space-between}#posLandscapeViewport#posLandscapeViewport .cart-wrapper-full{display:flex;flex-direction:column;height:100%;justify-content:space-between;flex:1;overflow:hidden}#posLandscapeViewport#posLandscapeViewport .cart-upper{display:flex;flex-direction:column;flex:1;overflow:hidden}#posLandscapeViewport#posLandscapeViewport .cart-header-compact{margin-bottom:10px;padding-bottom:5px}#cartItemsList#cartItemsList{flex:1;overflow-y:auto}#posLandscapeViewport#posLandscapeViewport .cart-action-buttons{display:flex;gap:10px;margin-top:15px;flex-shrink:0}#btnCancelCart#btnCancelCart{flex:1;height:50px}#btnPayCartOpen#btnPayCartOpen{flex:3;height:50px;font-weight:bold;font-size:16px}#emptyCartMessage#emptyCartMessage{text-align:center;color:var(--text-secondary);padding:40px 10px;font-size:15px;font-weight:300}#emptyCartMessage#emptyCartMessage i{font-size:32px;margin-bottom:50px;display:block;color:var(--text-muted)}.btn-flex-1{flex:1}#qrisModal#qrisModal .btn-flex-1{flex:1}.field-relative{position:relative}#checkoutModal#checkoutModal .modal-body-checkout{padding:20px}#checkoutModal#checkoutModal .checkout-summary-gap{display:flex;flex-direction:column;gap:0}#checkoutModal#checkoutModal .summary-row-border{border-bottom:1px solid var(--panel-border);padding-bottom:0}#modalCartPrice#modalCartPrice{font-size:24px;font-weight:800;color:var(--primary-color)}#cashPaymentInput#cashPaymentInput{font-size:24px;font-weight:800;height:50px;text-align:right}#checkoutModal#checkoutModal .summary-row-highlight{background:rgba(0,0,0,0.02);padding:10px;border-radius:var(--radius-ui);border:1px solid var(--panel-border)}#cashChangeAmount#cashChangeAmount{font-size:20px;font-weight:800;color:var(--success-color)}#checkoutModal#checkoutModal .modal-footer-gap{gap:10px}#checkoutModal#checkoutModal .checkout-cancel-btn{padding:12px 20px}#btnSaveTransaction#btnSaveTransaction{flex:1;font-weight:bold;font-size:15px}.scanner-reader-fill{width:100%;height:100%}.scanner-options{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:10px}.scanner-checkbox-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--text-primary)}.qris-label-muted{font-size:14px;color:var(--text-secondary);margin-bottom:5px}#qrisModalAmount{font-size:26px;font-weight:800;color:var(--primary-color);margin-bottom:20px}#qrisImageContainer{margin-bottom:20px;display:flex;justify-content:center}.qris-hint{font-size:12px;color:var(--text-secondary);background:rgba(0,0,0,0.02);padding:10px;border-radius:var(--radius-ui)}#productCatalogGrid#productCatalogGrid .product-grid-empty{grid-column:1 / -1;text-align:center;color:var(--text-secondary);padding:40px}#productCatalogGrid#productCatalogGrid .product-card--dimmed{opacity:0.6}#productCatalogGrid#productCatalogGrid .product-card-img--placeholder{background:linear-gradient(135deg,#007cff,#8b5cf6);display:flex;align-items:center;justify-content:center;color:white}#productCatalogGrid#productCatalogGrid .product-card-img--placeholder i{font-size:32px}#productCatalogGrid#productCatalogGrid .product-card-body{flex:1 0 auto;min-height:auto;display:flex;flex-direction:column;gap:5px}#productCatalogGrid#productCatalogGrid .product-card-code{font-size:11px;color:var(--text-muted);text-align:left}.receipt-tagline{font-size:10px}.receipt-table-totals{font-weight:bold}.receipt-table .receipt-row-normal{font-weight:normal}.receipt-table .receipt-pay-method{text-transform:uppercase}.receipt-table .text-right{text-align:right}.receipt-footer{text-align:center;margin-top:10px;font-size:10px}.receipt-logo-img{max-height:40px;margin-bottom:5px;object-fit:contain}.qris-img-print{max-width:220px;height:auto;border:1px solid #ddd;padding:10px;border-radius:var(--radius-ui);background:white}.qris-missing-box{padding:20px;border:1px dashed var(--danger-color);border-radius:var(--radius-ui);background:rgba(239,68,68,0.05);color:var(--danger-color);font-size:13px;width:100%}.qris-missing-box i{font-size:24px;margin-bottom:8px;display:block}.qris-missing-box a{color:var(--primary-color);font-weight:600;text-decoration:underline}.loading-center{text-align:center;padding:40px}.loading-center-sm{text-align:center;padding:30px}.loading-spinner{font-size:32px;color:var(--primary-color)}.loading-spinner-sm{font-size:24px;color:var(--primary-color)}.tx-details-meta{display:flex;justify-content:space-between;margin-bottom:15px;font-size:13px}.tx-details-meta-right{text-align:right}.tx-details-table-wrap{margin-bottom:15px;border:1px solid var(--panel-border);border-radius:var(--radius-ui)}.table-compact{font-size:13px;margin:0}.th-right{text-align:right}.td-right{text-align:right}.td-right-bold{text-align:right;font-weight:700}.tx-item-code{font-size:11px;color:var(--text-secondary)}.tx-summary-box{display:flex;flex-direction:column;gap:6px;background:rgba(0,0,0,0.02);padding:12px;border-radius:var(--radius-ui)}.tx-summary-row{display:flex;justify-content:space-between;font-size:13px}.tx-summary-total{display:flex;justify-content:space-between;font-weight:700;font-size:15px;color:var(--primary-color)}.tx-summary-method{font-weight:700;text-transform:uppercase}.alert-flush{margin:0}.barcode-label-shop{font-size:10px;font-weight:bold;margin-bottom:2px}.barcode-label-name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barcode-label-svg{margin:5px 0}.barcode-label-price{font-size:12px;font-weight:bold;margin-top:2px}.prod-code-row{display:flex;gap:10px;align-items:center}#btnStartProdScanner{flex-shrink:0}.grid-gap-10{gap:10px}.scanner-hint{font-size:12px;color:var(--text-secondary)}.image-picker{position:relative;display:flex;align-items:center;gap:14px;padding:12px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-ui);box-shadow:var(--shadow);transition:var(--transition)}.image-picker.is-changed{border-color:var(--primary-color)}.image-picker-file,.image-dropzone-input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;pointer-events:none}.image-picker-preview{position:relative;flex-shrink:0;width:76px;height:76px;padding:0;border:none;border-radius:var(--radius-ui);overflow:hidden;cursor:pointer;background:rgba(0,124,255,0.08);display:flex;align-items:center;justify-content:center;transition:var(--transition)}.image-picker-preview:hover{box-shadow:0 0 0 2px var(--primary-color)}.image-picker-img{display:none;width:100%;height:100%;object-fit:cover}.image-picker.has-image .image-picker-img{display:block}.image-picker.has-image .image-picker-empty{display:none}.image-picker--contain .image-picker-preview,.image-picker--square .image-picker-preview{background:#ffffff}.image-picker--contain .image-picker-img,.image-picker--square .image-picker-img{object-fit:contain;padding:4px}.image-picker--square .image-picker-preview{width:100px;height:100px}.image-picker-empty{font-size:26px;color:var(--primary-color)}.image-picker-body{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.image-picker-title{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-picker-badge{align-self:flex-start;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:rgba(0,124,255,0.1);color:var(--primary-color)}.image-picker-badge:empty{display:none}.image-picker-hint{font-size:12px;color:var(--text-muted)}.image-picker-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.image-picker-actions:has(.image-picker-remove--icon){flex-wrap:nowrap}.image-picker-remove--icon{flex-shrink:0;width:36px;min-width:36px;padding-left:0;padding-right:0}@media (max-width:1024px){.image-picker-remove--icon{width:42px;min-width:42px;padding-left:0 !important;padding-right:0 !important}}.image-picker:not(.has-image) .image-picker-remove{display:none}.image-source-modal{z-index:1300}html.page-transaction-compact .modal.image-source-modal{z-index:2100}.not-found-body{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.not-found-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:rgba(245,158,11,0.12);color:var(--warning-color);font-size:24px;margin-bottom:4px}.not-found-text{margin:0;font-size:14px;color:var(--text-secondary)}.not-found-code{display:inline-block;max-width:100%;padding:6px 12px;border-radius:var(--radius-ui);background:var(--input-bg);border:1px solid var(--input-border);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:15px;font-weight:700;color:var(--text-primary);word-break:break-all}.not-found-question{margin:6px 0 0;font-size:14px;font-weight:600;color:var(--text-primary)}.quick-product-error{margin-bottom:15px}.quick-product-error.is-hidden{display:none}.quick-product-cart-option{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;cursor:pointer}@media (max-width:767.98px){#quickProductModal .grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}#quickProductModal .grid-3>:first-child{grid-column:1 / -1}}.image-source-content{max-width:520px}.image-source-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-source-option{display:flex;align-items:center;gap:12px;padding:14px;text-align:left;background:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-ui);color:var(--text-primary);cursor:pointer;transition:var(--transition)}.image-source-option:hover{border-color:rgba(0,124,255,0.4)}.image-source-option.is-active{border-color:var(--primary-color);background:rgba(0,124,255,0.06)}.image-source-icon{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-ui);display:flex;align-items:center;justify-content:center;font-size:18px;background:rgba(0,124,255,0.1);color:var(--primary-color);transition:var(--transition)}.image-source-option.is-active .image-source-icon{background:var(--primary-color);color:#ffffff}.image-source-text{display:flex;flex-direction:column;gap:2px;min-width:0}.image-source-text strong{font-size:14px}.image-source-text small{font-size:12px;color:var(--text-secondary)}.image-source-panel{margin-top:16px}.image-source-panel.is-hidden{display:none}.image-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:28px 16px;text-align:center;border:2px dashed rgba(100,116,139,0.35);border-radius:var(--radius-ui);background:rgba(0,124,255,0.03);cursor:pointer;transition:var(--transition)}.image-dropzone:hover,.image-dropzone.is-dragover{border-color:var(--primary-color);background:rgba(0,124,255,0.08)}.image-dropzone-icon{font-size:34px;color:var(--primary-color)}.image-dropzone-title{font-size:15px;font-weight:600;color:var(--text-primary)}.image-dropzone-sub{font-size:13px;color:var(--text-secondary)}.image-dropzone-hint{font-size:12px;color:var(--text-muted)}.image-url-row{display:flex;gap:8px}.image-url-note{margin-top:8px;font-size:12px;color:var(--text-secondary)}.image-url-note i{margin-right:4px}.image-source-preview{display:none;align-items:center;gap:12px;margin-top:16px;padding:10px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-ui)}.image-source-preview.is-visible{display:flex}.image-source-preview-frame{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-ui);overflow:hidden;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.image-source-preview-frame img{width:100%;height:100%;object-fit:contain}.image-source-preview-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.image-source-preview-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-source-preview-size{font-size:12px;color:var(--text-secondary)}.image-source-error{display:none;margin-top:12px;padding:10px 12px;border-radius:var(--radius-ui);background:rgba(239,68,68,0.1);color:var(--danger-color);font-size:13px}.image-source-error.is-visible{display:block}.file-drop{position:relative;display:flex;align-items:center;gap:14px;padding:16px;border:1px dashed rgba(100,116,139,0.35);border-radius:var(--radius-ui);background:rgba(0,124,255,0.03);cursor:pointer;transition:var(--transition)}.file-drop:hover,.file-drop.is-dragover{border-color:var(--primary-color);background:rgba(0,124,255,0.08)}.file-drop.has-file{border-style:solid;border-color:var(--success-color);background:rgba(16,185,129,0.06)}.file-drop-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop-icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-ui);display:flex;align-items:center;justify-content:center;font-size:20px;background:rgba(0,124,255,0.1);color:var(--primary-color)}.file-drop.has-file .file-drop-icon{background:rgba(16,185,129,0.15);color:var(--success-color)}.file-drop-text{display:flex;flex-direction:column;gap:2px;min-width:0}.file-drop-text strong{font-size:14px;color:var(--text-primary)}.file-drop-name{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.media-stat{display:flex;align-items:center;gap:12px;padding:15px;background:var(--panel-bg);border-radius:var(--radius-ui);box-shadow:var(--shadow)}.media-stat-icon{flex-shrink:0;width:42px;height:42px;border-radius:var(--radius-ui);display:flex;align-items:center;justify-content:center;font-size:18px;color:#ffffff;background:linear-gradient(135deg,#007cff,#0056b3)}.media-stat-icon--slate{background:linear-gradient(135deg,#64748b,#475569)}.media-stat-icon--amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.media-stat-icon--violet{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.media-stat-text{display:flex;flex-direction:column;min-width:0}.media-stat-text strong{font-family:var(--font-heading);font-size:18px;color:var(--text-primary)}.media-stat-text small{font-size:12px;color:var(--text-secondary)}.media-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;flex-wrap:wrap}.media-filters{display:inline-flex;gap:4px;padding:4px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-ui)}.media-filter{border:none;background:transparent;padding:7px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);border-radius:var(--radius-ui);cursor:pointer;transition:var(--transition)}.media-filter:hover{color:var(--primary-color)}.media-filter.is-active{background:var(--primary-color);color:#ffffff}.media-search{position:relative;flex:0 1 280px;min-width:0}.media-search i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.media-search .form-control{padding-left:40px}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.media-card{display:flex;flex-direction:column;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-ui);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition)}.media-card:hover{border-color:var(--primary-color)}.media-bulk-bar{display:flex;align-items:center;gap:12px;padding:8px 12px;margin-bottom:15px;background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-ui);transition:var(--transition)}.media-bulk-bar.has-selection{border-color:var(--danger-color);background:rgba(239,68,68,0.06)}.media-bulk-all{display:inline-flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;user-select:none}.media-bulk-all input{width:18px;height:18px;margin:0;accent-color:var(--primary-color);cursor:pointer}.media-bulk-count{font-size:13px;color:var(--text-secondary)}.media-bulk-actions{display:flex;gap:8px;margin-left:auto}.media-card{position:relative}.media-card.is-selected{border-color:var(--danger-color);box-shadow:0 0 0 2px rgba(239,68,68,0.25)}.media-select{position:absolute;top:8px;right:8px;z-index:2;margin:0;cursor:pointer}.media-select input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.media-select-box{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,0.92);border:2px solid #94a3b8;color:transparent;font-size:12px;box-shadow:0 1px 3px rgba(15,23,42,0.2);transition:var(--transition)}.media-select:hover .media-select-box{border-color:var(--danger-color)}.media-select input:checked + .media-select-box{background:var(--danger-color);border-color:var(--danger-color);color:#ffffff}.media-select input:focus-visible + .media-select-box{outline:2px solid var(--primary-color);outline-offset:2px}.media-card.is-hidden{display:none}.media-thumb{position:relative;display:block;width:100%;aspect-ratio:4 / 3;padding:0;border:none;cursor:zoom-in;background-color:#f1f5f9;background-image:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}.media-thumb img{width:100%;height:100%;object-fit:contain;display:block}.media-status{position:absolute;top:8px;left:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.4px;padding:3px 8px;border-radius:999px;color:#ffffff}.media-status--used{background:var(--success-color)}.media-status--unused{background:var(--warning-color)}.media-status--external{background:#8b5cf6}.media-card-body{display:flex;flex-direction:column;gap:3px;padding:10px 12px 6px;min-width:0;flex:1}.media-card-name{font-size:13px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-meta{font-size:11px;color:var(--text-secondary)}.media-card-usage{font-size:11px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-card-actions{display:flex;gap:6px;padding:6px 12px 12px}.media-card-actions .form-inline{margin-left:auto}.media-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:50px 20px;text-align:center;color:var(--text-secondary)}.media-empty i{font-size:40px;color:var(--text-muted);margin-bottom:6px}.media-empty p{font-size:15px;font-weight:600;color:var(--text-primary)}.media-empty span{font-size:13px}.media-empty.is-hidden{display:none}.media-preview-content{max-width:720px}.media-preview-frame{display:flex;align-items:center;justify-content:center;min-height:200px;max-height:60vh;background:#f1f5f9;border-radius:var(--radius-ui);overflow:hidden}.media-preview-frame img{max-width:100%;max-height:60vh;object-fit:contain}.media-preview-info{display:flex;flex-direction:column;gap:4px;margin-top:12px;font-size:13px;color:var(--text-secondary);word-break:break-all}@media (max-width:1024px){.media-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#emptyCartMessage#emptyCartMessage{font-size:11px}}@media (max-width:767.98px){.media-stats{margin-bottom:10px}.media-stat{padding:10px;gap:10px}.media-stat-icon{width:34px;height:34px;font-size:14px}.media-stat-text strong{font-size:15px}.media-toolbar{flex-direction:column;align-items:stretch}.media-filters{display:flex}.media-filter{flex:1}.media-search{flex:1 1 auto}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}@media (max-width:480px){.image-source-options{grid-template-columns:1fr}.image-picker-preview{width:64px;height:64px}}#posLandscapeViewport#posLandscapeViewport.is-rotated{position:absolute;top:0;left:var(--pos-rot-left,0);width:var(--pos-rot-width,100%);height:var(--pos-rot-height,100%);transform:rotate(90deg);transform-origin:top left;z-index:2}