@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";.mpm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.mpm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.mpm-header-icon{font-size:18px}.mpm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.mpm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mpm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.mpm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.mpm-btn-icon{flex-shrink:0;font-size:12px}.mpm-btn-text{display:inline-block}.mpm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mpm-close-all-compact:hover{color:#dc2626;background:#fecaca}.mpm-button-bar::-webkit-scrollbar-track{background:0 0}.mpm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mpm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.mpm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.mpm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mpm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mpm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.mpm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.mpm-mobile-menu-content::-webkit-scrollbar{width:4px}.mpm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.mpm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.mpm-header-compact{height:44px;padding:0 10px}.mpm-header-title{gap:6px;font-size:14px}.mpm-header-icon{font-size:16px}.mpm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.mpm-mobile-menu-overlay{display:block}.mpm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.mpm-button-bar{display:none}.mpm-tab-labels{gap:1px;height:32px;padding:0 4px}.mpm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.mpm-tab-label-text{display:none}.mpm-tab-label-icon{font-size:10px}.mpm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.mpm-content{padding:12px}.manage-section{margin-bottom:10px;padding:12px}.manage-section h3{margin-bottom:4px;font-size:14px}.manage-section p{font-size:11px}.mpm-empty h2{font-size:16px}.mpm-empty p{font-size:12px}.mpm-empty-icon{font-size:48px}}@media (width<=480px){.mpm-header-compact{height:40px;padding:0 8px}.mpm-header-title{gap:4px;font-size:12px}.mpm-header-icon{font-size:14px}.mpm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.mpm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.mpm-mobile-menu-header{padding:8px 10px}.mpm-mobile-menu-header h3{font-size:12px}.mpm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.mpm-mobile-menu-icon{min-width:14px;font-size:12px}.mpm-mobile-menu-footer{padding:6px 10px}.mpm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.mpm-tab-labels{gap:0;height:28px;padding:0 2px}.mpm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.mpm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.mpm-content{padding:10px}.manage-section{margin-bottom:8px;padding:10px}.manage-section h3{margin-bottom:3px;font-size:12px}.manage-section p{font-size:10px}.mpm-empty-icon{font-size:40px}.mpm-empty h2{font-size:14px}.mpm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.mpm-header-title span{display:none}.mpm-header-icon{font-size:16px}.mpm-header-compact{height:38px;padding:0 6px}.mpm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.mpm-mobile-menu-icon{font-size:11px}.mpm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.mpm-tab-label-icon{font-size:8px}.mpm-tab-label-close{width:8px;height:8px;font-size:5px}.mpm-content{padding:8px}.manage-section{margin-bottom:6px;padding:8px}.manage-section h3{font-size:11px}.manage-section p{font-size:9px}.mpm-empty-icon{font-size:36px}.mpm-empty h2{font-size:12px}.mpm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.mpm-header-compact{height:40px}.mpm-header-title{font-size:13px}.mpm-button-bar{height:36px;padding:0 4px}.mpm-btn-with-label{padding:4px 8px;font-size:10px}.mpm-tab-labels{height:28px}.mpm-tab-label{padding:4px 8px;font-size:8px}.mpm-content{padding:12px}.mpm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.mpm-container{background:#1f2937}.mpm-button-bar,.mpm-mobile-menu,.mpm-tab-labels,.mpm-content{background:#111827;border-bottom-color:#374151}.mpm-header-compact{border-bottom-color:#374151}.mpm-btn-with-label,.mpm-tab-label{color:#d1d5db}.mpm-btn-with-label:hover,.mpm-tab-label:hover{background:#1f2937}.mpm-mobile-menu-item{color:#d1d5db}.mpm-mobile-menu-item:active{background:#1f2937}.mpm-mobile-menu-header,.mpm-mobile-menu-footer{background:#1f2937;border-color:#374151}.mpm-mobile-menu-header h3{color:#f3f4f6}.manage-section{background:#1f2937;border-left-color:#667eea}.manage-section h3{color:#f3f4f6}.manage-section p{color:#9ca3af}.mpm-empty h2{color:#f3f4f6}.mpm-empty p,.mpm-empty-icon{color:#9ca3af}}@media print{.mpm-header-compact,.mpm-button-bar,.mpm-mobile-menu,.mpm-tab-labels,.mpm-mobile-menu-toggle,.mpm-close-all-compact{display:none}.mpm-container{height:auto}.mpm-content{padding:0}}@media (prefers-reduced-motion:reduce){.mpm-btn-with-label,.mpm-tab-label,.mpm-mobile-menu-item,.mpm-tab-content,.mpm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.mpm-btn-with-label.active,.mpm-tab-label.active,.mpm-mobile-menu-item.active{border-width:2px;font-weight:700}.mpm-header-compact{border-bottom-width:2px}}.msm-loading{text-align:center;color:#6b7280;padding:40px;font-size:14px}.msm-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:7px 10px;font-size:12px;transition:all .3s}.msm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 1px 3px #667eea4d}.msm-pagination{background-color:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.msm-modal-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.msm-modal{background:#fff;border-radius:10px;width:90%;max-width:500px;max-height:85vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.msm-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.msm-modal-close:hover{color:#1f2937;transform:rotate(90deg)}.msm-modal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:5px;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.msm-form-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:5px;width:100%;padding:7px 10px;font-family:inherit;font-size:12px;transition:all .3s}@media (width<=768px){.msm-controls-section{flex-direction:column;gap:8px}.msm-search-section{width:100%}.msm-add-btn{justify-content:center;width:100%}.msm-modal{width:95%;max-height:90vh}.msm-table th,.msm-table td{padding:6px;font-size:11px}.msm-pagination{flex-direction:column;gap:8px}}@media (width<=480px){.msm-container{padding:8px}.msm-modal{width:98%;max-height:95vh}.msm-table{font-size:11px}.msm-table th,.msm-table td{padding:5px}.msm-actions-cell{flex-direction:row;gap:6px}}.smm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.smm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.smm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.smm-header-icon{font-size:18px}.smm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.smm-mobile-menu-toggle:active{background:#fff3}.smm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.smm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.smm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.smm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.smm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.smm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.smm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.smm-mobile-menu-item:active{background:#f3f4f6}.smm-mobile-menu-item.active{color:#667eea;background:#f0f4ff;border-left-color:#667eea}.smm-mobile-menu-item.open{background:#fafafa}.smm-mobile-menu-icon{min-width:16px;font-size:14px}.smm-mobile-menu-label{flex:1}.smm-mobile-menu-badge{color:#667eea;font-size:10px;font-weight:700}.smm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.smm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.smm-mobile-close-all:active{background:#fecaca}.smm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.smm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.smm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.smm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.smm-btn-with-label:active{transform:scale(.97)}.smm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.smm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.smm-btn-icon{flex-shrink:0;font-size:12px}.smm-btn-text{display:inline-block}.smm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.smm-close-all-compact:hover{color:#dc2626;background:#fecaca}.smm-close-all-compact:active{transform:scale(.97)}.smm-button-bar::-webkit-scrollbar{height:3px}.smm-button-bar::-webkit-scrollbar-track{background:0 0}.smm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.smm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.smm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.smm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.smm-tabs-scroll::-webkit-scrollbar{height:3px}.smm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.smm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.smm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.smm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.smm-tab-label:hover{color:#374151;background:#f3f4f6}.smm-tab-label:active{transform:scale(.97)}.smm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.smm-tab-label-icon{font-size:10px}.smm-tab-label-text{display:inline-block}.smm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.smm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.smm-tab-label-close:active{transform:scale(.85)}.smm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.smm-tab-content{animation:.2s ease-out slideIn}.smm-content::-webkit-scrollbar{width:6px}.smm-content::-webkit-scrollbar-track{background:0 0}.smm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.smm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.smm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.smm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.smm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.smm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.smm-mobile-menu-content::-webkit-scrollbar{width:4px}.smm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.smm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.smm-header-compact{height:44px;padding:0 10px}.smm-header-title{gap:6px;font-size:14px}.smm-header-icon{font-size:16px}.smm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.smm-mobile-menu-overlay{display:block}.smm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.smm-button-bar{display:none}.smm-tab-labels{gap:1px;height:32px;padding:0 4px}.smm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.smm-tab-label-text{display:none}.smm-tab-label-icon{font-size:10px}.smm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.smm-content{padding:12px}.smm-empty h2{font-size:16px}.smm-empty p{font-size:12px}.smm-empty-icon{font-size:48px}}@media (width<=480px){.smm-header-compact{height:40px;padding:0 8px}.smm-header-title{gap:4px;font-size:12px}.smm-header-icon{font-size:14px}.smm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.smm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.smm-mobile-menu-header{padding:8px 10px}.smm-mobile-menu-header h3{font-size:12px}.smm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.smm-mobile-menu-icon{min-width:14px;font-size:12px}.smm-mobile-menu-footer{padding:6px 10px}.smm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.smm-tab-labels{gap:0;height:28px;padding:0 2px}.smm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.smm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.smm-content{padding:10px}.smm-empty-icon{font-size:40px}.smm-empty h2{font-size:14px}.smm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.smm-header-title span{display:none}.smm-header-icon{font-size:16px}.smm-header-compact{height:38px;padding:0 6px}.smm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.smm-mobile-menu-icon{font-size:11px}.smm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.smm-tab-label-icon{font-size:8px}.smm-tab-label-close{width:8px;height:8px;font-size:5px}.smm-content{padding:8px}.smm-empty-icon{font-size:36px}.smm-empty h2{font-size:12px}.smm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.smm-header-compact{height:40px}.smm-header-title{font-size:13px}.smm-button-bar{height:36px;padding:0 4px}.smm-btn-with-label{padding:4px 8px;font-size:10px}.smm-tab-labels{height:28px}.smm-tab-label{padding:4px 8px;font-size:8px}.smm-content{padding:12px}.smm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.smm-container{background:#1f2937}.smm-button-bar,.smm-mobile-menu,.smm-tab-labels,.smm-content{background:#111827;border-bottom-color:#374151}.smm-header-compact{border-bottom-color:#374151}.smm-btn-with-label,.smm-tab-label{color:#d1d5db}.smm-btn-with-label:hover,.smm-tab-label:hover{background:#1f2937}.smm-btn-with-label.active{color:#a5b4fc;background:#667eea26;border-color:#667eea}.smm-tab-label.active{color:#a5b4fc;background:#667eea1a;border-bottom-color:#667eea}.smm-mobile-menu-item{color:#d1d5db}.smm-mobile-menu-item.active{color:#a5b4fc;background:#667eea26}.smm-mobile-menu-header,.smm-mobile-menu-footer{background:#1f2937;border-color:#374151}.smm-mobile-menu-header h3,.smm-empty h2{color:#f3f4f6}.smm-empty p,.smm-empty-icon{color:#9ca3af}}@media print{.smm-header-compact,.smm-button-bar,.smm-mobile-menu,.smm-tab-labels,.smm-mobile-menu-toggle,.smm-close-all-compact{display:none}.smm-container{height:auto}.smm-content{padding:0}}@media (prefers-reduced-motion:reduce){.smm-btn-with-label,.smm-tab-label,.smm-mobile-menu-item,.smm-tab-content,.smm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.smm-btn-with-label.active,.smm-tab-label.active,.smm-mobile-menu-item.active{border-width:2px;font-weight:700}.smm-header-compact{border-bottom-width:2px}}.sm-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sm-header{background:#fff;border-radius:8px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 6px #0000000f}.sm-main-title{color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;margin:0 0 4px;font-size:20px;font-weight:700;display:flex}.sm-subtitle{color:#718096;margin:0;font-size:12px}.sm-filters-section{background:#fff;border-radius:8px;margin-bottom:16px;padding:14px 16px;box-shadow:0 2px 6px #0000000f}.sm-filters-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.sm-filters-title{color:#1a202c;margin:0;font-size:14px;font-weight:700}.sm-clear-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 6px #f5576c4d}.sm-clear-all-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #f5576c66}.sm-filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sm-filter-item{position:relative}.sm-filter-label{color:#4a5568;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.sm-search-wrapper{align-items:center;display:flex;position:relative}.sm-search-icon{color:#a0aec0;pointer-events:none;font-size:14px;position:absolute;left:10px}.sm-search-input{color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 10px 8px 32px;font-family:inherit;font-size:12px;transition:all .3s}.sm-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.sm-search-input::placeholder{color:#cbd5e1}.sm-clear-btn{color:#a0aec0;cursor:pointer;background:0 0;border:none;padding:4px;font-size:12px;transition:all .2s;position:absolute;right:8px}.sm-clear-btn:hover{color:#ef4444}.sm-suggestions-dropdown{z-index:1000;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 6px 6px;max-height:150px;margin-top:-2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 12px #667eea26}.sm-suggestion-item{cursor:pointer;color:#4a5568;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:all .2s;display:flex}.sm-suggestion-item:hover{color:#667eea;background:#f8fafc;padding-left:16px}.sm-suggestion-item:last-child{border-bottom:none}.sm-suggestion-item svg{color:#667eea;font-size:12px}.sm-selected-tag{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;align-items:center;gap:6px;margin-top:6px;padding:4px 10px;font-size:11px;font-weight:600;animation:.3s slideIn;display:inline-flex}.sm-selected-tag button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;padding:0;font-size:10px;transition:opacity .2s;display:flex}.sm-selected-tag button:hover{opacity:1}.sm-table-section{background:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 6px #0000000f}.sm-table-container{max-height:600px;position:relative;overflow-x:auto}.sm-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:12px;font-weight:600}.sm-table thead{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.sm-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.4px;background:0 0;border-bottom:2px solid #fff3;padding:10px 12px;font-size:11px;font-weight:700;color:#fff!important}.sm-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s}.sm-table tbody tr:hover{background:#f7fafc}.sm-table tbody td{color:#2d3748;vertical-align:middle;padding:10px 12px;font-size:12px}.sm-store-id{color:#667eea;font-family:Courier New,monospace;font-weight:600}.sm-store-name{color:#2d3748;font-weight:600}.sm-mobile{color:#4a5568;font-family:Courier New,monospace}.sm-no-data{text-align:center;color:#a0aec0;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.sm-no-data img{opacity:.6;width:100px;height:auto;margin-bottom:10px}.sm-no-data p{color:#718096;margin:0;font-size:13px}.sm-no-access{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:40px auto;padding:60px 20px;display:flex;box-shadow:0 4px 12px #0000001a}.sm-no-access-image{width:150px;height:auto;margin-bottom:20px}.sm-no-access p{color:#718096;text-align:center;font-size:14px}.sm-pagination{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 16px;display:flex}.sm-pagination-btn{cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s}.sm-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px)}.sm-pagination-input-group{color:#4a5568;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.sm-pagination-input{text-align:center;color:#2d3748;border:2px solid #e2e8f0;border-radius:4px;width:50px;padding:6px;font-size:12px;font-weight:600}.sm-pagination-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.sm-export-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s;display:inline-flex}.sm-export-excel{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 6px #10b9814d}.sm-export-excel:hover{transform:translateY(-2px);box-shadow:0 4px 10px #10b98166}.sm-export-csv{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 6px #3b82f64d}.sm-export-csv:hover{transform:translateY(-2px);box-shadow:0 4px 10px #3b82f666}.sm-export-pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 6px #ef44444d}.sm-export-pdf:hover{transform:translateY(-2px);box-shadow:0 4px 10px #ef444466}.sm-table-container::-webkit-scrollbar{width:6px;height:6px}.sm-table-container::-webkit-scrollbar-track{background:#f1f5f9}.sm-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.sm-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sm-suggestions-dropdown::-webkit-scrollbar{width:4px}.sm-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}@media (width<=768px){.sm-container{padding:12px}.sm-filters-grid{grid-template-columns:1fr}.sm-table{font-size:11px}.sm-table thead th,.sm-table tbody td{padding:8px 10px}}@media (width<=480px){.sm-table{font-size:10px}.sm-table thead th,.sm-table tbody td{padding:6px 8px}.sm-pagination{flex-direction:column}.sm-pagination-btn{width:100%}}.sm-column-visibility-header{background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;padding:12px 16px;display:flex}.sm-column-visibility-btn-group{position:relative}.sm-column-visibility-toggle{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea4d}.sm-column-visibility-toggle:hover{transform:translateY(-2px);box-shadow:0 4px 10px #667eea66}.sm-column-visibility-menu{z-index:1000;background:#fff;border:2px solid #667eea;border-radius:8px;min-width:200px;margin-top:8px;animation:.3s slideDown;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #00000026}.sm-column-visibility-buttons{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:6px;padding:10px;display:flex}.sm-col-btn{cursor:pointer;color:#4a5568;background:#fff;border:1px solid #cbd5e1;border-radius:4px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.sm-col-btn:hover{color:#fff;background:#667eea;border-color:#667eea}.sm-column-visibility-list{grid-template-columns:repeat(2,1fr);gap:8px;max-height:300px;padding:10px;display:grid;overflow-y:auto}.sm-column-checkbox{cursor:pointer;color:#4a5568;border-radius:4px;align-items:center;gap:6px;padding:6px 8px;font-size:12px;transition:all .2s;display:flex}.sm-column-checkbox:hover{background:#f0f4ff}.sm-column-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.sm-column-checkbox span{-webkit-user-select:none;user-select:none}@media (width<=768px){.sm-column-visibility-list{grid-template-columns:1fr}.sm-column-visibility-menu{min-width:180px}}.sam-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.sam-header-compact{z-index:100;background:linear-gradient(135deg,#27ae60 0%,#229954 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.sam-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.sam-header-icon{font-size:18px}.sam-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.sam-mobile-menu-toggle:active{background:#fff3}.sam-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.sam-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.sam-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.sam-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.sam-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.sam-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.sam-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sam-mobile-menu-item:active{background:#f3f4f6}.sam-mobile-menu-item.active{color:#27ae60;background:#f0fff4;border-left-color:#27ae60}.sam-mobile-menu-item.open{background:#fafafa}.sam-mobile-menu-icon{min-width:16px;font-size:14px}.sam-mobile-menu-label{flex:1}.sam-mobile-menu-badge{color:#27ae60;font-size:10px;font-weight:700}.sam-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.sam-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sam-mobile-close-all:active{background:#fecaca}.sam-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.sam-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.sam-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sam-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.sam-btn-with-label:active{transform:scale(.97)}.sam-btn-with-label.active{color:#27ae60;background:#f0fff4;border-color:#27ae60}.sam-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.sam-btn-icon{flex-shrink:0;font-size:12px}.sam-btn-text{display:inline-block}.sam-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sam-close-all-compact:hover{color:#dc2626;background:#fecaca}.sam-close-all-compact:active{transform:scale(.97)}.sam-button-bar::-webkit-scrollbar{height:3px}.sam-button-bar::-webkit-scrollbar-track{background:0 0}.sam-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sam-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sam-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.sam-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.sam-tabs-scroll::-webkit-scrollbar{height:3px}.sam-tabs-scroll::-webkit-scrollbar-track{background:0 0}.sam-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sam-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sam-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.sam-tab-label:hover{color:#374151;background:#f3f4f6}.sam-tab-label:active{transform:scale(.97)}.sam-tab-label.active{color:#27ae60;background:#f0fff4;border-bottom-color:#27ae60}.sam-tab-label-icon{font-size:10px}.sam-tab-label-text{display:inline-block}.sam-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.sam-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.sam-tab-label-close:active{transform:scale(.85)}.sam-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.sam-tab-content{animation:.2s ease-out slideIn}.sam-content::-webkit-scrollbar{width:6px}.sam-content::-webkit-scrollbar-track{background:0 0}.sam-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sam-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.manage-section{background:#f9f9f9;border-left:4px solid #27ae60;border-radius:6px;padding:16px}.sam-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.sam-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.sam-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.sam-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.sam-mobile-menu-content::-webkit-scrollbar{width:4px}.sam-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.sam-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.sam-header-compact{height:44px;padding:0 10px}.sam-header-title{gap:6px;font-size:14px}.sam-header-icon{font-size:16px}.sam-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.sam-mobile-menu-overlay{display:block}.sam-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.sam-button-bar{display:none}.sam-tab-labels{gap:1px;height:32px;padding:0 4px}.sam-tab-label{gap:3px;padding:4px 8px;font-size:9px}.sam-tab-label-text{display:none}.sam-tab-label-icon{font-size:10px}.sam-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.sam-content,.manage-section{padding:12px}.manage-section h3{font-size:14px}.sam-empty h2{font-size:16px}.sam-empty p{font-size:12px}.sam-empty-icon{font-size:48px}}@media (width<=480px){.sam-header-compact{height:40px;padding:0 8px}.sam-header-title{gap:4px;font-size:12px}.sam-header-icon{font-size:14px}.sam-mobile-menu-toggle{padding:2px 4px;font-size:14px}.sam-mobile-menu{max-height:calc(100vh - 40px);top:40px}.sam-mobile-menu-header{padding:8px 10px}.sam-mobile-menu-header h3{font-size:12px}.sam-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.sam-mobile-menu-icon{min-width:14px;font-size:12px}.sam-mobile-menu-footer{padding:6px 10px}.sam-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.sam-tab-labels{gap:0;height:28px;padding:0 2px}.sam-tab-label{gap:2px;padding:3px 6px;font-size:8px}.sam-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.sam-content,.manage-section{padding:10px}.manage-section h3{font-size:13px}.manage-section p{font-size:11px}.sam-empty-icon{font-size:40px}.sam-empty h2{font-size:14px}.sam-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.sam-header-title span{display:none}.sam-header-icon{font-size:16px}.sam-header-compact{height:38px;padding:0 6px}.sam-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.sam-mobile-menu-icon{font-size:11px}.sam-tab-label{gap:1px;padding:2px 4px;font-size:7px}.sam-tab-label-icon{font-size:8px}.sam-tab-label-close{width:8px;height:8px;font-size:5px}.sam-content,.manage-section{padding:8px}.manage-section h3{font-size:12px}.sam-empty-icon{font-size:36px}.sam-empty h2{font-size:12px}.sam-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.sam-header-compact{height:40px}.sam-header-title{font-size:13px}.sam-button-bar{height:36px;padding:0 4px}.sam-btn-with-label{padding:4px 8px;font-size:10px}.sam-tab-labels{height:28px}.sam-tab-label{padding:4px 8px;font-size:8px}.sam-content{padding:12px}.sam-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.sam-container{background:#1f2937}.sam-button-bar,.sam-mobile-menu,.sam-tab-labels,.sam-content{background:#111827;border-bottom-color:#374151}.sam-header-compact{border-bottom-color:#374151}.sam-btn-with-label,.sam-tab-label{color:#d1d5db}.sam-btn-with-label:hover,.sam-tab-label:hover{background:#1f2937}.sam-btn-with-label.active{color:#86efac;background:#27ae6026;border-color:#27ae60}.sam-tab-label.active{color:#86efac;background:#27ae601a;border-bottom-color:#27ae60}.sam-mobile-menu-item{color:#d1d5db}.sam-mobile-menu-item.active{color:#86efac;background:#27ae6026}.sam-mobile-menu-header,.sam-mobile-menu-footer{background:#1f2937;border-color:#374151}.sam-mobile-menu-header h3{color:#f3f4f6}.manage-section{background:#1f2937;border-left-color:#27ae60}.manage-section h3{color:#f3f4f6}.manage-section p{color:#9ca3af}.sam-empty h2{color:#f3f4f6}.sam-empty p,.sam-empty-icon{color:#9ca3af}}@media print{.sam-header-compact,.sam-button-bar,.sam-mobile-menu,.sam-tab-labels,.sam-mobile-menu-toggle,.sam-close-all-compact{display:none}.sam-container{height:auto}.sam-content{padding:0}}@media (prefers-reduced-motion:reduce){.sam-btn-with-label,.sam-tab-label,.sam-mobile-menu-item,.sam-tab-content,.sam-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.sam-btn-with-label.active,.sam-tab-label.active,.sam-mobile-menu-item.active{border-width:2px;font-weight:700}.sam-header-compact{border-bottom-width:2px}}.ds-summary-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px;display:grid}.ds-stat-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;flex-direction:column;gap:6px;padding:14px;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #0000000f}.ds-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ds-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.ds-stat-value{color:#1a202c;font-size:20px;font-weight:700;line-height:1}.ds-stat-subvalue{color:#a0aec0;font-size:10px;font-weight:500}.ds-stat-border{border-left:4px solid;width:4px;height:100%;position:absolute;top:0;left:0}@media (width<=1024px){.ds-summary-stats{grid-template-columns:repeat(3,1fr);gap:12px}.ds-stat-card{padding:12px}.ds-stat-value{font-size:18px}}@media (width<=768px){.ds-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.ds-stat-card{padding:10px}.ds-stat-value{font-size:16px}.ds-stat-label{font-size:10px}}@media (width<=480px){.ds-summary-stats{grid-template-columns:1fr;gap:8px}.ds-stat-card{padding:8px}.ds-stat-value{font-size:14px}.ds-stat-label{font-size:9px}}.psr-search-section{background:#fff;border-radius:8px;margin-bottom:16px;padding:14px;box-shadow:0 2px 6px #0000000f}.psr-search-wrapper{position:relative}.psr-search-input-group{background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;padding:0 12px;transition:all .3s;display:flex}.psr-search-input-group:focus-within{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.psr-search-icon{color:#a0aec0;flex-shrink:0;margin-right:8px}.psr-search-input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:13px}.psr-search-input::placeholder{color:#cbd5e1}.psr-clear-btn{cursor:pointer;color:#cbd5e1;background:0 0;border:none;justify-content:center;align-items:center;margin-left:8px;padding:4px;transition:all .2s;display:flex}.psr-clear-btn:hover{color:#667eea;transform:scale(1.1)}.psr-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.psr-dropdown-item{cursor:pointer;border-bottom:1px solid #f3f4f6;flex-direction:column;gap:4px;padding:12px 14px;transition:all .2s;display:flex}.psr-dropdown-item:last-child{border-bottom:none}.psr-dropdown-item:hover{color:#059669;background:#f0fdf4}.psr-dropdown-barcode{color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:700}.psr-dropdown-info{color:#718096;font-size:11px}.psr-dropdown-empty,.psr-dropdown-loading{text-align:center;color:#a0aec0;padding:12px 14px;font-size:12px}.psr-details-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 2px 6px #0000000f}.psr-details-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.psr-detail-item{flex-direction:column;gap:4px;display:flex}.psr-detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:700}.psr-detail-value{color:#2d3748;font-size:13px;font-weight:600}.psr-barcode{color:#667eea;font-family:Courier New,monospace;font-size:12px}.psr-value-opening{color:#6366f1}.psr-value-in{color:#10b981}.psr-value-out{color:#ef4444}.psr-value-balance{color:#3b82f6}.psr-value-stock{color:#f59e0b}.psr-button-section{justify-content:center;gap:12px;display:flex}.psr-download-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #dc26264d}.psr-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #dc262666}.psr-download-btn:disabled{opacity:.6;cursor:not-allowed}.psr-tables-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:16px;margin-bottom:16px;display:grid}.psr-table-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 6px #0000000f}.psr-table-header{border-bottom:2px solid #e2e8f0;padding:14px 16px}.psr-table-in .psr-table-header{background:#f0fdf4;border-bottom-color:#d1fae5}.psr-table-out .psr-table-header{background:#fef2f2;border-bottom-color:#fee2e2}.psr-table-title{color:#2d3748;margin:0;font-size:13px;font-weight:700}.psr-table-in .psr-table-title{color:#059669}.psr-table-out .psr-table-title{color:#dc2626}.psr-table-wrapper{max-height:400px;position:relative;overflow-x:auto}.psr-table{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.psr-table thead{z-index:10;background:#fff;position:sticky;top:0}.psr-table-in thead{background:#f0fdf4}.psr-table-out thead{background:#fef2f2}.psr-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding:12px 14px;font-size:11px;font-weight:700}.psr-table-in thead th{color:#059669;border-bottom-color:#d1fae5}.psr-table-out thead th{color:#dc2626;border-bottom-color:#fee2e2}.psr-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s}.psr-table tbody tr:hover{background:#f7fafc}.psr-table-in tbody tr:hover{background:#f0fdf4}.psr-table-out tbody tr:hover{background:#fef2f2}.psr-table tbody td{color:#2d3748;vertical-align:middle;padding:12px 14px;font-size:12px}.psr-cell-info{font-weight:600}.psr-cell-qty{text-align:center;font-weight:700}.psr-qty-in{color:#10b981}.psr-qty-out{color:#ef4444}.psr-cell-type{color:#718096}.psr-cell-id{color:#667eea;font-family:Courier New,monospace;font-size:11px}.psr-cell-date{color:#718096;font-size:11px}.psr-no-data-row td{padding:0!important}.psr-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.psr-no-data-img{opacity:.6;width:80px;height:auto}.psr-no-data-text{color:#718096;font-size:12px}.psr-pagination{border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:8px;padding:12px 16px;display:flex}.psr-pagination-in{background:#f0fdf4}.psr-pagination-out{background:#fef2f2}.psr-pagination-btn{cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s}.psr-pagination-in .psr-pagination-btn:hover:not(:disabled){color:#fff;background:#10b981;border-color:#10b981}.psr-pagination-out .psr-pagination-btn:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444}.psr-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.psr-pagination-info{color:#4a5568;text-align:center;min-width:50px;font-size:12px;font-weight:600}@media (width<=1024px){.psr-tables-grid{grid-template-columns:1fr}.psr-details-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.psr-search-section{padding:12px}.psr-details-grid{grid-template-columns:1fr;gap:10px}.psr-table{font-size:11px}.psr-table thead th,.psr-table tbody td{padding:8px 6px}.psr-download-btn{padding:8px 16px;font-size:11px}}@media (width<=480px){.psr-search-input{font-size:12px}.psr-table{font-size:10px}.psr-table thead th,.psr-table tbody td{padding:6px 4px}.psr-pagination-btn{padding:4px 8px;font-size:10px}}.psr-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.psr-dropdown::-webkit-scrollbar{width:6px;height:6px}.psr-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.psr-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.psr-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.psr-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.psr-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.psr-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sar-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sar-header{background:#fff;border-radius:8px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 6px #0000000f}.sar-main-title{color:#1a202c;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;margin:0 0 4px;font-size:20px;font-weight:700;display:flex}.sar-subtitle{color:#718096;margin:0;font-size:12px}.sar-search-section{background:#fff;border-radius:8px;margin-bottom:16px;padding:12px 16px;overflow:visible;box-shadow:0 2px 6px #0000000f}.sar-search-wrapper{position:relative}.sar-search-input-group{align-items:center;display:flex;position:relative}.sar-search-icon{color:#9ca3af;pointer-events:none;flex-shrink:0;width:18px;height:18px;position:absolute;left:12px}.sar-search-input{color:#2d3748;box-sizing:border-box;background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 40px;font-size:13px;transition:all .3s}.sar-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.sar-search-input::placeholder{color:#a0aec0}.sar-clear-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.sar-clear-btn:hover{color:#667eea}.sar-dropdown{z-index:1000;background:#fff;border:2px solid #e2e8f0;border-radius:8px;max-height:320px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 16px #0000001f}.sar-dropdown-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:13px;transition:background-color .2s}.sar-dropdown-item:last-child{border-bottom:none}.sar-dropdown-item:hover{background-color:#f9fafb}.sar-dropdown-barcode{color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:11px;font-weight:600}.sar-dropdown-info{color:#1f2937;font-size:13px;font-weight:600}.sar-dropdown-empty,.sar-dropdown-loading{text-align:center;color:#9ca3af;padding:16px;font-size:13px;font-weight:500}.sar-details-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 6px #0000000f}.sar-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.sar-detail-item{flex-direction:column;gap:4px;display:flex}.sar-detail-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.sar-detail-value{color:#2d3748;font-size:14px;font-weight:700}.sar-barcode{letter-spacing:1px;color:#667eea;background-color:#f7fafc;border-radius:6px;padding:6px 10px;font-family:Courier New,monospace;font-size:13px}.sar-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.sar-stat-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000f}.sar-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.sar-stat-opening{border-left-color:#3b82f6}.sar-stat-in{border-left-color:#10b981}.sar-stat-out{border-left-color:#ef4444}.sar-stat-balance{border-left-color:#f59e0b}.sar-stat-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.sar-stat-label svg{flex-shrink:0;width:14px;height:14px}.sar-stat-value{color:#2d3748;font-size:18px;font-weight:700}.sar-table-section{background:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 6px #0000000f}.sar-table-header{background:#f7fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.sar-table-title{color:#2d3748;margin:0;font-size:14px;font-weight:700}.sar-download-btn{color:#fff;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 6px #ef44444d}.sar-download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #ef444466}.sar-download-btn:disabled{cursor:not-allowed;background:linear-gradient(135deg,#d1d5db 0%,#9ca3af 100%)}.sar-table-wrapper{max-height:600px;position:relative;overflow-x:auto}.sar-table{border-collapse:collapse;table-layout:auto;background-color:#fff;width:100%;font-size:13px}.sar-table thead{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.sar-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-bottom:2px solid #fff3;padding:12px 14px;font-size:11px;font-weight:700;color:#fff!important}.sar-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s}.sar-table tbody tr:hover{background:#f7fafc}.sar-table tbody td{color:#2d3748;vertical-align:middle;padding:12px 14px;font-size:13px}.sar-cell-date{color:#4a5568;font-family:Courier New,monospace;font-size:12px;font-weight:600}.sar-cell-type{text-align:center}.sar-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.sar-badge-IN{color:#166534;background-color:#dcfce7}.sar-badge-OUT{color:#991b1b;background-color:#fee2e2}.sar-cell-qty{text-align:right;color:#2d3748;font-weight:700}.sar-cell-balance-before{text-align:right;color:#4a5568;font-weight:600}.sar-cell-balance-after{text-align:right;color:#667eea;font-weight:700}.sar-cell-invoice{text-align:center;color:#718096;font-family:Courier New,monospace;font-size:12px}.sar-no-data-row td{padding:40px 20px}.sar-no-data{flex-direction:column;align-items:center;gap:12px;display:flex}.sar-no-data-img{opacity:.6;width:100px;height:auto}.sar-no-data-text{color:#718096;font-size:13px;font-weight:500}.sar-pagination{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.sar-pagination-btn{cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .3s}.sar-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px)}.sar-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sar-pagination-info{color:#4a5568;text-align:center;min-width:60px;font-size:12px;font-weight:700}.sar-empty-state{color:#9ca3af;text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 2px 6px #0000000f}.sar-empty-state svg{opacity:.4;width:56px;height:56px;margin-bottom:12px}.sar-empty-state p{color:#718096;margin:0;font-size:14px;font-weight:500}.sar-no-access{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:40px auto;padding:60px 20px;display:flex;box-shadow:0 4px 12px #0000001a}.sar-no-access-image{opacity:.8;width:180px;height:auto;margin-bottom:20px}.sar-no-access p{color:#718096;text-align:center;margin:0;font-size:14px;font-weight:500;line-height:1.6}@media (width<=768px){.sar-container{padding:12px}.sar-main-title{font-size:18px}.sar-subtitle{font-size:11px}.sar-search-section{padding:10px 12px}.sar-details-grid{grid-template-columns:1fr;gap:12px}.sar-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.sar-stat-card{padding:8px 12px}.sar-stat-value{font-size:16px}.sar-table-header{flex-direction:column;align-items:flex-start;padding:10px 12px}.sar-download-btn{width:100%;padding:8px 12px;font-size:11px}.sar-table{font-size:11px}.sar-table thead th,.sar-table tbody td{padding:8px 6px}.sar-cell-date{font-size:11px}.sar-badge{padding:3px 8px;font-size:10px}.sar-pagination{gap:8px}.sar-pagination-btn{padding:6px 12px;font-size:11px}.sar-pagination-info{font-size:11px}.sar-empty-state{padding:40px 16px}.sar-empty-state svg{width:48px;height:48px}.sar-empty-state p{font-size:13px}}@media (width<=480px){.sar-main-title{font-size:16px}.sar-stats-grid{grid-template-columns:1fr}.sar-stat-value{font-size:14px}.sar-table{font-size:10px}.sar-table thead th,.sar-table tbody td{padding:6px 4px}.sar-cell-date{font-size:10px}.sar-badge{padding:2px 6px;font-size:9px}.sar-pagination-btn{padding:5px 10px;font-size:10px}.sar-detail-value{font-size:13px}.sar-barcode{font-size:12px}}.sar-badge-green{color:#166534;background-color:#dcfce7}.sar-badge-red{color:#991b1b;background-color:#fee2e2}.sar-badge-orange{color:#92400e;background-color:#fed7aa}.sar-badge-gray{color:#374151;background-color:#f3f4f6}.mppm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.mppm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.mppm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.mppm-header-icon{font-size:18px}.mppm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.mppm-mobile-menu-toggle:active{background:#fff3}.mppm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.mppm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.mppm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mppm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.mppm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.mppm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.mppm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.mppm-mobile-menu-item:active{background:#f3f4f6}.mppm-mobile-menu-item.active{color:#667eea;background:#f0f4ff;border-left-color:#667eea}.mppm-mobile-menu-item.open{background:#fafafa}.mppm-mobile-menu-icon{min-width:16px;font-size:14px}.mppm-mobile-menu-label{flex:1}.mppm-mobile-menu-badge{color:#27ae60;font-size:10px;font-weight:700}.mppm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.mppm-mobile-close-all{cursor:pointer;color:#ef4444;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mppm-mobile-close-all:active{background:#fecaca}.mppm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.mppm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.mppm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mppm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.mppm-btn-with-label:active{transform:scale(.97)}.mppm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.mppm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.mppm-btn-icon{flex-shrink:0;font-size:12px}.mppm-btn-text{display:inline-block}.mppm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mppm-close-all-compact:hover{color:#dc2626;background:#fecaca}.mppm-close-all-compact:active{transform:scale(.97)}.mppm-button-bar::-webkit-scrollbar{height:3px}.mppm-button-bar::-webkit-scrollbar-track{background:0 0}.mppm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.mppm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mppm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.mppm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.mppm-tabs-scroll::-webkit-scrollbar{height:3px}.mppm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.mppm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.mppm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mppm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.mppm-tab-label:hover{color:#374151;background:#f3f4f6}.mppm-tab-label:active{transform:scale(.97)}.mppm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.mppm-tab-label-icon{font-size:10px}.mppm-tab-label-text{display:inline-block}.mppm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.mppm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.mppm-tab-label-close:active{transform:scale(.85)}.mppm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.mppm-tab-content{animation:.2s ease-out slideIn}.mppm-content::-webkit-scrollbar{width:6px}.mppm-content::-webkit-scrollbar-track{background:0 0}.mppm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.mppm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.manage-section{background:#f9f9f9;border-left:4px solid #667eea;border-radius:6px;margin-bottom:12px;padding:16px}.manage-section h3{color:#1a1a1a;margin:0 0 6px;font-size:16px;font-weight:600}.manage-section p{color:#6b7280;margin:0 0 12px;font-size:12px}.content-placeholder{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:12px}.placeholder-item{border-bottom:1px solid #e5e5e5;margin-bottom:12px;padding-bottom:12px}.placeholder-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.placeholder-item strong{color:#1a1a1a;margin-bottom:4px;font-size:13px;display:block}.placeholder-item p{color:#6b7280;margin:0;font-size:12px}.placeholder-item ul{margin:6px 0 0;padding-left:18px;list-style:outside}.placeholder-item li{color:#6b7280;margin:3px 0;font-size:12px}.model-table{border-collapse:collapse;width:100%;font-size:12px}.model-table thead{background:#f3f4f6;border-bottom:2px solid #e5e5e5}.model-table th{text-align:left;color:#374151;padding:10px;font-weight:600}.model-table td{color:#6b7280;border-bottom:1px solid #e5e5e5;padding:10px}.model-table tbody tr:hover{background:#f9fafb}.badge{border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600;display:inline-block}.badge-active{color:#065f46;background:#d1fae5}.badge-inactive{color:#991b1b;background:#fee2e2}.action-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:3px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s}.action-btn:hover{background:#5568d3;transform:translateY(-1px)}.action-btn.reorder{background:#f59e0b}.action-btn.reorder:hover{background:#d97706}.batch-info{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.batch-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:12px;transition:all .2s}.batch-card:hover{border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.batch-card h4{color:#1a1a1a;margin:0 0 6px;font-size:13px;font-weight:600}.batch-card p{color:#6b7280;margin:4px 0;font-size:11px}.batch-card .action-btn{width:100%;margin-top:8px}.sales-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px;display:grid}.stat-card{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:6px;padding:16px;box-shadow:0 4px 12px #667eea33}.stat-value{margin-bottom:4px;font-size:20px;font-weight:700}.stat-label{opacity:.9;font-size:11px}.sales-table{border-collapse:collapse;width:100%;margin-top:12px;font-size:12px}.sales-table thead{background:#f3f4f6;border-bottom:2px solid #e5e5e5}.sales-table th{text-align:left;color:#374151;padding:10px;font-weight:600}.sales-table td{color:#6b7280;border-bottom:1px solid #e5e5e5;padding:10px}.sales-table tbody tr:hover{background:#f9fafb}.low-stock-list{flex-direction:column;gap:10px;display:flex}.low-stock-item{background:#fff;border-left:4px solid;border-radius:4px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.low-stock-item.warning{background:#fffbeb;border-left-color:#f59e0b}.low-stock-item.critical{background:#fef2f2;border-left-color:#ef4444}.low-stock-item:hover{box-shadow:0 4px 12px #00000014}.stock-icon{flex-shrink:0;font-size:20px}.stock-info{flex:1}.stock-info h4{color:#1a1a1a;margin:0 0 4px;font-size:13px;font-weight:600}.stock-info p{color:#6b7280;margin:2px 0;font-size:11px}.stock-info strong{color:#1a1a1a}.mppm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.mppm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.mppm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.mppm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.mppm-mobile-menu-content::-webkit-scrollbar{width:4px}.mppm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.mppm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.mppm-header-compact{height:44px;padding:0 10px}.mppm-header-title{gap:6px;font-size:14px}.mppm-header-icon{font-size:16px}.mppm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.mppm-mobile-menu-overlay{display:block}.mppm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.mppm-button-bar{display:none}.mppm-tab-labels{gap:1px;height:32px;padding:0 4px}.mppm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.mppm-tab-label-text{display:none}.mppm-tab-label-icon{font-size:10px}.mppm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.mppm-content{padding:12px}.manage-section{margin-bottom:10px;padding:12px}.manage-section h3{margin-bottom:4px;font-size:14px}.manage-section p{margin-bottom:8px;font-size:11px}.batch-info,.sales-stats{grid-template-columns:1fr}.low-stock-item{flex-direction:column;align-items:flex-start}.low-stock-item .action-btn{width:100%}.mppm-empty h2{font-size:16px}.mppm-empty p{font-size:12px}.mppm-empty-icon{font-size:48px}}@media (width<=480px){.mppm-header-compact{height:40px;padding:0 8px}.mppm-header-title{gap:4px;font-size:12px}.mppm-header-icon{font-size:14px}.mppm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.mppm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.mppm-mobile-menu-header{padding:8px 10px}.mppm-mobile-menu-header h3{font-size:12px}.mppm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.mppm-mobile-menu-icon{min-width:14px;font-size:12px}.mppm-mobile-menu-footer{padding:6px 10px}.mppm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.mppm-tab-labels{gap:0;height:28px;padding:0 2px}.mppm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.mppm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.mppm-content{padding:10px}.manage-section{margin-bottom:8px;padding:10px}.manage-section h3{margin-bottom:3px;font-size:12px}.manage-section p{margin-bottom:6px;font-size:10px}.model-table,.sales-table{font-size:10px}.model-table th,.model-table td,.sales-table th,.sales-table td{padding:6px}.action-btn{padding:4px 8px;font-size:9px}.batch-card{padding:10px}.batch-card h4{font-size:12px}.batch-card p{font-size:10px}.stat-value{font-size:16px}.stat-label{font-size:9px}.low-stock-item{gap:8px;padding:10px}.stock-icon{font-size:18px}.stock-info h4{font-size:12px}.stock-info p{font-size:10px}.mppm-empty-icon{font-size:40px}.mppm-empty h2{font-size:14px}.mppm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.mppm-header-title span{display:none}.mppm-header-icon{font-size:16px}.mppm-header-compact{height:38px;padding:0 6px}.mppm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.mppm-mobile-menu-icon{font-size:11px}.mppm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.mppm-tab-label-icon{font-size:8px}.mppm-tab-label-close{width:8px;height:8px;font-size:5px}.mppm-content{padding:8px}.manage-section{margin-bottom:6px;padding:8px}.manage-section h3{font-size:11px}.manage-section p{font-size:9px}.model-table th,.model-table td,.sales-table th,.sales-table td{padding:4px}.batch-card{padding:8px}.mppm-empty-icon{font-size:36px}.mppm-empty h2{font-size:12px}.mppm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.mppm-header-compact{height:40px}.mppm-header-title{font-size:13px}.mppm-button-bar{height:36px;padding:0 4px}.mppm-btn-with-label{padding:4px 8px;font-size:10px}.mppm-tab-labels{height:28px}.mppm-tab-label{padding:4px 8px;font-size:8px}.mppm-content{padding:12px}.mppm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.mppm-container{background:#1f2937}.mppm-button-bar,.mppm-mobile-menu,.mppm-tab-labels,.mppm-content{background:#111827;border-bottom-color:#374151}.mppm-header-compact{border-bottom-color:#374151}.mppm-btn-with-label,.mppm-tab-label{color:#d1d5db}.mppm-btn-with-label:hover,.mppm-tab-label:hover{background:#1f2937}.mppm-mobile-menu-item{color:#d1d5db}.mppm-mobile-menu-item:active{background:#1f2937}.mppm-mobile-menu-header,.mppm-mobile-menu-footer{background:#1f2937;border-color:#374151}.mppm-mobile-menu-header h3{color:#f3f4f6}.manage-section{background:#1f2937;border-left-color:#667eea}.manage-section h3{color:#f3f4f6}.manage-section p{color:#9ca3af}.content-placeholder{background:#111827;border-color:#374151}.batch-card{background:#1f2937;border-color:#374151}.batch-card h4{color:#f3f4f6}.batch-card p{color:#9ca3af}.model-table thead,.sales-table thead{background:#1f2937;border-color:#374151}.model-table th,.sales-table th{color:#f3f4f6}.model-table td,.sales-table td{color:#d1d5db;border-color:#374151}.low-stock-item{background:#1f2937;border-color:#374151}.low-stock-item.warning{background:#78350f}.low-stock-item.critical{background:#7f1d1d}.stock-info h4{color:#f3f4f6}.stock-info p{color:#d1d5db}.mppm-empty h2{color:#f3f4f6}.mppm-empty p,.mppm-empty-icon{color:#9ca3af}}@media print{.mppm-header-compact,.mppm-button-bar,.mppm-mobile-menu,.mppm-tab-labels,.mppm-mobile-menu-toggle,.mppm-close-all-compact{display:none}.mppm-container{height:auto}.mppm-content{padding:0}}@media (prefers-reduced-motion:reduce){.mppm-btn-with-label,.mppm-tab-label,.mppm-mobile-menu-item,.mppm-tab-content,.mppm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.mppm-btn-with-label.active,.mppm-tab-label.active,.mppm-mobile-menu-item.active{border-width:2px;font-weight:700}.mppm-header-compact{border-bottom-width:2px}}.msm-search-wrapper{align-items:center;display:flex;position:relative}.msm-search-icon{color:#a0aec0;pointer-events:none;z-index:1;font-size:14px;position:absolute;left:10px}.msm-form-input{color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 10px 8px 32px;font-family:inherit;font-size:12px;transition:all .3s}.msm-form-input:disabled{cursor:not-allowed;color:#667eea;background-color:#f0f4ff;font-weight:700}.msm-suggestions-dropdown{z-index:1000;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 6px 6px;max-height:180px;margin-top:-2px;animation:.2s ease-out slideDown;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 16px #667eea33}.msm-suggestion-item{cursor:pointer;color:#4a5568;background:#fff;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;padding:10px 12px;font-size:12px;transition:all .2s;display:flex}.msm-suggestion-item:hover{color:#667eea;background:#f8fafc;padding-left:16px;font-weight:500}.msm-suggestion-item:first-child{border-radius:0}.msm-suggestion-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.msm-suggestion-item:active{background:#f0f4ff}.msm-selected-tag{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;align-items:center;gap:6px;margin-top:6px;padding:6px 12px;font-size:11px;font-weight:600;animation:.3s slideIn;display:inline-flex;box-shadow:0 2px 6px #667eea4d}.msm-selected-tag button{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;align-items:center;margin-left:4px;padding:0 4px;font-size:12px;transition:all .2s;display:flex}.msm-selected-tag button:hover{opacity:1;transform:scale(1.2)}.msm-search-section{width:100%;position:relative}.msm-search-input{color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 10px 8px 32px;font-family:inherit;font-size:12px;transition:all .3s}.msm-form-group{position:relative}.msm-suggestions-dropdown::-webkit-scrollbar{width:6px}.msm-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.msm-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.msm-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.msm-suggestions-dropdown{scrollbar-width:thin;scrollbar-color:#cbd5e1 #f1f5f9}@media (width<=768px){.msm-search-wrapper{margin-bottom:8px}.msm-form-input,.msm-search-input{padding:7px 8px 7px 28px;font-size:11px}.msm-search-icon{font-size:12px;left:8px}.msm-suggestions-dropdown{border-radius:0 0 4px 4px;max-height:150px}.msm-suggestion-item{padding:8px 10px;font-size:11px}.msm-suggestion-item:hover{padding-left:14px}.msm-selected-tag{margin-top:4px;padding:5px 10px;font-size:10px}.msm-selected-tag button{padding:0 2px;font-size:10px}}@media (width<=480px){.msm-form-input,.msm-search-input{padding:6px 8px 6px 26px;font-size:10px}.msm-search-icon{font-size:11px;left:6px}.msm-suggestions-dropdown{max-height:120px;font-size:10px}.msm-suggestion-item{gap:6px;padding:6px 8px;font-size:10px}.msm-suggestion-item:hover{padding-left:12px}.msm-selected-tag{margin-top:3px;padding:4px 8px;font-size:9px}.msm-selected-tag button{padding:0 2px;font-size:9px}}@media (prefers-color-scheme:dark){.msm-suggestions-dropdown{background:#2d3748;border-color:#667eea;box-shadow:0 8px 16px #667eea4d}.msm-suggestion-item{color:#cbd5e0;background:#2d3748;border-bottom-color:#4a5568}.msm-suggestion-item:hover{color:#667eea;background:#1a202c}.msm-suggestion-item:active{background:#1a202c}.msm-form-input,.msm-search-input{color:#e2e8f0;background:#1a202c;border-color:#4a5568}.msm-form-input:focus,.msm-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.msm-form-input:disabled{color:#667eea;background-color:#2d3748}.msm-search-icon{color:#718096}.msm-suggestions-dropdown::-webkit-scrollbar-track{background:#1a202c}.msm-suggestions-dropdown::-webkit-scrollbar-thumb{background:#4a5568}.msm-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#718096}}.msm-suggestion-item:focus-visible{outline-offset:-2px;outline:2px solid #667eea}.msm-form-input:focus-visible,.msm-search-input:focus-visible{outline-offset:2px;outline:2px solid #667eea}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.msm-suggestion-item.loading{animation:1.5s ease-in-out infinite pulse}.msm-suggestions-empty{text-align:center;color:#a0aec0;background:#f8fafc;padding:12px;font-size:11px}.msm-form-group small{color:#718096;margin-top:4px;font-size:10px;display:block}.msm-form-group small.error{color:#ef4444;font-weight:600}.msm-form-group small.success{color:#10b981;font-weight:600}.msm-form-group small.info{color:#3b82f6;font-weight:600}.msm-form-group:focus-within .msm-form-label{color:#667eea;font-weight:700}.msm-search-section:focus-within .msm-search-icon{color:#667eea}.mpm-container{color:#1e293b;background:#f8fafc;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.mpm-header-compact{z-index:100;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-bottom:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex;box-shadow:0 2px 8px #3b82f61f}.mpm-header-title{color:#fff;letter-spacing:.3px;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.mpm-header-icon{font-size:18px;animation:.3s ease-out slideInLeft}.mpm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.mpm-mobile-menu-toggle:active{background:#fff3}.mpm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.mpm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e2e8f0;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.mpm-mobile-menu-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mpm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.mpm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.mpm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.mpm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.mpm-mobile-menu-item:active{background:#f3f4f6}.mpm-mobile-menu-item.active{color:#3b82f6;background:#eff6ff;border-left-color:#3b82f6}.mpm-mobile-menu-item.open{background:#fafafa}.mpm-mobile-menu-icon{min-width:16px;font-size:14px}.mpm-mobile-menu-label{flex:1}.mpm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.mpm-mobile-menu-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:8px 12px}.mpm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mpm-mobile-close-all:active{background:#fecaca}.mpm-button-bar{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow-x:auto;box-shadow:0 1px 3px #0000000a}.mpm-button-bar::-webkit-scrollbar{height:3px}.mpm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mpm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.mpm-btn-with-label{cursor:pointer;color:#64748b;white-space:nowrap;background:#fff;border:1.5px solid #e2e8f0;border-left:3px solid #0000;border-radius:5px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:relative}.mpm-btn-with-label:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 6px #0000000d}.mpm-btn-with-label:active{transform:scale(.97)}.mpm-btn-with-label.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.mpm-btn-with-label.open{background:#f1f5f9;border-color:#cbd5e1}.mpm-btn-icon{flex-shrink:0;font-size:12px;transition:transform .2s}.mpm-btn-with-label:hover .mpm-btn-icon{transform:scale(1.08)}.mpm-btn-text{letter-spacing:.2px;font-weight:600}.mpm-close-all-compact{cursor:pointer;color:#dc2626;white-space:nowrap;background:#fee2e2;border:1.5px solid #fecaca;border-radius:5px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #dc262614}.mpm-close-all-compact:hover{color:#b91c1c;background:#fecaca;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 6px #dc26261f}.mpm-close-all-compact:active{transform:scale(.97)}.mpm-tab-labels{background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.mpm-tabs-scroll{scrollbar-width:thin;scroll-behavior:smooth;flex:1;gap:0;display:flex;overflow-x:auto}.mpm-tabs-scroll::-webkit-scrollbar{height:3px}.mpm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mpm-tab-label{cursor:pointer;color:#64748b;white-space:nowrap;-webkit-user-select:none;user-select:none;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:600;transition:all .2s;display:flex;position:relative}.mpm-tab-label:hover{color:#334155;background:#f1f5f9}.mpm-tab-label:active{transform:scale(.97)}.mpm-tab-label.active{color:#3b82f6;background:#eff6ff;border-bottom-color:#3b82f6}.mpm-tab-label-icon{font-size:10px}.mpm-tab-label-text{display:inline-block}.mpm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.5;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.mpm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.mpm-tab-label-close:active{transform:scale(.85)}.mpm-content{background:#f8fafc;flex:1;padding:16px;overflow:hidden auto}.mpm-tab-content{animation:.2s ease-out slideIn}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.manage-section{background:#fff;border-left:4px solid #3b82f6;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #0000000d}.manage-section:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000014}.manage-section h3{color:#1e293b;letter-spacing:.3px;margin:0 0 8px;font-size:16px;font-weight:700}.manage-section p{color:#64748b;margin:0;font-size:12px;line-height:1.5}.mpm-empty{color:#94a3b8;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;animation:.3s ease-out fadeIn;display:flex}.mpm-empty-icon{opacity:.25;font-size:56px;animation:.3s ease-out slideIn}.mpm-empty h2{color:#1e293b;margin:0;font-size:18px;font-weight:600}.mpm-empty p{color:#94a3b8;max-width:280px;margin:0;font-size:13px;font-weight:500}@media (width<=768px){.mpm-header-compact{height:44px;padding:0 10px}.mpm-header-title{gap:6px;font-size:14px}.mpm-header-icon{font-size:16px}.mpm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.mpm-mobile-menu-overlay{display:block}.mpm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.mpm-button-bar{display:none}.mpm-tab-labels{gap:1px;height:32px;padding:0 4px}.mpm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.mpm-tab-label-text{display:none}.mpm-tab-label-icon{font-size:10px}.mpm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.mpm-content{padding:12px}.manage-section{margin-bottom:10px;padding:12px}.manage-section h3{margin-bottom:4px;font-size:14px}.manage-section p{font-size:11px}.mpm-empty h2{font-size:16px}.mpm-empty p{font-size:12px}.mpm-empty-icon{font-size:48px}}@media (width<=480px){.mpm-header-compact{height:40px;padding:0 8px}.mpm-header-title{gap:4px;font-size:12px}.mpm-header-icon{font-size:14px}.mpm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.mpm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.mpm-mobile-menu-header{padding:8px 10px}.mpm-mobile-menu-header h3{font-size:12px}.mpm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.mpm-mobile-menu-icon{min-width:14px;font-size:12px}.mpm-mobile-menu-footer{padding:6px 10px}.mpm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.mpm-tab-labels{gap:0;height:28px;padding:0 2px}.mpm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.mpm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.mpm-content{padding:10px}.manage-section{margin-bottom:8px;padding:10px}.manage-section h3{margin-bottom:3px;font-size:12px}.manage-section p{font-size:10px}.mpm-empty-icon{font-size:40px}.mpm-empty h2{font-size:14px}.mpm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.mpm-header-title span{display:none}.mpm-header-icon{font-size:16px}.mpm-header-compact{height:38px;padding:0 6px}.mpm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.mpm-mobile-menu-icon{font-size:11px}.mpm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.mpm-tab-label-icon{font-size:8px}.mpm-tab-label-close{width:8px;height:8px;font-size:5px}.mpm-content{padding:8px}.manage-section{margin-bottom:6px;padding:8px}.manage-section h3{font-size:11px}.manage-section p{font-size:9px}.mpm-empty-icon{font-size:36px}.mpm-empty h2{font-size:12px}.mpm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.mpm-header-compact{height:40px}.mpm-header-title{font-size:13px}.mpm-button-bar{height:36px;padding:0 4px}.mpm-btn-with-label{padding:4px 8px;font-size:10px}.mpm-tab-labels{height:28px}.mpm-tab-label{padding:4px 8px;font-size:8px}.mpm-content{padding:12px}.mpm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.mpm-container{color:#e2e8f0;background:#0f172a}.mpm-button-bar{background:#1e293b;border-bottom-color:#334155}.mpm-btn-with-label{color:#cbd5e1;background:#1e293b;border-color:#334155}.mpm-btn-with-label.active{color:#60a5fa;background:#3b82f626;border-color:#3b82f6}.mpm-tab-labels{background:#1e293b;border-bottom-color:#334155}.mpm-tab-label{color:#94a3b8}.mpm-tab-label.active{color:#60a5fa;background:#3b82f61a}.mpm-content{background:#0f172a}.manage-section{color:#e2e8f0;background:#1e293b;border-left-color:#3b82f6}.mpm-mobile-menu{background:#1e293b}.mpm-mobile-menu-header{background:#111827;border-color:#334155}.mpm-mobile-menu-header h3{color:#e2e8f0}.mpm-mobile-menu-item{color:#cbd5e1}.mpm-mobile-menu-item.active{color:#60a5fa;background:#3b82f626}.mpm-empty{color:#475569}.mpm-empty h2{color:#e2e8f0}}@media print{.mpm-header-compact,.mpm-button-bar,.mpm-mobile-menu,.mpm-tab-labels,.mpm-mobile-menu-toggle,.mpm-close-all-compact{display:none}.mpm-container{height:auto}.mpm-content{padding:0}}@media (prefers-reduced-motion:reduce){.mpm-btn-with-label,.mpm-tab-label,.mpm-mobile-menu-item,.mpm-tab-content,.mpm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.mpm-btn-with-label.active,.mpm-tab-label.active,.mpm-mobile-menu-item.active{border-width:2px;font-weight:700}.mpm-header-compact{border-bottom-width:2px}}.mpm-hidden{display:none!important}.mpm-visible{display:block!important}.mpm-text-center{text-align:center}.mpm-text-muted{color:#64748b}.mpm-text-primary{color:#3b82f6}.mpm-text-danger{color:#ef4444}.mpm-text-success{color:#10b981}.repair-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.repair-modal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1400px;max-height:90vh;animation:.3s slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.repair-modal.repair-view-modal{max-width:1200px}.repair-close-button{color:#fff;cursor:pointer;z-index:10;background-color:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.repair-close-button:hover{background-color:#dc2626;transform:scale(1.1)}.repair-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f3f4f6;padding:24px 24px 16px}.repair-modal-header h3{color:#fff;margin:0;font-size:18px;font-weight:600}.repair-modal-body{flex:1;padding:24px;overflow-y:auto}.repair-columns-container{grid-template-columns:1fr 1fr 1fr;gap:24px;margin-bottom:20px;display:grid}.repair-column{flex-direction:column;gap:12px;display:flex}.repair-column-title{color:#1f2937;border-bottom:2px solid #e5e7eb;margin:12px 0 8px;padding-bottom:8px;font-size:14px;font-weight:600}.repair-form-group{flex-direction:column;gap:6px;display:flex}.repair-form-label{color:#374151;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.repair-form-input{border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .3s}.repair-form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.repair-form-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}textarea.repair-form-input{resize:vertical;min-height:60px}.repair-divider{border:none;border-top:2px solid #f3f4f6;margin:16px 0}.repair-parts-input-group{gap:8px;margin-bottom:12px;display:flex}.repair-parts-input-group .repair-form-input{flex:1}.repair-parts-input-group .repair-form-input:nth-child(2){flex:.6}.repair-add-part-btn{color:#fff;cursor:pointer;background-color:#3b82f6;border:none;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .3s}.repair-add-part-btn:hover{background-color:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.repair-parts-list{background-color:#f9fafb;border-radius:6px;flex-direction:column;gap:8px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.repair-part-item{background-color:#fff;border-left:3px solid #3b82f6;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.repair-remove-part-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;transition:all .3s;display:flex}.repair-remove-part-btn:hover{background-color:#dc2626;transform:scale(1.1)}.repair-parts-total{color:#1e40af;background-color:#dbeafe;border-left:3px solid #3b82f6;border-radius:4px;margin-top:8px;padding:8px 12px;font-size:12px}.repair-balance-field{font-weight:600;color:#166534!important;background-color:#f0fdf4!important;border-color:#86efac!important}.repair-payment-summary{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-left:4px solid #667eea;border-radius:8px;margin-top:12px;padding:12px}.repair-summary-row{color:#374151;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.repair-summary-row strong{color:#1f2937;font-weight:600}.repair-balance-row{color:#059669;border-top:1px solid #d1d5db;margin-top:8px;padding-top:8px}.repair-balance-row strong{color:#059669;font-size:14px}.repair-error-message{background-color:#fee2e2;border-left:4px solid #ef4444;border-radius:4px;margin-top:12px;padding:12px}.repair-error-message p{color:#7f1d1d;margin:0;font-size:12px}.repair-modal-footer{background-color:#f9fafb;border-top:1px solid #f3f4f6;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.repair-modal-cancel-btn,.repair-modal-save-btn{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .3s}.repair-modal-cancel-btn{color:#374151;background-color:#e5e7eb}.repair-modal-cancel-btn:hover{background-color:#d1d5db}.repair-modal-save-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.repair-modal-save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.repair-modal-save-btn:disabled{opacity:.6;cursor:not-allowed}.repair-view-columns{grid-template-columns:1fr 1fr 1fr;gap:24px;display:grid}.repair-view-column{flex-direction:column;gap:16px;display:flex}.repair-view-section-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;margin:0;padding-bottom:8px;font-size:13px;font-weight:700}.repair-view-item{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:flex-start;padding:8px 0;font-size:12px;display:flex}.repair-view-label{color:#6b7280;min-width:100px;font-weight:600}.repair-view-value{color:#1f2937;text-align:right;word-break:break-word;flex:1}.repair-view-status{text-transform:capitalize;border-radius:4px;padding:4px 8px;font-weight:600;color:#fff!important}.repair-view-balance{background-color:#f0fdf4;border-left:3px solid #10b981;border-radius:4px;margin-top:8px;padding:10px}.repair-view-balance .repair-view-value{color:#059669;font-size:14px;font-weight:700}@media (width<=1200px){.repair-columns-container,.repair-view-columns{grid-template-columns:1fr 1fr}.repair-modal{max-width:95vw}}@media (width<=768px){.repair-columns-container,.repair-view-columns{grid-template-columns:1fr}.repair-modal{border-radius:0;max-width:100vw;max-height:100vh}.repair-modal-header,.repair-modal-body{padding:16px}.repair-modal-footer{padding:12px 16px}.repair-parts-input-group{flex-direction:column}.repair-parts-input-group .repair-form-input:nth-child(2){flex:1}}.repair-modal::-webkit-scrollbar{width:8px}.repair-parts-list::-webkit-scrollbar{width:8px}.repair-modal::-webkit-scrollbar-track{background:#f3f4f6}.repair-parts-list::-webkit-scrollbar-track{background:#f3f4f6}.repair-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.repair-parts-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.repair-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.repair-parts-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=1200px){.msm-actions-cell{flex-wrap:wrap;gap:4px;display:flex}}@media (width<=768px){.msm-actions-cell{flex-direction:column;gap:4px;display:flex}}.paymentrepairmodal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.paymentrepairmodal{background-color:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.paymentrepairmodal-close-button{color:#fff;cursor:pointer;z-index:10;background-color:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.paymentrepairmodal-close-button:hover{background-color:#dc2626;transform:scale(1.1)}.paymentrepairmodal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f3f4f6;padding:16px 16px 12px}.paymentrepairmodal-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.paymentrepairmodal-body{flex:1;padding:16px;overflow-y:auto}.paymentrepairmodal-balance-summary{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-left:4px solid #667eea;border-radius:8px;margin-bottom:16px;padding:12px}.paymentrepairmodal-balance-row{color:#374151;justify-content:space-between;align-items:center;padding:4px 0;font-size:11px;font-weight:600;display:flex}.paymentrepairmodal-balance-label{color:#6b7280}.paymentrepairmodal-balance-value{color:#1f2937;font-feature-settings:"zero" 1;font-family:Courier New,monospace}.paymentrepairmodal-balance-highlight{color:#059669;border-top:1px solid #d1d5db;margin-top:6px;padding-top:8px}.paymentrepairmodal-balance-highlight .paymentrepairmodal-balance-value{color:#059669;font-size:13px;font-weight:700}.paymentrepairmodal-print-option{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-left:4px solid #8b5cf6;border-radius:8px;margin-bottom:16px;padding:12px;animation:.3s slideInUp}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.paymentrepairmodal-print-message{align-items:center;gap:10px;margin-bottom:10px;display:flex}.paymentrepairmodal-print-title{color:#1f2937;margin:0;font-size:12px;font-weight:700}.paymentrepairmodal-print-subtitle{color:#6b7280;margin:2px 0 0;font-size:10px}.paymentrepairmodal-print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.paymentrepairmodal-print-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf64d}.paymentrepairmodal-two-column{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.paymentrepairmodal-form{grid-column:1}.paymentrepairmodal-form-section-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;margin:0 0 12px;padding-bottom:6px;font-size:11px;font-weight:700}.paymentrepairmodal-form-group{flex-direction:column;gap:4px;margin-bottom:10px;display:flex}.paymentrepairmodal-form-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:600}.paymentrepairmodal-form-input{border:1px solid #d1d5db;border-radius:4px;padding:8px;font-family:inherit;font-size:11px;transition:all .3s}.paymentrepairmodal-form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}textarea.paymentrepairmodal-form-input{resize:vertical;min-height:50px}.paymentrepairmodal-amount-input-group{align-items:center;gap:6px;display:flex;position:relative}.paymentrepairmodal-currency-symbol{color:#6b7280;font-size:10px;font-weight:600;position:absolute;left:8px}.paymentrepairmodal-amount-input-group .paymentrepairmodal-form-input{flex:1;padding-left:32px}.paymentrepairmodal-help-text{color:#6b7280;margin-top:2px;font-size:9px}.paymentrepairmodal-history{grid-column:2}.paymentrepairmodal-history-list{flex-direction:column;gap:8px;max-height:280px;display:flex;overflow-y:auto}.paymentrepairmodal-history-item{background-color:#f9fafb;border-left:3px solid #3b82f6;border-radius:4px;padding:8px;font-size:10px}.paymentrepairmodal-history-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.paymentrepairmodal-history-amount{color:#1f2937;font-feature-settings:"zero" 1;font-family:Courier New,monospace;font-size:11px;font-weight:700}.paymentrepairmodal-history-method{color:#1e40af;text-transform:capitalize;background-color:#dbeafe;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:600}.paymentrepairmodal-history-footer{color:#6b7280;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:9px;display:flex}.paymentrepairmodal-history-date{font-weight:600}.paymentrepairmodal-history-user{background-color:#f3f4f6;border-radius:2px;padding:1px 4px}.paymentrepairmodal-history-notes{color:#4b5563;background-color:#fff;border-left:2px solid #fbbf24;border-radius:3px;margin-top:4px;padding:4px;font-size:9px;font-style:italic}.paymentrepairmodal-footer{background-color:#f9fafb;border-top:1px solid #f3f4f6;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.paymentrepairmodal-cancel-btn,.paymentrepairmodal-submit-btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .3s}.paymentrepairmodal-cancel-btn{color:#374151;background-color:#e5e7eb}.paymentrepairmodal-cancel-btn:hover{background-color:#d1d5db}.paymentrepairmodal-submit-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.paymentrepairmodal-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.paymentrepairmodal-submit-btn:disabled{opacity:.6;cursor:not-allowed}.paymentrepairmodal::-webkit-scrollbar{width:6px}.paymentrepairmodal-history-list::-webkit-scrollbar{width:6px}.paymentrepairmodal::-webkit-scrollbar-track{background:#f3f4f6}.paymentrepairmodal-history-list::-webkit-scrollbar-track{background:#f3f4f6}.paymentrepairmodal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.paymentrepairmodal-history-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.paymentrepairmodal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.paymentrepairmodal-history-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (width<=768px){.paymentrepairmodal{border-radius:0;max-width:95vw;max-height:100vh}.paymentrepairmodal-header,.paymentrepairmodal-body{padding:12px}.paymentrepairmodal-two-column{grid-template-columns:1fr;gap:12px}.paymentrepairmodal-form,.paymentrepairmodal-history{grid-column:1}.paymentrepairmodal-history-list{max-height:200px}.paymentrepairmodal-footer{flex-direction:column;padding:10px 12px}.paymentrepairmodal-cancel-btn,.paymentrepairmodal-submit-btn{width:100%}}.sdm-header-title{color:#fff;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.sdm-header-icon{font-size:20px}.sdm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:8px;display:flex;overflow:auto hidden}.sdm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sdm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.sdm-btn-with-label.active{color:#3498db;background:#f0f8ff;border-color:#3498db}.sdm-btn-icon{flex-shrink:0;font-size:14px}.sdm-btn-text{display:inline-block}.sdm-close-all-compact:hover{color:#dc2626;background:#fecaca}.sdm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:4px;height:44px;padding:0 8px;display:flex;overflow:hidden}.sdm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.sdm-tab-label.active{color:#3498db;background:#f0f8ff;border-bottom-color:#3498db}@media (width<=768px){.sdm-header-compact{height:52px;padding:0 12px}.sdm-header-title{gap:10px;font-size:16px}.sdm-header-icon{font-size:18px}.sdm-mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.sdm-mobile-menu-overlay{display:block}.sdm-mobile-menu{display:flex}.sdm-button-bar{display:none}.sdm-tab-labels{height:40px;padding:0 6px}.sdm-tab-label{padding:6px 10px;font-size:11px}.sdm-tab-label-text{display:none}.sdm-tab-label-icon{font-size:14px}.sdm-content{padding:16px}.sdm-empty h2{font-size:18px}.sdm-empty p{font-size:13px}}@media (width<=480px){.sdm-header-compact{height:48px;padding:0 10px}.sdm-header-title{gap:8px;font-size:14px}.sdm-header-icon{font-size:16px}.sdm-mobile-menu-toggle{padding:6px;font-size:20px}.sdm-mobile-menu{max-height:calc(100vh - 48px);top:48px}.sdm-mobile-menu-header{padding:10px 12px}.sdm-mobile-menu-header h3{font-size:14px}.sdm-mobile-menu-item{gap:10px;padding:12px 14px;font-size:13px}.sdm-mobile-menu-icon{font-size:14px}.sdm-mobile-menu-footer{padding:10px 12px}.sdm-mobile-close-all{gap:6px;padding:8px 10px;font-size:12px}.sdm-tab-labels{height:36px;padding:0 4px}.sdm-tab-label{padding:4px 8px;font-size:10px}.sdm-tab-label-close{width:14px;height:14px;margin-left:2px;font-size:9px}.sdm-content{padding:12px}.sdm-empty-icon{font-size:48px}.sdm-empty h2{font-size:16px}.sdm-empty p{max-width:250px;font-size:12px}}@media (width<=360px){.sdm-header-title span{display:none}.sdm-header-icon{font-size:18px}.sdm-mobile-menu-item{padding:10px 12px;font-size:12px}.sdm-tab-label{padding:3px 6px;font-size:9px}.sdm-content{padding:10px}.sdm-empty-icon{font-size:40px}.sdm-empty h2{font-size:14px}.sdm-empty p{font-size:11px}}@media (height<=500px) and (orientation:landscape){.sdm-header-compact{height:44px}.sdm-header-title{font-size:14px}.sdm-tab-labels{height:32px}.sdm-tab-label{padding:4px 8px;font-size:10px}.sdm-content{padding:12px}.sdm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media (prefers-color-scheme:dark){.sdm-container{background:#1f2937}.sdm-button-bar,.sdm-mobile-menu,.sdm-tab-labels,.sdm-content{background:#111827;border-bottom-color:#374151}.sdm-header-compact{border-bottom-color:#374151}.sdm-btn-with-label,.sdm-tab-label{color:#d1d5db}.sdm-btn-with-label:hover,.sdm-tab-label:hover{background:#1f2937}.sdm-mobile-menu-item{color:#d1d5db}.sdm-mobile-menu-item:active{background:#1f2937}.sdm-mobile-menu-header,.sdm-mobile-menu-footer{background:#1f2937;border-color:#374151}.sdm-mobile-menu-header h3,.sdm-empty h2{color:#f3f4f6}.sdm-empty p,.sdm-empty-icon{color:#9ca3af}}@media print{.sdm-header-compact,.sdm-button-bar,.sdm-mobile-menu,.sdm-tab-labels,.sdm-mobile-menu-toggle,.sdm-close-all-compact{display:none}.sdm-container{height:auto}.sdm-content{padding:0}}@media (prefers-reduced-motion:reduce){.sdm-btn-with-label,.sdm-tab-label,.sdm-mobile-menu-item,.sdm-tab-content,.sdm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.sdm-btn-with-label.active,.sdm-tab-label.active,.sdm-mobile-menu-item.active{border-width:2px;font-weight:700}.sdm-header-compact{border-bottom-width:2px}}@media (width<=768px){.msm-container{padding:12px}.msm-summary-stats{grid-template-columns:1fr;gap:8px}.msm-stat-card{padding:8px 12px}.msm-stat-value{font-size:18px}.msm-controls-section{flex-direction:column;gap:10px}.msm-search-section{min-width:100%}.msm-add-btn{width:100%}.msm-table{font-size:11px}.msm-table thead th,.msm-table tbody td{padding:8px 6px}.msm-actions-cell{flex-direction:column;gap:4px}.msm-action-btn{width:100%;padding:5px 8px;font-size:10px}.msm-pagination{flex-direction:column;gap:10px}.msm-main-title{font-size:18px}.msm-subtitle{font-size:11px}.msm-modal{max-width:90%}.msm-modal-footer{flex-direction:column}.msm-modal-btn{width:100%}}@media (width<=480px){.msm-main-title,.msm-stat-value{font-size:16px}.msm-table{font-size:10px}.msm-pagination-btn{padding:5px 10px;font-size:11px}.msm-modal{max-width:95%}.msm-form-input{font-size:12px}}@media (width<=1200px){.msm-action-btn{width:18px;height:18px}.msm-action-icon{width:10px;height:10px}}@media (width<=768px){.msm-action-btn{width:18px;height:18px}.msm-action-icon{width:10px;height:10px}}@media (width<=480px){.msm-action-btn{width:16px;height:16px}.msm-action-icon{width:9px;height:9px}}@media (width>=1400px){.totals-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1000px) and (width<=1399px){.totals-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=768px) and (width<=999px){.totals-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=600px) and (width<=767px){.totals-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=599px){.totals-grid{grid-template-columns:1fr}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.edit-invoice-modal-enhanced{max-width:95%;max-height:90vh}.edit-invoice-search-section{flex-direction:column;align-items:stretch}.price-qty-container,.price-input-edit,.qty-input-edit,.add-btn-edit{width:100%}.action-buttons-edit{flex-direction:column}.update-btn-edit,.cancel-btn-edit{width:100%}}@media (width<=480px){.edit-invoice-header h2{font-size:16px}.invoice-info{flex-direction:column;gap:8px}.items-table-edit{font-size:11px}.items-table-edit th,.items-table-edit td{padding:6px}}.edit-invoice-container{background:#fff;border-radius:8px;flex-direction:column;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.edit-invoice-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.edit-invoice-title{align-items:center;gap:8px;display:flex}.edit-invoice-icon{font-size:20px}.edit-invoice-title h2{margin:0;font-size:15px;font-weight:700}.edit-invoice-subtitle{opacity:.85;margin:2px 0 0;font-size:10px}.edit-invoice-btn-close-header{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex}.edit-invoice-btn-close-header:hover{background:#ffffff4d;transform:scale(1.05)}.edit-invoice-content{background:#f8f9fa;flex:1;padding:14px;overflow-y:auto}.edit-invoice-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:12px;box-shadow:0 1px 2px #0000000a}.edit-invoice-section-title{color:#667eea;border-bottom:1px solid #e2e8f0;margin:0 0 10px;padding-bottom:8px;font-size:12px;font-weight:700}.edit-invoice-info-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.edit-invoice-info-item{flex-direction:column;display:flex}.edit-invoice-info-item label{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:10px;font-weight:600}.edit-invoice-info-item p{color:#333;margin:0;font-size:11px;font-weight:600}.edit-invoice-items-table{border:1px solid #e2e8f0;border-radius:4px;overflow-x:auto}.edit-invoice-items-table table{border-collapse:collapse;width:100%;font-size:10px}.edit-invoice-items-table thead{background:linear-gradient(135deg,#f0f4ff 0%,#f5f3ff 100%);border-bottom:1px solid #e2e8f0}.edit-invoice-items-table th{text-align:left;color:#667eea;white-space:nowrap;padding:8px;font-weight:700}.edit-invoice-items-table td{color:#333;border-bottom:1px solid #f0f0f0;padding:8px}.edit-invoice-items-table tbody tr:hover{background:#f9fafb}.edit-invoice-form-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px;display:grid}.edit-invoice-form-group label{color:#667eea;margin-bottom:4px;font-size:10px;font-weight:600}.edit-invoice-input,.edit-invoice-input-small{border:1px solid #e2e8f0;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:11px;transition:all .2s}.edit-invoice-input:focus,.edit-invoice-input-small:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.edit-invoice-input-small{padding:5px 6px;font-size:10px}.edit-invoice-textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:4px;padding:8px;font-family:inherit;font-size:11px;transition:all .2s}.edit-invoice-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.edit-invoice-totals{background:linear-gradient(135deg,#f0f4ff 0%,#f5f3ff 100%);border-left:3px solid #667eea;border-radius:6px;margin-top:10px;padding:10px}.edit-invoice-total-item{border-bottom:1px solid #667eea1a;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;display:flex}.edit-invoice-total-item:last-child{border-bottom:none}.edit-invoice-total-item.highlight{color:#667eea;background:#667eea1a;border-radius:0 0 6px 6px;margin:6px -10px -10px;padding:8px;font-weight:700}.edit-invoice-total-value{color:#667eea;font-weight:700}.edit-invoice-footer{background:#fff;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.edit-invoice-changes-indicator{color:#f59e0b;margin:0;font-size:10px;font-weight:600}.edit-invoice-footer-actions{gap:6px;display:flex}.edit-invoice-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.edit-invoice-btn:disabled{opacity:.5;cursor:not-allowed}.edit-invoice-btn-save{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.edit-invoice-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #10b98133}.edit-invoice-btn-reset{color:#92400e;background:#fef3c7;border:1px solid #fcd34d}.edit-invoice-btn-reset:hover:not(:disabled){background:#fde68a}.edit-invoice-btn-cancel{color:#666;background:#f3f4f6;border:1px solid #e5e7eb}.edit-invoice-btn-cancel:hover:not(:disabled){background:#e5e7eb}.edit-invoice-btn-close{color:#fff;background:#ef4444;padding:8px 12px}.edit-invoice-btn-close:hover{background:#dc2626}.edit-invoice-loading,.edit-invoice-error{color:#666;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:250px;display:flex}.edit-invoice-loading p,.edit-invoice-error p{margin:0;font-size:12px}.spinner{color:#667eea;font-size:28px;animation:1s linear infinite spin}.edit-invoice-barcode{color:#374151;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:3px;padding:3px 6px;font-family:Courier New,monospace;font-size:9px;font-weight:600;display:inline-block}.edit-invoice-payment-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.edit-invoice-btn-edit-payment{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:6px 10px;font-size:10px;font-weight:600;transition:all .2s}.edit-invoice-btn-edit-payment:hover{background:#5568d3;transform:scale(1.05)}.edit-invoice-payment-grid-edit{background:#f8f9fa;border:1px dashed #e2e8f0;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:10px;padding:10px;display:grid}.edit-invoice-payment-form-group{flex-direction:column;display:flex}.edit-invoice-payment-form-group label{color:#667eea;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:600}.edit-invoice-payment-input{border:1px solid #e2e8f0;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:11px;transition:all .2s}.edit-invoice-payment-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.edit-invoice-payment-input::placeholder{color:#ccc}.edit-invoice-payment-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.edit-invoice-payment-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.edit-invoice-payment-actions{justify-content:flex-end;gap:6px;margin-bottom:10px;display:flex}.edit-invoice-payment-actions .edit-invoice-btn{padding:8px 12px}.edit-invoice-payment-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px;display:grid}.edit-invoice-payment-item{background:linear-gradient(135deg,#f0f4ff 0%,#f5f3ff 100%);border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;padding:10px;transition:all .2s;display:flex}.edit-invoice-payment-item:hover{transform:translateY(-1px);box-shadow:0 2px 6px #667eea1f}.edit-invoice-payment-item label{color:#667eea;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:600}.edit-invoice-payment-item p{color:#333;margin:0;font-size:12px;font-weight:700}.edit-invoice-balance{background:linear-gradient(135deg,#fef3c7 0%,#fef08a 100%);border-left:3px solid #f59e0b;border-radius:6px;margin-top:10px;padding:10px}.edit-invoice-balance-item{border-bottom:1px solid #f59e0b26;justify-content:space-between;align-items:center;padding:6px 0;font-size:11px;font-weight:600;display:flex}.edit-invoice-balance-item:last-child{border-top:1px solid #f59e0b33;border-bottom:none;padding-top:8px}.edit-invoice-balance-value{font-size:12px;font-weight:700}.edit-invoice-serial-column{flex-direction:column;gap:4px;max-height:100px;display:flex;overflow-y:auto}.edit-invoice-serial-item{color:#0c4a6e;word-break:break-word;background:#dbeafe;border-left:2px solid #0284c7;border-radius:3px;padding:4px 6px;font-size:9px;font-weight:600}.edit-invoice-serial-empty{color:#999;padding:4px 0;font-size:9px;font-style:italic}@media (width<=1024px){.edit-invoice-payment-grid,.edit-invoice-payment-grid-edit{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.edit-invoice-info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.edit-invoice-header{padding:12px}.edit-invoice-title h2{font-size:13px}.edit-invoice-content{padding:10px}.edit-invoice-section{margin-bottom:10px;padding:10px}.edit-invoice-section-title{margin-bottom:8px;padding-bottom:6px;font-size:11px}.edit-invoice-info-grid{grid-template-columns:repeat(2,1fr);gap:8px}.edit-invoice-form-grid{grid-template-columns:1fr;gap:8px}.edit-invoice-payment-header{flex-direction:column;align-items:flex-start;gap:8px}.edit-invoice-payment-grid,.edit-invoice-payment-grid-edit{grid-template-columns:repeat(2,1fr);gap:8px}.edit-invoice-payment-item,.edit-invoice-payment-form-group{padding:8px}.edit-invoice-payment-item label,.edit-invoice-payment-form-group label{font-size:9px}.edit-invoice-payment-item p{font-size:11px}.edit-invoice-serial-column{max-height:80px}.edit-invoice-payment-actions{flex-direction:column;width:100%}.edit-invoice-payment-actions .edit-invoice-btn{justify-content:center;width:100%}.edit-invoice-footer{flex-direction:column;align-items:stretch;padding:10px 12px}.edit-invoice-footer-actions{flex-direction:column;width:100%}.edit-invoice-btn{justify-content:center;width:100%}.edit-invoice-items-table table{font-size:9px}.edit-invoice-items-table th,.edit-invoice-items-table td{padding:6px}}@media (width<=480px){.edit-invoice-header{padding:10px}.edit-invoice-title h2{font-size:12px}.edit-invoice-icon{font-size:16px}.edit-invoice-btn-close-header{width:28px;height:28px;font-size:14px}.edit-invoice-content{padding:8px}.edit-invoice-section{margin-bottom:8px;padding:8px}.edit-invoice-info-grid{grid-template-columns:1fr;gap:6px}.edit-invoice-payment-grid,.edit-invoice-payment-grid-edit{grid-template-columns:1fr;gap:6px;padding:8px}.edit-invoice-items-table table{font-size:8px}.edit-invoice-items-table th,.edit-invoice-items-table td{padding:4px}.edit-invoice-btn{padding:6px 10px;font-size:10px}.edit-invoice-footer{gap:6px;padding:8px 10px}.edit-invoice-barcode{padding:2px 4px;font-size:8px}.edit-invoice-serial-item{padding:3px 4px;font-size:8px}}.edit-invoice-items-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.edit-invoice-btn-add-row{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:600;transition:all .2s;display:flex}.edit-invoice-btn-add-row:hover{background:#5568d3;transform:scale(1.05)}.edit-invoice-add-row-form{background:#f8f9fa;border:1px dashed #e2e8f0;border-radius:6px;margin-bottom:10px;padding:10px}.edit-invoice-form-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:8px;display:grid}.edit-invoice-form-group{flex-direction:column;display:flex}.edit-invoice-form-group label{color:#667eea;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:9px;font-weight:600}.edit-invoice-form-actions{justify-content:flex-end;gap:6px;margin-top:8px;display:flex}.edit-invoice-items-table tr.editing-row{background:#f0f4ff}.edit-invoice-input-small{border:1px solid #e2e8f0;border-radius:3px;padding:5px 6px;font-family:inherit;font-size:10px;transition:all .2s}.edit-invoice-input-small:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.edit-invoice-row-actions{justify-content:center;gap:4px;display:flex}.edit-invoice-btn-action{cursor:pointer;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:3px;justify-content:center;align-items:center;min-width:24px;height:24px;padding:4px 6px;font-size:10px;transition:all .2s;display:flex}.edit-invoice-btn-action-edit{color:#667eea}.edit-invoice-btn-action-edit:hover{color:#5568d3;background:#e0e7ff}.edit-invoice-btn-action-delete{color:#ef4444}.edit-invoice-btn-action-delete:hover{color:#dc2626;background:#fee2e2}.edit-invoice-btn-action-save{color:#16a34a;background:#dcfce7;border:1px solid #bbf7d0}.edit-invoice-btn-action-save:hover{color:#15803d;background:#bbf7d0}.edit-invoice-btn-action-cancel{color:#ef4444;background:#fee2e2;border:1px solid #fecaca}.edit-invoice-btn-action-cancel:hover{color:#dc2626;background:#fecaca}.edit-invoice-changes-indicator{color:#f59e0b;margin-left:4px;font-weight:600}@media (width<=768px){.edit-invoice-items-header{flex-direction:column;align-items:flex-start;gap:8px}.edit-invoice-btn-add-row{justify-content:center;width:100%}.edit-invoice-form-row{grid-template-columns:repeat(2,1fr)}.edit-invoice-form-row>.edit-invoice-form-group:last-child{grid-column:1/-1}.edit-invoice-items-table table{font-size:8px}.edit-invoice-items-table th,.edit-invoice-items-table td{padding:4px}.edit-invoice-input-small{padding:4px;font-size:9px}}@media (width<=480px){.edit-invoice-form-row{grid-template-columns:1fr}.edit-invoice-row-actions{flex-direction:column}.edit-invoice-btn-action{width:100%}}.edit-invoice-autocomplete-wrapper{position:relative}.edit-invoice-autocomplete-input-group{align-items:center;display:flex;position:relative}.edit-invoice-search-icon{color:#999;pointer-events:none;font-size:11px;position:absolute;left:8px}.edit-invoice-autocomplete-input-group input{padding-left:24px}.edit-invoice-spinner{color:#667eea;font-size:11px;animation:1s linear infinite spin;position:absolute;right:8px}.edit-invoice-suggestions{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 4px 4px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.edit-invoice-suggestion-item{cursor:pointer;border-bottom:1px solid #f0f0f0;padding:8px 10px;transition:all .2s}.edit-invoice-suggestion-item:hover{color:#667eea;background:#f0f4ff}.edit-invoice-suggestion-item:last-child{border-bottom:none}.edit-invoice-suggestion-name{color:#333;font-size:11px;font-weight:600}.edit-invoice-suggestion-details{color:#999;margin-top:2px;font-size:9px}.edit-invoice-serial-badge{color:#0c4a6e;background:#dbeafe;border-left:2px solid #0284c7;border-radius:3px;padding:4px 8px;font-family:Courier New,monospace;font-size:9px;font-weight:600;display:inline-block}.edit-invoice-warranty-badge{color:#92400e;background:#fef3c7;border-left:2px solid #f59e0b;border-radius:3px;padding:4px 8px;font-size:9px;font-weight:600;display:inline-block}.edit-invoice-serial-empty{color:#999;font-size:9px}.edit-invoice-bill-date-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.edit-invoice-bill-date-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;display:grid}.edit-invoice-bill-date-form-group{flex-direction:column;display:flex}.edit-invoice-bill-date-form-group label{color:#333;align-items:center;gap:.4rem;margin-bottom:.3rem;font-size:.8rem;font-weight:600;display:flex}.edit-invoice-bill-date-input{border:1px solid #ddd;border-radius:4px;height:32px;padding:.4rem .5rem;font-size:.85rem;transition:all .3s}.edit-invoice-bill-date-input:focus{border-color:#4f46e5;outline:none;box-shadow:0 0 0 2px #4f46e51a}.edit-invoice-bill-date-display{background-color:#f9fafb;border-radius:4px;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:.75rem;padding:.75rem;display:grid}.edit-invoice-bill-date-item{flex-direction:column;display:flex}.edit-invoice-bill-date-item label{color:#666;align-items:center;gap:.3rem;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:flex}.edit-invoice-bill-date-item p{color:#333;font-size:.9rem;font-weight:500}.edit-invoice-bill-date-actions{gap:.5rem;margin-top:.75rem;display:flex}.edit-invoice-bill-date-actions .edit-invoice-btn{flex:1;padding:.4rem .8rem;font-size:.8rem}@media (width<=768px){.edit-invoice-bill-date-grid,.edit-invoice-bill-date-display{grid-template-columns:1fr;gap:.5rem}.edit-invoice-bill-date-input{height:30px;padding:.35rem .4rem;font-size:.8rem}}.edit-invoice-credits-table-wrapper{background:#fffbeb;border:2px solid #fbbf24;border-radius:8px;margin-bottom:20px;padding:15px;box-shadow:0 2px 8px #fbbf2433}.edit-invoice-credits-title{color:#92400e;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.edit-invoice-credits-table{border:1px solid #fde68a;border-radius:6px;overflow-x:auto}.edit-invoice-credits-table table{border-collapse:collapse;background:#fff;width:100%}.edit-invoice-credits-table thead{background:#fef3c7;border-bottom:2px solid #fbbf24}.edit-invoice-credits-table th{text-align:left;color:#92400e;text-transform:uppercase;letter-spacing:.5px;padding:12px;font-size:12px;font-weight:700}.edit-invoice-credits-table td{color:#555;border-bottom:1px solid #fde68a;padding:12px;font-size:13px}.edit-invoice-credits-table tbody tr:hover{background:#fffbeb}.edit-invoice-credit-bill{color:#b45309;min-width:100px;font-weight:600}.edit-invoice-credit-amount-cell{color:#10b981;min-width:130px;font-weight:600}.edit-invoice-credit-amount-display{color:#10b981;font-size:14px;font-weight:700;display:inline-block}.edit-invoice-credit-amount-input{background:#fff;border:2px solid #fbbf24;border-radius:4px;width:120px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .3s}.edit-invoice-credit-amount-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.edit-invoice-credit-date{color:#999;min-width:100px;font-size:12px}.edit-invoice-credit-actions{text-align:center;min-width:100px}.edit-invoice-credit-row-actions,.edit-invoice-credit-edit-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.edit-invoice-credit-btn-edit{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:12px;transition:all .3s;display:inline-flex}.edit-invoice-credit-btn-edit:hover{background:#2563eb;transform:scale(1.1);box-shadow:0 2px 8px #3b82f64d}.edit-invoice-credit-btn-apply{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:12px;transition:all .3s;display:inline-flex}.edit-invoice-credit-btn-apply:hover{background:#059669;transform:scale(1.1);box-shadow:0 2px 8px #10b9814d}.edit-invoice-credit-btn-save{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:12px;transition:all .3s;display:inline-flex}.edit-invoice-credit-btn-save:hover{background:#059669;transform:scale(1.1)}.edit-invoice-credit-btn-cancel{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:32px;height:32px;padding:6px 10px;font-size:12px;transition:all .3s;display:inline-flex}.edit-invoice-credit-btn-cancel:hover{background:#dc2626;transform:scale(1.1)}@media (width<=1024px){.edit-invoice-credits-table{font-size:12px}.edit-invoice-credits-table th,.edit-invoice-credits-table td{padding:10px}.edit-invoice-credit-amount-input{width:100px}}@media (width<=768px){.edit-invoice-credits-table-wrapper{margin-bottom:15px;padding:12px}.edit-invoice-credits-title{margin-bottom:10px;font-size:13px}.edit-invoice-credits-table{font-size:11px}.edit-invoice-credits-table th,.edit-invoice-credits-table td{padding:8px}.edit-invoice-credit-bill,.edit-invoice-credit-amount-cell,.edit-invoice-credit-date{min-width:auto}.edit-invoice-credit-amount-input{width:80px;padding:4px 8px;font-size:12px}.edit-invoice-credit-row-actions,.edit-invoice-credit-edit-actions{flex-direction:column;gap:4px}.edit-invoice-credit-btn-edit,.edit-invoice-credit-btn-apply,.edit-invoice-credit-btn-save,.edit-invoice-credit-btn-cancel{width:100%;min-width:auto;padding:6px 8px;font-size:11px}}@media (width<=480px){.edit-invoice-credits-table-wrapper{border-radius:6px;padding:10px}.edit-invoice-credits-table{font-size:10px}.edit-invoice-credits-table th{padding:6px;font-size:10px}.edit-invoice-credits-table td{padding:6px;font-size:11px}.edit-invoice-credit-amount-input{width:70px;padding:4px 6px;font-size:11px}.edit-invoice-credit-btn-edit,.edit-invoice-credit-btn-apply,.edit-invoice-credit-btn-save,.edit-invoice-credit-btn-cancel{min-width:28px;height:28px;padding:4px 6px;font-size:10px}}.qdm-container{background:#fff;flex-direction:column;height:150vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.qdm-header-compact{z-index:100;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.qdm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.qdm-header-icon{font-size:18px}.qdm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.qdm-mobile-menu-toggle:active{background:#fff3}.qdm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.qdm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.qdm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.qdm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.qdm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.qdm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.qdm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.qdm-mobile-menu-item:active{background:#f3f4f6}.qdm-mobile-menu-item.active{color:#f59e0b;background:#fffbeb;border-left-color:#f59e0b}.qdm-mobile-menu-item.open{background:#fafafa}.qdm-mobile-menu-icon{min-width:16px;font-size:14px}.qdm-mobile-menu-label{flex:1}.qdm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.qdm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.qdm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.qdm-mobile-close-all:active{background:#fecaca}.qdm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.qdm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.qdm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.qdm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.qdm-btn-with-label:active{transform:scale(.97)}.qdm-btn-with-label.active{color:#f59e0b;background:#fffbeb;border-color:#f59e0b}.qdm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.qdm-btn-icon{flex-shrink:0;font-size:12px}.qdm-btn-text{display:inline-block}.qdm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.qdm-close-all-compact:hover{color:#dc2626;background:#fecaca}.qdm-close-all-compact:active{transform:scale(.97)}.qdm-button-bar::-webkit-scrollbar{height:3px}.qdm-button-bar::-webkit-scrollbar-track{background:0 0}.qdm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.qdm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.qdm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.qdm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.qdm-tabs-scroll::-webkit-scrollbar{height:3px}.qdm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.qdm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.qdm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.qdm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.qdm-tab-label:hover{color:#374151;background:#f3f4f6}.qdm-tab-label:active{transform:scale(.97)}.qdm-tab-label.active{color:#f59e0b;background:#fffbeb;border-bottom-color:#f59e0b}.qdm-tab-label-icon{font-size:10px}.qdm-tab-label-text{display:inline-block}.qdm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.qdm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.qdm-tab-label-close:active{transform:scale(.85)}.qdm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.qdm-tab-content{animation:.2s ease-out slideIn}.qdm-content::-webkit-scrollbar{width:6px}.qdm-content::-webkit-scrollbar-track{background:0 0}.qdm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.qdm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.qdm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.qdm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.qdm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.qdm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.qdm-mobile-menu-content::-webkit-scrollbar{width:4px}.qdm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.qdm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.qdm-header-compact{height:44px;padding:0 10px}.qdm-header-title{gap:6px;font-size:14px}.qdm-header-icon{font-size:16px}.qdm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.qdm-mobile-menu-overlay{display:block}.qdm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.qdm-button-bar{display:none}.qdm-tab-labels{gap:1px;height:32px;padding:0 4px}.qdm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.qdm-tab-label-text{display:none}.qdm-tab-label-icon{font-size:10px}.qdm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.qdm-content{padding:12px}.placeholder-content{height:250px}.qdm-empty h2{font-size:16px}.qdm-empty p{font-size:12px}.qdm-empty-icon{font-size:48px}}@media (width<=480px){.qdm-header-compact{height:40px;padding:0 8px}.qdm-header-title{gap:4px;font-size:12px}.qdm-header-icon{font-size:14px}.qdm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.qdm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.qdm-mobile-menu-header{padding:8px 10px}.qdm-mobile-menu-header h3{font-size:12px}.qdm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.qdm-mobile-menu-icon{min-width:14px;font-size:12px}.qdm-mobile-menu-footer{padding:6px 10px}.qdm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.qdm-tab-labels{gap:0;height:28px;padding:0 2px}.qdm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.qdm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.qdm-content{padding:10px}.placeholder-content{height:200px;font-size:12px}.qdm-empty-icon{font-size:40px}.qdm-empty h2{font-size:14px}.qdm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.qdm-header-title span{display:none}.qdm-header-icon{font-size:16px}.qdm-header-compact{height:38px;padding:0 6px}.qdm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.qdm-mobile-menu-icon{font-size:11px}.qdm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.qdm-tab-label-icon{font-size:8px}.qdm-tab-label-close{width:8px;height:8px;font-size:5px}.qdm-content{padding:8px}.placeholder-content{height:150px}.qdm-empty-icon{font-size:36px}.qdm-empty h2{font-size:12px}.qdm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.qdm-header-compact{height:40px}.qdm-header-title{font-size:13px}.qdm-button-bar{height:36px;padding:0 4px}.qdm-btn-with-label{padding:4px 8px;font-size:10px}.qdm-tab-labels{height:28px}.qdm-tab-label{padding:4px 8px;font-size:8px}.qdm-content{padding:12px}.qdm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.qdm-container{background:#1f2937}.qdm-button-bar,.qdm-mobile-menu,.qdm-tab-labels,.qdm-content{background:#111827;border-bottom-color:#374151}.qdm-header-compact{border-bottom-color:#374151}.qdm-btn-with-label,.qdm-tab-label{color:#d1d5db}.qdm-btn-with-label:hover,.qdm-tab-label:hover{background:#1f2937}.qdm-mobile-menu-item{color:#d1d5db}.qdm-mobile-menu-item:active{background:#1f2937}.qdm-mobile-menu-header,.qdm-mobile-menu-footer{background:#1f2937;border-color:#374151}.qdm-mobile-menu-header h3{color:#f3f4f6}.placeholder-content{background:#1f2937;border-color:#374151}.qdm-empty h2{color:#f3f4f6}.qdm-empty p,.qdm-empty-icon{color:#9ca3af}}@media print{.qdm-header-compact,.qdm-button-bar,.qdm-mobile-menu,.qdm-tab-labels,.qdm-mobile-menu-toggle,.qdm-close-all-compact{display:none}.qdm-container{height:auto}.qdm-content{padding:0}}@media (prefers-reduced-motion:reduce){.qdm-btn-with-label,.qdm-tab-label,.qdm-mobile-menu-item,.qdm-tab-content,.qdm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.qdm-btn-with-label.active,.qdm-tab-label.active,.qdm-mobile-menu-item.active{border-width:2px;font-weight:700}.qdm-header-compact{border-bottom-width:2px}}@keyframes smFadeIn{0%{opacity:0}to{opacity:1}}@keyframes smSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes smSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.sm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out smFadeIn;display:flex;position:fixed;top:0;left:0}.sm-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;padding:20px;animation:.3s ease-out smSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.sm-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.sm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.sm-search-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 18px}.sm-search-wrapper{align-items:center;gap:10px;display:flex;position:relative}.sm-search-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.sm-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1;padding:10px 12px 10px 36px;font-family:inherit;font-size:13px;transition:all .3s}.sm-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.sm-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.sm-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg)}.sm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.sm-spinning svg{animation:1s linear infinite smSpin}.sm-description-search-section{background:linear-gradient(135deg,#f0f4f8 0%,#e8ecf1 100%);border-bottom:1px solid #d0d8e0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:12px 18px;display:flex}.sm-description-search-label{color:#333;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:600}.sm-description-mode-select{cursor:pointer;background-color:#fff;border:1px solid #ccc;border-radius:5px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .3s}.sm-description-mode-select:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.sm-description-search-input{border:1px solid #ccc;border-radius:5px;flex:1;min-width:200px;padding:8px 12px;font-size:12px;transition:all .3s}.sm-description-search-input:focus{border-color:var(--system-main-color);background-color:#fafbfc;outline:none;box-shadow:0 0 0 3px #667eea1a}.sm-description-clear-btn{color:#fff;cursor:pointer;white-space:nowrap;background-color:#ff6b6b;border:none;border-radius:5px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s}.sm-description-clear-btn:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.sm-loading-state{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sm-spinner{border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:1s linear infinite smSpin}.sm-loading-state p{margin:0;font-size:12px;font-weight:500}.sm-table-container{background-color:#fff;flex:1;overflow-y:auto}.sm-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:12px}.sm-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:10px;font-weight:700;position:sticky;top:0}.sm-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:10px 8px}.sm-table tbody tr{cursor:pointer;background-color:#fff;transition:all .2s}.sm-table-row:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.sm-table tbody tr:last-child td{border-bottom:none}.sm-no{color:var(--system-main-color);font-weight:700}.sm-serial{color:#1f2937;font-family:Courier New,monospace;font-size:11px;font-weight:700}.sm-name{text-align:left;color:#1f2937;font-weight:600}.sm-barcode{color:#72100d;font-family:Courier New,monospace;font-size:16px;font-weight:1000}.sm-price{color:#10b981;font-weight:700}.sm-qty{color:#f59e0b;font-weight:600}.sm-description{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;cursor:help;max-width:120px;font-size:11px;overflow:hidden}.sm-supplier{color:#6b7280;font-size:11px}.sm-actions{justify-content:center;align-items:center;gap:6px;display:flex}.sm-action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:flex}.sm-view-btn{color:#0284c7;background-color:#dbeafe}.sm-view-btn:hover{color:#fff;background-color:#0284c7;transform:scale(1.1)}.sm-select-btn{color:#16a34a;background-color:#dcfce7}.sm-select-btn:hover{color:#fff;background-color:#16a34a;transform:scale(1.1)}.sm-no-data-row td{text-align:center;padding:40px 20px}.sm-no-data{color:#9ca3af;text-align:center;background-color:#f9fafb;border-radius:6px;justify-content:center;align-items:center;padding:40px 20px;display:flex}.sm-no-data p{margin:0;font-size:12px;font-weight:500}.sm-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 15px;display:flex}.sm-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.sm-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.sm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sm-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:100px;padding:6px 10px;font-size:10px;font-weight:700;box-shadow:0 1px 3px #0000000d}.sm-details-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out smFadeIn;display:flex;position:fixed;top:0;left:0}.sm-details-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;width:90%;max-width:900px;max-height:85vh;animation:.3s ease-out smSlideUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.sm-details-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:16px 18px}.sm-details-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.sm-details-content{background-color:#fff;padding:18px}.sm-details-section{margin-bottom:18px}.sm-section-title{color:#1f2937;border-bottom:2px solid var(--system-main-color);text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px;padding-bottom:8px;font-size:13px;font-weight:700}.sm-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sm-info-item{border-left:3px solid var(--system-main-color);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.sm-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.sm-info-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.sm-info-value{color:#1f2937;font-size:12px;font-weight:600}.sm-description-detail{border-left:3px solid var(--system-main-color);color:#374151;word-wrap:break-word;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:6px;padding:12px;font-size:12px;line-height:1.6}.sm-image-section{text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:6px;padding:12px}.sm-product-image{border-radius:6px;max-width:100%;max-height:300px;box-shadow:0 4px 12px #0000001a}.sm-details-loading{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.sm-details-loading p{margin:12px 0 0;font-size:12px;font-weight:500}.sm-details-error{text-align:center;color:#ef4444;padding:60px 20px}.sm-details-error h3{margin:0 0 8px;font-size:16px}.sm-details-error p{color:#9ca3af;margin:0;font-size:12px}.sm-details-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.sm-details-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.4px;border:none;border-radius:6px;flex:1;min-width:150px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .3s}.sm-select-product-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;box-shadow:0 2px 8px #667eea33}.sm-select-product-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.sm-select-barcode-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98133}.sm-select-barcode-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.sm-table-container::-webkit-scrollbar{width:6px}.sm-details-modal::-webkit-scrollbar{width:6px}.sm-table-container::-webkit-scrollbar-track{background:#f1f1f1}.sm-details-modal::-webkit-scrollbar-track{background:#f1f1f1}.sm-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sm-details-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sm-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.sm-details-modal::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=768px){.sm-modal{width:95%;max-height:90vh}.sm-header h3{font-size:14px}.sm-search-input{font-size:12px}.sm-description-search-section{flex-direction:column;align-items:stretch}.sm-description-mode-select,.sm-description-search-input{width:100%}.sm-table th{padding:8px 6px;font-size:9px}.sm-table td{padding:8px 6px;font-size:11px}.sm-details-modal{width:95%}.sm-info-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=480px){.sm-modal{width:98%;max-height:92vh}.sm-header h3{font-size:12px}.sm-search-section{padding:10px 12px}.sm-search-input{padding:8px 10px 8px 32px;font-size:11px}.sm-search-wrapper{gap:6px}.sm-refresh-btn{width:28px;height:28px}.sm-description-search-section{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.sm-description-search-label{font-size:11px}.sm-description-mode-select,.sm-description-search-input,.sm-description-clear-btn{width:100%;font-size:11px}.sm-table th{padding:6px 4px;font-size:8px}.sm-table td{padding:6px 4px;font-size:10px}.sm-description{max-width:80px}.sm-actions{gap:4px}.sm-action-btn{width:24px;height:24px}.sm-pagination-btn,.sm-pagination-info{padding:4px 8px;font-size:9px}.sm-details-modal{width:98%}.sm-details-header h2{font-size:14px}.sm-details-content{padding:12px}.sm-section-title{font-size:12px}.sm-info-grid{grid-template-columns:1fr;gap:10px}.sm-product-image{max-height:200px}.sm-details-actions{flex-direction:column}.sm-details-btn{min-width:auto}}@media screen and (width<=360px){.sm-modal{width:99%}.sm-header h3{font-size:11px}.sm-search-input{font-size:10px}.sm-table th,.sm-table td{padding:4px 2px;font-size:9px}.sm-description{max-width:60px;font-size:9px}.sm-details-header h2{font-size:12px}.sm-section-title{font-size:11px}.sm-info-label{font-size:9px}.sm-info-value{font-size:11px}.sm-description-search-label{font-size:10px}}.sm-search-field-select{cursor:pointer;color:#374151;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1.5px solid #667eea;border-radius:8px;min-width:140px;padding:11px 14px;font-size:13px;font-weight:500;transition:all .3s;box-shadow:0 2px 8px #667eea26}.sm-search-field-select:hover{background:linear-gradient(135deg,#f0f4f8 0%,#e8ecf1 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea40}.sm-search-field-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea33}.pq-modal-container{background:#fff;border-radius:8px;width:100%;max-width:700px;min-height:600px;max-height:800px;overflow-y:auto;box-shadow:0 4px 20px #0003}.pq-field{flex-direction:column;display:flex}@media (width<=600px){.pq-grid{grid-template-columns:1fr}.pq-modal-container{max-width:100%;margin:10px}.pq-actions{flex-direction:column}.pq-btn{width:100%}}.pq-modal-overlay{z-index:9999;background-color:#0009;justify-content:center;align-items:center;padding:15px;display:flex;position:fixed;inset:0}.pq-modal-container{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 20px #0003}.pq-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px 8px 0 0;padding:12px 15px}.pq-title{margin:0 0 6px;font-size:16px;font-weight:600}.pq-total{margin:0;font-size:22px;font-weight:700}.pq-content{padding:15px}.pq-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:12px;padding:12px}.pq-section-title{border-bottom:2px solid;margin:0 0 10px;padding-bottom:6px;font-size:14px;font-weight:600}.customer-title{color:#007bff;border-color:#007bff}.discount-title{color:#28a745;border-color:#28a745}.pq-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pq-field{flex-direction:column;display:flex;position:relative}.pq-field-full{grid-column:1/-1}.pq-label{color:#555;margin-bottom:4px;font-size:11px;font-weight:500;display:block}.pq-label-icon{align-items:center;gap:5px;display:flex}.pq-icon{width:14px;height:14px}.pq-input{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:7px 8px;font-size:12px;transition:border-color .2s}.pq-input:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff1a}.pq-input-readonly{color:#007bff;text-align:center;cursor:not-allowed;background-color:#e9ecef;font-weight:600}.pq-textarea{resize:vertical;box-sizing:border-box;border:1px solid #ccc;border-radius:4px;width:100%;padding:7px 8px;font-family:inherit;font-size:12px;transition:border-color .2s}.pq-textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff1a}.pq-customer-search-wrapper{width:100%;position:relative}.pq-customer-dropdown{z-index:1000;background:#fff;border:2px solid #007bff;border-top:none;border-radius:0 0 6px 6px;max-height:300px;margin-top:-2px;display:block;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #007bff33}.pq-customer-option{cursor:pointer;background:#fff;border-bottom:1px solid #e5e7eb;padding:10px 12px;transition:all .2s}.pq-customer-option:last-child{border-bottom:none;border-radius:0 0 6px 6px}.pq-customer-option:hover{background:linear-gradient(135deg,#f0f4ff 0%,#e8ecff 100%);border-left:3px solid #007bff;padding-left:9px}.pq-customer-name{color:#1f2937;margin-bottom:3px;font-size:12px;font-weight:700}.pq-customer-details{color:#6b7280;min-height:16px;font-size:11px;font-weight:500}.pq-selected-customer-info{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #22c55e;border-radius:6px;margin-top:12px;padding:12px;font-size:11px}.pq-selected-customer-info p{color:#15803d;margin:4px 0;font-weight:600}.pq-clear-customer-btn{cursor:pointer;color:#dc2626;z-index:10;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pq-clear-customer-btn:hover{color:#991b1b;background:#fca5a5}.pq-btn-create-new{color:#667eea;cursor:pointer;background:#fff;border:2px dashed #667eea;border-radius:6px;width:100%;margin-top:12px;padding:10px;font-size:11px;font-weight:700;transition:all .2s}.pq-btn-create-new:hover{color:#764ba2;background:#f0f4ff;border-color:#764ba2}.pq-btn-back-search{color:#6b7280;cursor:pointer;background:#fff;border:2px solid #9ca3af;border-radius:6px;width:100%;margin-top:12px;padding:10px;font-size:11px;font-weight:700;transition:all .2s}.pq-btn-back-search:hover{color:#374151;background:#f3f4f6;border-color:#6b7280}.pq-required{color:#dc2626;margin-left:2px;font-weight:700}.pq-actions{justify-content:flex-end;gap:8px;margin-top:15px;display:flex}.pq-btn{cursor:pointer;border:none;border-radius:5px;padding:9px 20px;font-size:13px;font-weight:600;transition:all .2s}.pq-btn-save{color:#fff;background-color:#28a745}.pq-btn-save:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.pq-btn-save:disabled{cursor:not-allowed;background-color:#ccc}.pq-btn-cancel{color:#333;background-color:#fff;border:1px solid #ccc}.pq-btn-cancel:hover{background-color:#f8f9fa;border-color:#999}@media (width<=600px){.pq-grid{grid-template-columns:1fr}.pq-modal-container{max-width:100%;margin:10px}.pq-actions{flex-direction:column}.pq-btn{width:100%}.pq-customer-dropdown{max-height:200px}}.pq-modal-container::-webkit-scrollbar{width:8px}.pq-modal-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.pq-modal-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.pq-modal-container::-webkit-scrollbar-thumb:hover{background:#555}.pq-customer-dropdown::-webkit-scrollbar{width:6px}.pq-customer-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.pq-customer-dropdown::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.pq-customer-dropdown::-webkit-scrollbar-thumb:hover{background:#999}.quotation-panel-main-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);width:100%;height:70vh;padding:12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow:hidden}.quotation-panel{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1600px;height:100%;max-height:100%;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 15px 45px #0000001f}.quotation-panel-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #764ba2;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex;box-shadow:0 2px 8px #667eea26}.quotation-panel-header-left{flex-direction:column;gap:3px;display:flex}.quotation-panel-title{letter-spacing:.3px;margin:0;font-size:22px;font-weight:700}.quotation-panel-subtitle{opacity:.85;margin:0;font-size:11px;font-weight:500}.quotation-panel-header-info{flex-wrap:wrap;gap:8px;display:flex}.quotation-panel-header-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;padding:5px 12px;font-size:10px;font-weight:600}.quotation-panel-input-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 24px}.quotation-panel-search-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quotation-panel-search-type-select{cursor:pointer;background:#fff;border:2px solid #e5e7eb;border-radius:6px;min-width:140px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .3s}.quotation-panel-search-type-select:hover,.quotation-panel-search-type-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.quotation-panel-serial-input-wrapper{flex:1;min-width:180px;position:relative}.quotation-panel-serial-input{color:#047857;box-sizing:border-box;background:#f0fdf4;border:2px solid #10b981;border-radius:6px;width:100%;padding:8px 12px;font-size:11px;font-weight:600;transition:all .3s}.quotation-panel-serial-input:focus{background:#ecfdf5;border-color:#059669;outline:none;box-shadow:0 0 0 2px #10b98126}.quotation-panel-error-message{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:4px;margin-top:4px;padding:5px 10px;font-size:10px;font-weight:600;animation:.3s quotation-panel-slideDown}.quotation-panel-loading-message{color:#0369a1;background:#eff6ff;border:1px solid #7dd3fc;border-radius:4px;margin-top:4px;padding:5px 10px;font-size:10px;font-weight:600;animation:.3s quotation-panel-slideDown}@keyframes quotation-panel-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.quotation-panel-search-input-wrapper{flex:1;min-width:180px;position:relative}.quotation-panel-search-input{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:6px;width:100%;padding:8px 12px;font-size:11px;font-weight:600;transition:all .3s}.quotation-panel-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.quotation-panel-suggestions-dropdown{z-index:100;background:#fff;border:2px solid #667eea;border-top:none;border-radius:0 0 6px 6px;max-height:320px;margin-top:-2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 6px 12px #667eea1f}.quotation-panel-suggestion-item{cursor:pointer;text-align:left;background:#fff;border:none;width:100%;padding:10px 12px;transition:all .2s;display:block}.quotation-panel-suggestion-item:last-child{border-bottom:none;border-radius:0 0 6px 6px}.quotation-panel-suggestion-item:hover,.quotation-panel-suggestion-item.selected{background:linear-gradient(135deg,#f0f4ff 0%,#e8ecff 100%);border-left:3px solid #667eea;padding-left:9px}.quotation-panel-suggestion-product-name{color:#1f2937;margin-bottom:3px;font-size:11px;font-weight:700}.quotation-panel-suggestion-product-details{color:#6b7280;flex-wrap:wrap;gap:8px;font-size:10px;font-weight:600;display:flex}.quotation-panel-price-input,.quotation-panel-percentage-input,.quotation-panel-qty-input{text-align:center;background:#fff;border:2px solid #e5e7eb;border-radius:6px;min-width:80px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .3s}.quotation-panel-price-input{color:#92400e;background:#fffbeb;border-color:#fbbf24}.quotation-panel-price-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 2px #f59e0b26}.quotation-panel-percentage-input{color:#0369a1;background:#f0f9ff;border-color:#06b6d4}.quotation-panel-percentage-input:focus{border-color:#0891b2;outline:none;box-shadow:0 0 0 2px #06b6d426}.quotation-panel-qty-input{color:#374151;background:#f9fafb;border-color:#9ca3af}.quotation-panel-qty-input:focus{border-color:#6b7280;outline:none;box-shadow:0 0 0 2px #6b728026}.quotation-panel-serial-panel{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:2px solid #22c55e;border-radius:10px;flex-shrink:0;margin:0 24px 12px;padding:12px;box-shadow:0 2px 8px #22c55e1f}.quotation-panel-serial-panel-header{border-bottom:2px solid #22c55e;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.quotation-panel-serial-panel-header h4{color:#15803d;margin:0;font-size:12px;font-weight:700}.quotation-panel-serial-search-wrapper{margin-bottom:10px;position:relative}.quotation-panel-serial-search-wrapper label{color:#15803d;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.quotation-panel-serial-search-controls{gap:6px;display:flex}.quotation-panel-serial-search-input{color:#15803d;box-sizing:border-box;background:#f0fdf4;border:2px solid #22c55e;border-radius:5px;flex:1;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.quotation-panel-serial-search-input:focus{background:#ecfdf5;border-color:#16a34a;outline:none;box-shadow:0 0 0 2px #22c55e26}.quotation-panel-serial-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#15803d 0%,#166534 100%);border:none;border-radius:5px;padding:6px 14px;font-size:10px;font-weight:700;transition:all .2s;box-shadow:0 1px 4px #15803d40}.quotation-panel-serial-add-btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #15803d66}.quotation-panel-serial-add-btn:active{transform:translateY(0)}.quotation-panel-serial-suggestions-dropdown{z-index:1000;background:#fff;border:2px solid #22c55e;border-top:none;border-radius:0 0 5px 5px;max-height:130px;margin-top:-2px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 3px 10px #22c55e26}.quotation-panel-serial-suggestion-item{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:0;transition:all .2s;display:flex}.quotation-panel-serial-suggestion-item:last-child{border-bottom:none}.quotation-panel-serial-suggestion-item:hover{background:#ecfdf5;padding-left:14px}.quotation-panel-serial-number{color:#15803d;font-size:10px;font-weight:700}.quotation-panel-serial-stock{color:#6b7280;font-size:8px;font-weight:500}.quotation-panel-serial-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;max-height:200px;padding-right:3px;display:grid;overflow-y:auto}.quotation-panel-serial-btn{cursor:pointer;word-break:break-word;border:2px solid;border-radius:5px;justify-content:center;align-items:center;min-height:36px;padding:6px 4px;font-size:10px;font-weight:700;transition:all .2s;display:flex;position:relative}.quotation-panel-serial-btn-selected{color:#fff;background:linear-gradient(135deg,#15803d 0%,#166534 100%);border-color:#166534;box-shadow:0 1px 4px #15803d4d}.quotation-panel-serial-btn-selected:hover{transform:scale(1.04);box-shadow:0 2px 6px #15803d80}.quotation-panel-serial-btn-unselected{color:#15803d;background:#fff;border-color:#86efac;box-shadow:0 .5px 1px #22c55e1a}.quotation-panel-serial-btn-unselected:hover{background:#f0fdf4;border-color:#22c55e;box-shadow:0 1px 4px #22c55e26}.quotation-panel-checkmark{color:#fff;font-size:11px;font-weight:700;position:absolute;top:1px;right:3px}.quotation-panel-table-section{flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;overflow:hidden}.quotation-panel-table-header{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 24px}.quotation-panel-table-header h4{color:#1f2937;align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.quotation-panel-table-wrapper{background:#fff;flex:auto;width:100%;min-height:0;display:block;overflow:auto}.quotation-panel-table{border-collapse:collapse;table-layout:auto;width:100%;min-width:1000px;font-size:11px}.quotation-panel-table thead{color:#fff;z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.quotation-panel-table th{text-align:center;white-space:nowrap;text-overflow:clip;border-right:1px solid #ffffff26;min-width:70px;padding:10px 8px;font-size:10px;font-weight:700;overflow:visible}.quotation-panel-table th:last-child{border-right:none}.quotation-panel-table tbody tr{border-bottom:1px solid #e5e7eb;height:auto;transition:all .2s}.quotation-panel-table tbody tr:hover{background:#f9fafb}.quotation-panel-table tbody tr.quotation-panel-new-row{background:#f0fdf4}.quotation-panel-table tbody tr.quotation-panel-new-row:hover{background:#ecfdf5}.quotation-panel-table td{text-align:center;vertical-align:middle;text-overflow:clip;word-break:break-word;border-right:1px solid #e5e7eb;min-width:70px;min-height:40px;padding:8px;display:table-cell;overflow:visible}.quotation-panel-table td:last-child{border-right:none}.quotation-panel-empty-message{text-align:center;color:#9ca3af;font-size:12px;font-weight:600;padding:30px 15px!important}.quotation-panel-cell-id{color:#1f2937;text-align:center;width:70px;min-width:70px;font-size:10px;font-weight:600}.quotation-panel-cell-name{text-align:left;color:#1f2937;width:120px;min-width:120px;font-size:10px;font-weight:600;padding-left:12px!important}.quotation-panel-cell-cost{color:#92400e;cursor:pointer;background:#fffbeb;border-left:2px solid #fbbf24;width:70px;min-width:70px;font-size:10px;font-weight:700;transition:all .2s}.quotation-panel-cell-cost:hover{background:#fef3c7}.quotation-panel-cell-mrp{color:#0c4a6e;cursor:pointer;background:#eff6ff;border-left:2px solid #0ea5e9;width:70px;min-width:70px;font-size:10px;font-weight:700;transition:all .2s}.quotation-panel-cell-mrp:hover{background:#dbeafe}.quotation-panel-cell-percentage{color:#0369a1;cursor:pointer;background:#f0f9ff;border-left:2px solid #06b6d4;width:60px;min-width:60px;font-size:10px;font-weight:700;transition:all .2s}.quotation-panel-cell-percentage:hover{background:#e0f2fe}.quotation-panel-cell-discount,.quotation-panel-cell-rate{color:#1f2937;width:70px;min-width:70px;font-size:10px;font-weight:600}.quotation-panel-cell-qty{color:#374151;cursor:pointer;background:#f9fafb;border-left:2px solid #9ca3af;width:60px;min-width:60px;font-size:10px;font-weight:600;transition:all .2s}.quotation-panel-cell-qty:hover{background:#f3f4f6}.quotation-panel-cell-amount{color:#1f2937;width:80px;min-width:80px;font-size:10px;font-weight:700}.quotation-panel-cell-profit{color:#000;background:0 0;width:90px;min-width:90px;font-size:10px;font-weight:700}.quotation-panel-cell-action{flex-shrink:0;width:50px;min-width:50px}.quotation-panel-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:16px;transition:all .2s;display:inline-block}.quotation-panel-delete-btn:hover{background:#fee2e2;transform:scale(1.15)}.quotation-panel-cell-input{text-align:center;color:#1f2937;box-sizing:border-box;background:#f0f4ff;border:2px solid #667eea;border-radius:3px;width:100%;padding:5px 3px;font-size:10px;font-weight:600;transition:all .2s}.quotation-panel-cell-input:focus{border-color:#764ba2;outline:none;box-shadow:0 0 0 2px #667eea26}.quotation-panel-totals{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;padding:12px 24px;display:flex;box-shadow:0 -2px 8px #667eea1f}.quotation-panel-total-item{flex-direction:column;align-items:center;gap:2px;display:flex}.quotation-panel-total-item label{opacity:.85;font-size:9px;font-weight:600}.quotation-panel-total-value{color:#fff;font-size:12px;font-weight:700}.quotation-panel-total-item-profit .quotation-panel-total-value{font-size:13px;font-weight:700}.quotation-panel-total-item-amount .quotation-panel-total-value{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:5px;padding:4px 10px;font-size:15px;font-weight:700}.quotation-panel-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;gap:8px;padding:10px 24px;display:flex}.quotation-panel-action-btn{cursor:pointer;white-space:nowrap;border:2px solid;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .3s;display:flex}.quotation-panel-btn-icon{font-size:14px}.quotation-panel-btn-text{display:inline}.quotation-panel-stock-btn{color:#3b82f6;background:#fff;border-color:#3b82f6}.quotation-panel-stock-btn:hover{background:#eff6ff;border-color:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f626}.quotation-panel-payment-btn{color:#10b981;background:#fff;border-color:#10b981}.quotation-panel-payment-btn:hover{background:#f0fdf4;border-color:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b98126}.quotation-panel-clear-btn{color:#f59e0b;background:#fff;border-color:#f59e0b}.quotation-panel-clear-btn:hover{background:#fffbeb;border-color:#d97706;transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b26}.quotation-panel-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.quotation-panel-serial-buttons-grid::-webkit-scrollbar{width:6px;height:6px}.quotation-panel-suggestions-dropdown::-webkit-scrollbar{width:6px;height:6px}.quotation-panel-serial-suggestions-dropdown::-webkit-scrollbar{width:6px;height:6px}.quotation-panel-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.quotation-panel-serial-buttons-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.quotation-panel-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.quotation-panel-serial-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f5f9;border-radius:8px}.quotation-panel-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:all .2s}.quotation-panel-serial-buttons-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:all .2s}.quotation-panel-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:all .2s}.quotation-panel-serial-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:8px;transition:all .2s}.quotation-panel-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.quotation-panel-serial-buttons-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.quotation-panel-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.quotation-panel-serial-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.quotation-panel-main-container{height:100vh;padding:8px}.quotation-panel{border-radius:8px;height:100%}.quotation-panel-header{flex-direction:column;align-items:flex-start;gap:8px;padding:10px 15px}.quotation-panel-title{font-size:18px}.quotation-panel-subtitle{font-size:10px}.quotation-panel-header-info{gap:6px;width:100%}.quotation-panel-header-badge{padding:4px 10px;font-size:9px}.quotation-panel-input-section{padding:10px 15px}.quotation-panel-search-row{flex-direction:column;gap:6px}.quotation-panel-search-type-select,.quotation-panel-serial-input,.quotation-panel-search-input,.quotation-panel-price-input,.quotation-panel-percentage-input,.quotation-panel-qty-input{width:100%;padding:7px 10px;font-size:10px}.quotation-panel-suggestions-dropdown{max-height:280px}.quotation-panel-serial-panel{margin:0 15px 10px;padding:10px}.quotation-panel-serial-panel-header h4{font-size:11px}.quotation-panel-serial-search-wrapper label{margin-bottom:3px;font-size:9px}.quotation-panel-serial-add-btn{padding:5px 12px;font-size:9px}.quotation-panel-serial-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:5px;max-height:180px}.quotation-panel-serial-btn{min-height:32px;padding:5px 3px;font-size:9px}.quotation-panel-table-section{min-height:0}.quotation-panel-table-header{padding:10px 15px}.quotation-panel-table-header h4{font-size:12px}.quotation-panel-table{table-layout:auto;font-size:9px}.quotation-panel-table th,.quotation-panel-table td{padding:6px 4px;font-size:9px}.quotation-panel-cell-id{width:45px}.quotation-panel-cell-name{width:80px}.quotation-panel-cell-cost,.quotation-panel-cell-mrp,.quotation-panel-cell-discount,.quotation-panel-cell-rate{width:45px}.quotation-panel-cell-percentage{width:35px}.quotation-panel-cell-qty{width:40px}.quotation-panel-cell-amount{width:55px}.quotation-panel-cell-profit{width:60px}.quotation-panel-cell-action{width:40px}.quotation-panel-totals{flex-direction:column;align-items:flex-end;gap:10px;padding:8px 15px}.quotation-panel-total-item{flex-direction:row;align-items:center;gap:6px}.quotation-panel-total-item label{font-size:8px}.quotation-panel-total-value{font-size:11px}.quotation-panel-total-item-amount .quotation-panel-total-value{padding:3px 8px;font-size:12px}.quotation-panel-footer{gap:6px;padding:8px 15px}.quotation-panel-action-btn{gap:5px;padding:6px 12px;font-size:10px}.quotation-panel-btn-icon{font-size:12px}}@media (width<=480px){.quotation-panel-main-container{height:100vh;padding:4px}.quotation-panel{border-radius:6px;height:100%}.quotation-panel-header{gap:6px;padding:8px 12px}.quotation-panel-title{font-size:16px}.quotation-panel-subtitle{font-size:9px}.quotation-panel-header-info{gap:4px}.quotation-panel-header-badge{padding:3px 8px;font-size:8px}.quotation-panel-input-section{padding:8px 12px}.quotation-panel-search-type-select{min-width:110px;padding:6px 10px;font-size:10px}.quotation-panel-search-input,.quotation-panel-serial-input,.quotation-panel-price-input,.quotation-panel-percentage-input,.quotation-panel-qty-input{padding:6px 10px;font-size:9px}.quotation-panel-suggestions-dropdown{max-height:240px}.quotation-panel-table-section{min-height:0}.quotation-panel-table{table-layout:auto;font-size:8px}.quotation-panel-table th,.quotation-panel-table td{padding:5px 3px;font-size:8px}.quotation-panel-cell-id{width:40px}.quotation-panel-cell-name{width:70px}.quotation-panel-cell-cost,.quotation-panel-cell-mrp,.quotation-panel-cell-discount,.quotation-panel-cell-rate{width:40px}.quotation-panel-cell-percentage{width:30px}.quotation-panel-cell-qty{width:35px}.quotation-panel-cell-amount{width:50px}.quotation-panel-cell-profit{width:55px}.quotation-panel-cell-action{width:35px}.quotation-panel-delete-btn{font-size:14px}.quotation-panel-totals{gap:8px;padding:6px 12px}.quotation-panel-total-item label{font-size:7px}.quotation-panel-total-value{font-size:10px}.quotation-panel-total-item-amount .quotation-panel-total-value{padding:2px 6px;font-size:11px}.quotation-panel-footer{gap:4px;padding:6px 12px}.quotation-panel-action-btn{flex:1;justify-content:center;padding:5px 10px;font-size:9px}.quotation-panel-btn-text{display:none}.quotation-panel-btn-icon{font-size:12px}.quotation-panel-serial-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:4px;max-height:160px}.quotation-panel-serial-btn{min-height:30px;padding:4px 2px;font-size:8px}.quotation-panel-serial-search-input{padding:5px 8px;font-size:9px}.quotation-panel-serial-add-btn{padding:5px 10px;font-size:8px}.quotation-panel-table-header h4{font-size:11px}}@keyframes quotation-panel-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quotation-panel{animation:.3s quotation-panel-fadeIn}.quotation-panel-suggestion-item,.quotation-panel-serial-btn{animation:.2s quotation-panel-fadeIn}@media print{.quotation-panel-main-container{background:#fff;height:auto;padding:0}.quotation-panel{box-shadow:none;border-radius:0;max-width:100%;height:auto}.quotation-panel-header,.quotation-panel-input-section,.quotation-panel-serial-panel,.quotation-panel-footer{display:none}.quotation-panel-table-section{min-height:auto}.quotation-panel-table-wrapper{box-shadow:none;border:1px solid #000;overflow:visible}.quotation-panel-table{font-size:10px}.quotation-panel-table th,.quotation-panel-table td{padding:5px 3px}.quotation-panel-totals{page-break-inside:avoid;margin-top:20px}}.mjm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.mjm-header-compact{z-index:100;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.mjm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.mjm-header-icon{font-size:18px}.mjm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.mjm-mobile-menu-toggle:active{background:#fff3}.mjm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.mjm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.mjm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.mjm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.mjm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.mjm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.mjm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.mjm-mobile-menu-item:active{background:#f3f4f6}.mjm-mobile-menu-item.active{color:#8b5cf6;background:#f5f3ff;border-left-color:#8b5cf6}.mjm-mobile-menu-item.open{background:#fafafa}.mjm-mobile-menu-icon{min-width:16px;font-size:14px}.mjm-mobile-menu-label{flex:1}.mjm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.mjm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.mjm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mjm-mobile-close-all:active{background:#fecaca}.mjm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.mjm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.mjm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mjm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.mjm-btn-with-label:active{transform:scale(.97)}.mjm-btn-with-label.active{color:#8b5cf6;background:#f5f3ff;border-color:#8b5cf6}.mjm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.mjm-btn-icon{flex-shrink:0;font-size:12px}.mjm-btn-text{display:inline-block}.mjm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mjm-close-all-compact:hover{color:#dc2626;background:#fecaca}.mjm-close-all-compact:active{transform:scale(.97)}.mjm-button-bar::-webkit-scrollbar{height:3px}.mjm-button-bar::-webkit-scrollbar-track{background:0 0}.mjm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.mjm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mjm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.mjm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.mjm-tabs-scroll::-webkit-scrollbar{height:3px}.mjm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.mjm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.mjm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.mjm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.mjm-tab-label:hover{color:#374151;background:#f3f4f6}.mjm-tab-label:active{transform:scale(.97)}.mjm-tab-label.active{color:#8b5cf6;background:#f5f3ff;border-bottom-color:#8b5cf6}.mjm-tab-label-icon{font-size:10px}.mjm-tab-label-text{display:inline-block}.mjm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.mjm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.mjm-tab-label-close:active{transform:scale(.85)}.mjm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.mjm-tab-content{animation:.2s ease-out slideIn}.mjm-content::-webkit-scrollbar{width:6px}.mjm-content::-webkit-scrollbar-track{background:0 0}.mjm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.mjm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.placeholder-icon{font-size:40px}.mjm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.mjm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.mjm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.mjm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.mjm-mobile-menu-content::-webkit-scrollbar{width:4px}.mjm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.mjm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.mjm-header-compact{height:44px;padding:0 10px}.mjm-header-title{gap:6px;font-size:14px}.mjm-header-icon{font-size:16px}.mjm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.mjm-mobile-menu-overlay{display:block}.mjm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.mjm-button-bar{display:none}.mjm-tab-labels{gap:1px;height:32px;padding:0 4px}.mjm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.mjm-tab-label-text{display:none}.mjm-tab-label-icon{font-size:10px}.mjm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.mjm-content{padding:12px}.placeholder-content{height:250px}.mjm-empty h2{font-size:16px}.mjm-empty p{font-size:12px}.mjm-empty-icon{font-size:48px}}@media (width<=480px){.mjm-header-compact{height:40px;padding:0 8px}.mjm-header-title{gap:4px;font-size:12px}.mjm-header-icon{font-size:14px}.mjm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.mjm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.mjm-mobile-menu-header{padding:8px 10px}.mjm-mobile-menu-header h3{font-size:12px}.mjm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.mjm-mobile-menu-icon{min-width:14px;font-size:12px}.mjm-mobile-menu-footer{padding:6px 10px}.mjm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.mjm-tab-labels{gap:0;height:28px;padding:0 2px}.mjm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.mjm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.mjm-content{padding:10px}.placeholder-content{height:200px;font-size:12px}.mjm-empty-icon{font-size:40px}.mjm-empty h2{font-size:14px}.mjm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.mjm-header-title span{display:none}.mjm-header-icon{font-size:16px}.mjm-header-compact{height:38px;padding:0 6px}.mjm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.mjm-mobile-menu-icon{font-size:11px}.mjm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.mjm-tab-label-icon{font-size:8px}.mjm-tab-label-close{width:8px;height:8px;font-size:5px}.mjm-content{padding:8px}.placeholder-content{height:150px}.mjm-empty-icon{font-size:36px}.mjm-empty h2{font-size:12px}.mjm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.mjm-header-compact{height:40px}.mjm-header-title{font-size:13px}.mjm-button-bar{height:36px;padding:0 4px}.mjm-btn-with-label{padding:4px 8px;font-size:10px}.mjm-tab-labels{height:28px}.mjm-tab-label{padding:4px 8px;font-size:8px}.mjm-content{padding:12px}.mjm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.mjm-container{background:#1f2937}.mjm-button-bar,.mjm-mobile-menu,.mjm-tab-labels,.mjm-content{background:#111827;border-bottom-color:#374151}.mjm-header-compact{border-bottom-color:#374151}.mjm-btn-with-label,.mjm-tab-label{color:#d1d5db}.mjm-btn-with-label:hover,.mjm-tab-label:hover{background:#1f2937}.mjm-mobile-menu-item{color:#d1d5db}.mjm-mobile-menu-item:active{background:#1f2937}.mjm-mobile-menu-header,.mjm-mobile-menu-footer{background:#1f2937;border-color:#374151}.mjm-mobile-menu-header h3{color:#f3f4f6}.placeholder-content{background:#1f2937;border-color:#374151}.mjm-empty h2{color:#f3f4f6}.mjm-empty p,.mjm-empty-icon{color:#9ca3af}}@media print{.mjm-header-compact,.mjm-button-bar,.mjm-mobile-menu,.mjm-tab-labels,.mjm-mobile-menu-toggle,.mjm-close-all-compact{display:none}.mjm-container{height:auto}.mjm-content{padding:0}}@media (prefers-reduced-motion:reduce){.mjm-btn-with-label,.mjm-tab-label,.mjm-mobile-menu-item,.mjm-tab-content,.mjm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.mjm-btn-with-label.active,.mjm-tab-label.active,.mjm-mobile-menu-item.active{border-width:2px;font-weight:700}.mjm-header-compact{border-bottom-width:2px}}.edit-invoice-modal{background:var(--modal-background,#fff);border:8px solid var(--system-main-color);z-index:10000;border-radius:8px;width:100%;max-width:1000px;max-height:80vh;padding:20px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000001a}.edit-invoice-content{flex-direction:column;gap:24px;display:flex}.invoice-details,.sales-items{margin-bottom:16px}.invoice-details-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.form-group label{color:var(--text-primary,#333);margin-bottom:4px;font-size:12px}.small-input{border:1px solid #ddd;border-radius:4px;padding:6px 8px;font-size:12px}.update-button{background-color:var(--update-button-color);color:var(--black);border:none;border-radius:4px;margin-top:10px;padding:5px 10px;font-weight:700}.update-button:hover{background-color:var(--update-button-color-hover);color:var(--white);transition:all .3s ease-in-out}.items-table{border-collapse:collapse;width:100%;font-size:12px}.items-table th,.items-table td{text-align:left;border:1px solid #eee;padding:6px 8px}.items-table th{background:#f9f9f9}.delete-button{background:var(--danger-color,#dc3545);color:#fff;cursor:pointer;border:none;border-radius:4px;padding:4px 8px;font-size:12px}.delete-button:hover{opacity:.9}.action-icon{width:25px;height:25px}.form-grid-4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}@media (width>=1200px){.form-grid-4{grid-template-columns:repeat(5,1fr)}}@media (width>=992px) and (width<=1199px){.form-grid-4{grid-template-columns:repeat(4,1fr)}}@media (width<=991px) and (width>=600px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=599px){.form-grid-4{grid-template-columns:1fr}}.swal2-container{z-index:20000!important}.my-swal-popup{font-family:Arial,sans-serif;z-index:20010!important}.my-swal-title{font-family:Arial,sans-serif;font-size:1.2rem}.my-swal-content{font-family:Arial,sans-serif;font-size:1rem}.search-container{background:#f8f9fa;border:1px solid #e8ecef;border-radius:8px;align-items:center;gap:10px;max-width:500px;margin-bottom:20px;padding:16px;display:flex}.search-select{background:var(--white);color:#495057;cursor:pointer;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.search-select:hover{border-color:#667eea}.search-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.search-input{background:var(--white);border:2px solid #e8ecef;border-radius:6px;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.search-button{color:var(--white);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:8px 20px;font-size:14px;font-weight:600;transition:all .2s}.search-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.search-button:active{transform:translateY(0)}.empty-state{text-align:center;padding:60px 20px}.empty-state p{color:#6c757d;margin:0;font-size:16px;font-weight:600}.order-id-label{color:#667eea;font-size:18px;font-weight:600}.payment-input-group{align-items:center;gap:8px;display:flex}.add-payment-btn{color:var(--white);cursor:pointer;background:#28a745;border:none;border-radius:5px;min-width:36px;padding:6px 12px;font-size:16px;font-weight:700;transition:all .2s}.add-payment-btn:hover{background:#218838;transform:scale(1.1)}.update-button{color:var(--white);cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;margin-top:20px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.update-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.action-buttons{justify-content:center;align-items:center;gap:8px;display:flex}@media (width<=768px){.search-container{flex-direction:column}.search-select,.search-input,.search-button{width:100%}}.edit-order-inner-panel{background-color:var(--white);border-radius:12px;padding:25px;position:relative;box-shadow:0 6px 12px #00000026}#edit-order-model.edit-order-overlay{z-index:99999;isolation:isolate;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.panel-close-button{background-color:var(--closebutton-color);width:25px;height:25px;color:var(--black);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.panel-close-button:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}.edit-order-popup{background:var(--sytem-panel-colors);border-radius:10px;width:95%;max-width:900px;max-height:90vh;padding:10px 20px;animation:.3s ease-in-out popup-appear;position:relative;overflow-y:auto;box-shadow:0 8px 24px #0003}@keyframes popup-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.edit-order-title{text-align:center;color:var(--font-color-blue);margin-bottom:20px;font-size:20px;font-weight:700}.edit-order-form{flex-direction:column;gap:20px;display:flex}.form-row{flex-wrap:wrap;gap:15px;display:flex}.form-column{flex-direction:column;flex:30%;gap:10px;min-width:200px;max-width:100%;display:flex}.form-column label{color:var(--font-color-blue);font-weight:600;font-size:var(--font-size-12);margin-bottom:3px}.form-column input{border:1px solid var(--color-border);font-size:var(--font-size-12);background-color:var(--white);border-radius:6px;width:100%;max-width:100%;padding:5px;transition:border .2s,box-shadow .2s}.form-column input:focus{border-color:var(--color-highlight);outline:none;box-shadow:0 0 6px #007bff33}.edit-order-buttons{color:var(--black);justify-content:right;gap:15px;padding:8px;display:flex}@media (width<=768px){.form-row{flex-direction:column}.form-column{flex:100%}}#payment-order-model-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;min-width:800px;height:100%;display:flex;position:fixed;top:0;left:0}#payment-order-model{background:var(--white);border-radius:8px;flex-direction:column;min-width:700px;max-width:1000px;min-height:500px;font-size:14px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 16px #0000004d}.pom-header{background:var(--white);color:var(--black);border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pom-header h3{margin:0;font-size:16px}.pom-close{background-color:var(--closebutton-color);width:25px;height:25px;color:var(--black);cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.pom-close:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}.pom-content{flex-grow:1;padding:16px;overflow-y:auto}.pom-table{border-collapse:collapse;width:100%}.pom-table th,.pom-table td{text-align:left;border:1px solid #ddd;padding:8px;font-size:12px}.pom-table th{background:var(--table-headers);color:var(--white);font-weight:700}.pom-no-record{text-align:center;padding:16px}.pom-delete-icon{color:red;cursor:pointer;font-size:14px}@media (width<=480px){#payment-order-model{min-width:300px;min-height:400px}.pom-header h3{font-size:14px}.pom-close{font-size:18px}.pom-table th,.pom-table td{padding:6px;font-size:12px}}.add-member-btn-wrapper{justify-content:flex-start;gap:10px;margin-bottom:25px;display:flex}.add-member-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #667eea66}.add-member-btn-primary:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.add-member-btn-primary:active{transform:translateY(0)}.add-member-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;animation:.3s ease-out add-member-fade-in;display:flex;position:fixed;inset:0}@keyframes add-member-fade-in{0%{opacity:0}to{opacity:1}}.add-member-modal-container{background:#fff;border-radius:10px;width:95%;max-width:650px;max-height:90vh;animation:.3s ease-out add-member-slide-in;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes add-member-slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.add-member-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f0f0f0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.add-member-modal-title-wrapper{flex:1}.add-member-modal-title{color:#fff;letter-spacing:.3px;margin:0;font-size:20px;font-weight:700}.add-member-modal-subtitle{color:#ffffffd9;margin:6px 0 0;font-size:12px;font-weight:400}.common-close-button{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-left:12px;font-size:20px;transition:all .2s;display:flex}.common-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.add-member-modal-body{padding:24px}.add-member-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.add-member-form-group-full{grid-column:1/-1}.add-member-form-group{flex-direction:column;display:flex}.add-member-form-label{color:#333;align-items:center;gap:3px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.add-member-required{color:#e74c3c;font-weight:700}.add-member-form-input,.add-member-form-select,.add-member-form-textarea{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:12px;transition:all .3s}.add-member-form-input:focus,.add-member-form-select:focus,.add-member-form-textarea:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.add-member-form-input::placeholder,.add-member-form-textarea::placeholder{color:#999}.add-member-form-textarea{resize:vertical;min-height:90px;font-family:inherit}.add-member-form-select{cursor:pointer;appearance:none;color:#333;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:18px;padding-right:32px}.add-member-form-select option{color:#333;padding:8px}.add-member-modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 10px 10px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.add-member-btn-cancel,.add-member-btn-submit{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.add-member-btn-cancel{color:#333;background-color:#e0e0e0}.add-member-btn-cancel:hover:not(:disabled){background-color:#d0d0d0;transform:translateY(-1px)}.add-member-btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.add-member-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.add-member-btn-cancel:disabled,.add-member-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.add-member-modal-container{width:98%;max-height:95vh}.add-member-form-grid{grid-template-columns:1fr;gap:14px}.add-member-modal-header{padding:18px 20px}.add-member-modal-body{padding:18px}.add-member-modal-footer{padding:14px 18px}.add-member-modal-title{font-size:18px}.add-member-btn-primary{justify-content:center;width:100%}}@media (width<=480px){.add-member-modal-overlay{padding:10px}.add-member-modal-container{border-radius:8px}.add-member-modal-footer{flex-direction:column}.add-member-btn-cancel,.add-member-btn-submit{width:100%}.add-member-modal-title{font-size:16px}.add-member-form-label,.add-member-form-input,.add-member-form-select,.add-member-form-textarea{font-size:11px}}.edit-member-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;animation:.3s ease-out edit-member-fade-in;display:flex;position:fixed;inset:0}@keyframes edit-member-fade-in{0%{opacity:0}to{opacity:1}}.edit-member-modal-container{background:#fff;border-radius:10px;width:95%;max-width:650px;max-height:90vh;animation:.3s ease-out edit-member-slide-in;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes edit-member-slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.edit-member-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f0f0f0;border-radius:10px 10px 0 0;justify-content:space-between;align-items:flex-start;padding:22px 24px;display:flex}.edit-member-modal-title-wrapper{flex:1}.edit-member-modal-title{color:#fff;letter-spacing:.3px;margin:0;font-size:20px;font-weight:700}.edit-member-modal-subtitle{color:#ffffffd9;margin:6px 0 0;font-size:12px;font-weight:400}.edit-member-modal-body{padding:24px}.edit-member-form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.edit-member-form-group-full{grid-column:1/-1}.edit-member-form-group{flex-direction:column;display:flex}.edit-member-form-label{color:#333;align-items:center;gap:3px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.edit-member-required{color:#e74c3c;font-weight:700}.edit-member-form-input,.edit-member-form-select,.edit-member-form-textarea{background-color:#fafafa;border:2px solid #e0e0e0;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:12px;transition:all .3s}.edit-member-form-input:focus,.edit-member-form-select:focus,.edit-member-form-textarea:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.edit-member-form-input-disabled{color:#666;cursor:not-allowed;opacity:.7;background-color:#e8e8e8}.edit-member-form-input-disabled:focus{box-shadow:none;border-color:#e0e0e0}.edit-member-form-input::placeholder,.edit-member-form-textarea::placeholder{color:#999}.edit-member-form-textarea{resize:vertical;min-height:90px;font-family:inherit}.edit-member-form-select{cursor:pointer;appearance:none;color:#333;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:18px;padding-right:32px}.edit-member-form-select option{color:#333;padding:8px}.edit-member-modal-footer{background-color:#f8f9fa;border-top:1px solid #e0e0e0;border-radius:0 0 10px 10px;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.edit-member-btn-cancel,.edit-member-btn-submit{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:9px 20px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.edit-member-btn-cancel{color:#333;background-color:#e0e0e0}.edit-member-btn-cancel:hover:not(:disabled){background-color:#d0d0d0;transform:translateY(-1px)}.edit-member-btn-submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 4px 15px #667eea66}.edit-member-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.edit-member-btn-cancel:disabled,.edit-member-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.edit-member-modal-container{width:98%;max-height:95vh}.edit-member-form-grid{grid-template-columns:1fr;gap:14px}.edit-member-modal-header{padding:18px 20px}.edit-member-modal-body{padding:18px}.edit-member-modal-footer{padding:14px 18px}.edit-member-modal-title{font-size:18px}}@media (width<=480px){.edit-member-modal-overlay{padding:10px}.edit-member-modal-container{border-radius:8px}.edit-member-modal-footer{flex-direction:column}.edit-member-btn-cancel,.edit-member-btn-submit{width:100%}.edit-member-modal-title{font-size:16px}.edit-member-form-label,.edit-member-form-input,.edit-member-form-select,.edit-member-form-textarea{font-size:11px}}.vmo-modal-overlay.vmo-visible{animation:.3s ease-out forwards vmo-fade-in}.vmo-modal-overlay.vmo-hidden{animation:.3s ease-out forwards vmo-fade-out}.vmo-modal-container.vmo-visible{animation:.3s ease-out forwards vmo-slide-in}.vmo-modal-container.vmo-hidden{animation:.3s ease-out forwards vmo-slide-out}@keyframes vmo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes vmo-fade-out{0%{opacity:1}to{opacity:0}}@keyframes vmo-slide-in{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@keyframes vmo-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}.vmo-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:5px;display:flex;position:fixed;inset:0}.vmo-modal-container{background:#fff;border-radius:8px;flex-direction:column;width:100%;max-width:1100px;max-height:85vh;display:flex;box-shadow:0 10px 40px #0003}.vmo-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #f0f0f0;border-radius:8px 8px 0 0;flex-shrink:0;justify-content:space-between;align-items:flex-start;padding:14px 16px;display:flex}.vmo-modal-title-wrapper{flex:1}.vmo-modal-title{color:#fff;letter-spacing:.2px;margin:0;font-size:16px;font-weight:700}.vmo-modal-subtitle{color:#fffc;margin:3px 0 0;font-size:10px;font-weight:400}.vmo-close-button{color:#fff;cursor:pointer;background:#fff3;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .3s;display:flex}.vmo-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.vmo-close-button:active{transform:rotate(90deg)scale(.95)}.vmo-modal-body{flex:1;padding:12px 14px;overflow-y:auto}.vmo-modal-body::-webkit-scrollbar{width:6px}.vmo-modal-body::-webkit-scrollbar-track{background:#f1f1f1}.vmo-modal-body::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.vmo-modal-body::-webkit-scrollbar-thumb:hover{background:#5568d3}.vmo-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.vmo-loading-spinner{border:3px solid #e0e0e0;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite vmo-spin}@keyframes vmo-spin{to{transform:rotate(360deg)}}.vmo-loading p{color:#666;margin:0;font-size:12px}.vmo-filter-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:12px;padding:10px}.vmo-filter-header{align-items:center;gap:6px;margin-bottom:8px;display:flex}.vmo-filter-icon{color:#667eea;font-size:12px}.vmo-filter-title{color:#333;font-size:11px;font-weight:600}.vmo-filter-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.vmo-filter-group{flex-direction:column;gap:4px;display:flex}.vmo-filter-label{color:#555;font-size:10px;font-weight:600}.vmo-filter-select,.vmo-filter-input{background-color:#fff;border:1px solid #d0d0d0;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.vmo-filter-select:focus,.vmo-filter-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.vmo-filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:14px;padding-right:24px}.vmo-analytics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px;display:grid}.vmo-analytics-card{background:#fff;border-left:3px solid;border-radius:6px;align-items:center;gap:8px;padding:10px;transition:all .3s;display:flex;box-shadow:0 1px 3px #00000014}.vmo-analytics-card:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000001a}.vmo-analytics-icon{text-align:center;min-width:30px;font-size:18px}.vmo-analytics-content{flex-direction:column;gap:1px;display:flex}.vmo-analytics-label{color:#666;font-size:9px;font-weight:500}.vmo-analytics-value{color:#333;font-size:13px;font-weight:700}.vmo-analytics-total{border-left-color:#667eea}.vmo-analytics-pending{border-left-color:#f59e0b}.vmo-analytics-success{border-left-color:#10b981}.vmo-analytics-handout{border-left-color:#3b82f6}.vmo-analytics-amount{border-left-color:#8b5cf6}.vmo-table-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.vmo-table-wrapper{flex:1;overflow-x:auto}.vmo-table-wrapper::-webkit-scrollbar{height:6px}.vmo-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.vmo-table-wrapper::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.vmo-table{border-collapse:collapse;width:100%;font-size:11px}.vmo-table thead{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #d0d0d0;position:sticky;top:0}.vmo-table th{text-align:left;color:#333;white-space:nowrap;border-right:1px solid #e0e0e0;padding:8px;font-weight:600}.vmo-table th:last-child{border-right:none}.vmo-table tbody tr{border-bottom:1px solid #e8e8e8;transition:all .2s}.vmo-table tbody tr:hover{background-color:#f8f9fa}.vmo-table td{color:#555;border-right:1px solid #e8e8e8;padding:7px 8px}.vmo-table td:last-child{border-right:none}.vmo-order-id{color:#667eea;font-weight:600}.vmo-amount{color:#333;font-weight:600}.vmo-description{text-overflow:ellipsis;white-space:nowrap;max-width:100px;overflow:hidden}.vmo-status-badge{color:#fff;text-transform:capitalize;border-radius:10px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.vmo-no-data{color:#999;border:1px dashed #d0d0d0;border-radius:4px;justify-content:center;align-items:center;min-height:200px;font-size:12px;display:flex}.vmo-pagination{background:#f8f9fa;border-top:1px solid #e0e0e0;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px;display:flex}.vmo-pagination-btn{color:#333;cursor:pointer;background-color:#e0e0e0;border:none;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s}.vmo-pagination-btn:hover:not(:disabled){background-color:#d0d0d0;transform:translateY(-1px)}.vmo-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.vmo-pagination-info{color:#666;text-align:center;min-width:80px;font-size:10px;font-weight:500}@media (width<=1024px){.vmo-modal-container{max-width:95%}.vmo-filter-grid{grid-template-columns:repeat(2,1fr)}.vmo-analytics-grid{grid-template-columns:repeat(3,1fr)}.vmo-table{font-size:10px}.vmo-table th,.vmo-table td{padding:6px}}@media (width<=768px){.vmo-modal-container{max-width:98%;max-height:90vh}.vmo-modal-header{padding:12px}.vmo-modal-body{padding:10px 12px}.vmo-modal-title{font-size:14px}.vmo-modal-subtitle{font-size:9px}.vmo-filter-grid,.vmo-analytics-grid{grid-template-columns:repeat(2,1fr)}.vmo-table{font-size:9px}.vmo-table th,.vmo-table td{padding:5px}.vmo-description{max-width:60px}}@media (width<=480px){.vmo-modal-overlay{padding:3px}.vmo-modal-container{border-radius:6px;max-width:100%}.vmo-modal-header{padding:10px}.vmo-modal-body{padding:8px 10px}.vmo-modal-title{font-size:13px}.vmo-modal-subtitle{font-size:8px}.vmo-filter-section{padding:8px}.vmo-filter-grid{grid-template-columns:1fr;gap:6px}.vmo-filter-label{font-size:9px}.vmo-filter-select,.vmo-filter-input{padding:5px 6px;font-size:10px}.vmo-analytics-grid{grid-template-columns:1fr;gap:6px}.vmo-analytics-card{gap:6px;padding:8px}.vmo-analytics-icon{min-width:25px;font-size:16px}.vmo-analytics-value{font-size:12px}.vmo-analytics-label,.vmo-table{font-size:8px}.vmo-table th,.vmo-table td{padding:4px}.vmo-description{max-width:40px}.vmo-status-badge{padding:2px 6px;font-size:8px}.vmo-pagination{gap:6px;padding:6px}.vmo-pagination-btn{padding:5px 10px;font-size:10px}.vmo-pagination-info{font-size:9px}}.mpm-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:12px;animation:.2s ease-in-out mpmFadeIn;display:flex;position:fixed;inset:0}@keyframes mpmFadeIn{0%{opacity:0}to{opacity:1}}.mpm-modal-content{background:#fff;border-radius:10px;width:100%;max-width:800px;max-height:90vh;padding:20px;animation:.3s ease-out mpmSlideUp;position:relative;overflow-y:auto;box-shadow:0 12px 48px #00000026}@keyframes mpmSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.mpm-close-btn{cursor:pointer;color:#64748b;z-index:10;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.mpm-close-btn:hover{color:#1e293b;background:#e2e8f0;transform:scale(1.1)}.mpm-header{border-bottom:1px solid #e2e8f0;margin-bottom:16px;padding-bottom:12px}.mpm-title{color:#1e293b;margin:0 0 6px;font-size:18px;font-weight:700}.mpm-subtitle{color:#64748b;margin:0;font-size:12px}.mpm-subtitle strong{color:#667eea;font-weight:600}.mpm-filter-container{background:#f8fafc;border-radius:8px;grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-bottom:16px;padding:12px;display:grid}.mpm-filter-group{flex-direction:column;gap:4px;display:flex}.mpm-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mpm-input{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-size:12px;transition:all .2s}.mpm-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.mpm-filter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 6px #667eea4d}.mpm-filter-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.mpm-filter-btn:active{transform:translateY(0)}.mpm-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px;display:grid}.mpm-card{color:#fff;border-radius:8px;flex-direction:column;gap:10px;padding:14px;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.mpm-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.mpm-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.mpm-card-title{flex:1;margin:0;font-size:12px;font-weight:600}.mpm-card-icon{opacity:.8;font-size:18px}.mpm-card-value{margin:0;font-size:20px;font-weight:700;line-height:1.2}.mpm-card-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.mpm-card-btn:hover{background:#ffffff4d;border-color:#ffffff80}.mpm-card-btn:active{transform:scale(.98)}.mpm-card-total{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.mpm-card-pending{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.mpm-card-success{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)}.mpm-summary-stats{background:#f1f5f9;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:10px;padding:12px;display:grid}.mpm-stat-item{text-align:center;padding:8px}.mpm-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:10px;font-weight:600}.mpm-stat-value{color:#1e293b;margin:0;font-size:16px;font-weight:700}.mpm-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.mpm-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;animation:.8s linear infinite mpmSpin}@keyframes mpmSpin{to{transform:rotate(360deg)}}.mpm-loading p{color:#64748b;margin:0;font-size:13px}.mpm-error{color:#991b1b;text-align:center;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:20px;font-size:13px}.mpm-error p{margin:0}@media (width<=640px){.mpm-modal-content{max-width:95vw;padding:16px}.mpm-filter-container{grid-template-columns:1fr;gap:8px}.mpm-filter-btn{width:100%}.mpm-cards-grid,.mpm-summary-stats{grid-template-columns:1fr}.mpm-title{font-size:16px}.mpm-card-value{font-size:18px}}.mpm-modal-content::-webkit-scrollbar{width:6px}.mpm-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.mpm-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.mpm-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.am-container{background:#f8fafc;min-height:100vh;padding:16px}.am-header{border-bottom:2px solid #e2e8f0;margin-bottom:20px;padding-bottom:12px}.am-title{color:#1e293b;margin:0 0 4px;font-size:20px;font-weight:700}.am-subtitle{color:#64748b;margin:0;font-size:12px}.am-loading{color:#64748b;justify-content:center;align-items:center;min-height:100vh;font-size:14px;display:flex}.am-no-access{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.am-no-access-img{opacity:.8;width:120px;height:120px}.am-no-access p{color:#64748b;max-width:400px;font-size:14px}.am-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.am-card{background:#fff;border-radius:10px;padding:16px;transition:all .3s;box-shadow:0 2px 8px #00000014}.am-card:hover{box-shadow:0 4px 16px #0000001f}.am-card-title{color:#1e293b;border-bottom:2px solid #f1f5f9;margin:0 0 12px;padding-bottom:8px;font-size:14px;font-weight:700}.am-form-card{min-height:400px}.am-form{flex-direction:column;gap:10px;display:flex}.am-form-group{flex-direction:column;gap:4px;display:flex;position:relative}.am-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.am-input,.am-select{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .2s}.am-input:focus,.am-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.am-input-readonly,.am-input:disabled,.am-select:disabled{cursor:not-allowed;color:#94a3b8;background:#f1f5f9}.am-suggestions{z-index:100;background:#fff;border:1px solid #cbd5e1;border-top:none;border-radius:0 0 6px 6px;max-height:150px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.am-suggestion-item{color:#1e293b;cursor:pointer;padding:8px 10px;font-size:12px;transition:all .2s}.am-suggestion-item:hover{color:#667eea;background:#f1f5f9}.am-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.am-btn:disabled{opacity:.6;cursor:not-allowed}.am-btn-add{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);margin-top:4px;box-shadow:0 2px 6px #667eea4d}.am-btn-add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.am-btn-save{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);width:100%;margin-top:8px;box-shadow:0 2px 6px #10b9814d}.am-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.am-btn-delete{color:#991b1b;cursor:pointer;background:#fee2e2;border:1px solid #fecaca;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.am-btn-delete:hover{color:#7f1d1d;background:#fecaca}.am-list-card{min-height:400px}.am-table-wrapper{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;overflow-x:auto}.am-table{border-collapse:collapse;width:100%;font-size:11px}.am-table thead{background:#f1f5f9}.am-table th{text-align:left;color:#475569;border-bottom:1px solid #cbd5e1;padding:8px;font-weight:600}.am-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:8px}.am-table tbody tr:hover{background:#f8fafc}.am-td-member{color:#667eea;font-weight:600}.am-td-order{font-family:monospace;font-size:10px}.am-td-payment{color:#10b981;font-weight:600}.am-td-action{text-align:center}.am-totals{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px;display:grid}.am-total-item{border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.am-total-assigned{background:#dbeafe;border:1px solid #93c5fd}.am-total-balance{background:#dcfce7;border:1px solid #86efac}.am-total-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.am-total-value{color:#1e293b;font-size:13px;font-weight:700}.am-total-assigned .am-total-value{color:#1e40af}.am-total-balance .am-total-value{color:#166534}.am-empty-msg{color:#94a3b8;text-align:center;margin:0;padding:20px;font-size:12px}.am-details-card{min-height:400px}.am-order-details{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;display:flex}.am-detail-row{grid-template-columns:120px 1fr;gap:8px;font-size:11px;display:grid}.am-detail-label{color:#64748b;font-weight:600}.am-detail-value{color:#1e293b;word-break:break-word}.am-detail-value.am-highlight{color:#10b981;font-weight:700}.am-detail-status{align-items:center}.am-status-select{cursor:pointer;color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:4px;padding:6px 8px;font-size:11px}.am-status-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.am-balance-panel{background:linear-gradient(135deg,#fef08a 0%,#fcd34d 100%);border:1px solid #fde047;border-radius:8px;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.am-balance-icon{color:#b45309;background:#ffffff80;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.am-balance-info{flex:1}.am-balance-label{color:#92400e;text-transform:uppercase;margin:0;font-size:10px;font-weight:600}.am-balance-amount{color:#78350f;margin:2px 0 0;font-size:16px;font-weight:700}.am-payment-history{margin-top:12px}.am-history-title{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:0 0 8px;padding-bottom:6px;font-size:12px;font-weight:700}.am-history-table-wrapper{border:1px solid #e2e8f0;border-radius:6px;overflow-x:auto}.am-history-table{border-collapse:collapse;width:100%;font-size:10px}.am-history-table thead{background:#f1f5f9}.am-history-table th{text-align:left;color:#475569;border-bottom:1px solid #cbd5e1;padding:6px;font-weight:600}.am-history-table td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:6px}.am-history-table tbody tr:hover{background:#f8fafc}@media (width<=1024px){.am-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=768px){.am-container{padding:12px}.am-grid{grid-template-columns:1fr}.am-detail-row{grid-template-columns:100px 1fr}.am-totals{grid-template-columns:1fr}.am-title{font-size:18px}.am-card{padding:12px}}@media (width<=480px){.am-container{padding:8px}.am-card{padding:10px}.am-title{font-size:16px}.am-card-title{font-size:12px}.am-detail-row{grid-template-columns:80px 1fr;font-size:10px}.am-balance-panel{gap:8px;padding:10px}.am-balance-amount{font-size:14px}}.am-table-wrapper::-webkit-scrollbar{height:4px}.am-history-table-wrapper::-webkit-scrollbar{height:4px}.am-suggestions::-webkit-scrollbar{height:4px}.am-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.am-history-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.am-suggestions::-webkit-scrollbar-track{background:#f1f5f9}.am-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.am-history-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.am-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.am-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.am-history-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.am-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}.panel-container{background-color:#ffffffb3;border-radius:8px;padding:5px;font-size:12px;overflow-x:auto}.panel-container-form{background:var(--sytem-panel-background-colors);border-radius:8px;margin-top:20px;font-size:12px;overflow-x:auto}.panel-container-access{background:0 0;justify-content:center;align-items:center;min-height:60vh;padding:2rem;display:flex}.no-access-panel{text-align:center;background-color:#fff;border:1px solid #ddd;border-radius:8px;width:100%;max-width:360px;padding:2rem;animation:.2s ease-out fadeInScale;box-shadow:0 4px 12px #0000000d}.data-add-panel{background:var(--sytem-panel-background-colors);border-radius:5px;align-items:center;gap:1rem;padding:1rem;display:flex}.panel-container-table-two{background:var(--sytem-panel-background-colors);border-radius:8px;margin-top:20px;font-size:12px;display:flex;overflow-x:auto}.common-table-container-two{background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;flex-direction:column;flex:1;padding:16px;display:flex}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.no-access-image{max-width:100px;margin-bottom:1rem}@media (width<=480px){.panel-container{min-height:auto;padding:1rem}.no-access-panel{max-width:90%;padding:1rem}.no-access-image{max-width:80px}}.search-fieldset{border:2px solid var(--border-color-whole-system);border-radius:8px;align-items:center;margin:1em 0;padding:.75em 1em .5em;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.search-fieldset legend{color:var(--system-main-color);margin-left:.5em;padding:0 .5em;font-size:12px}.search-input-common{letter-spacing:1px;width:auto;color:var(--font-color-whole-system);border:1px solid #ccc;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:700}.common-date-range-filters{gap:10rem;margin-left:auto;display:flex}.common-date-time-picker{flex-direction:column;gap:8px;position:relative}.common-date-time-picker label{color:var(--system-main-color);margin-bottom:.25rem;font-size:.85rem}.date-input{color:#374151;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fffc;border:2px solid #667eea33;border-radius:10px;outline:none;min-width:160px;margin-right:40px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;box-shadow:0 2px 8px #0000000d}.date-input:hover{border-color:#667eea66;box-shadow:0 4px 12px #00000014}.date-input:focus{background:#fffffff2;border-color:#667eea;transform:translateY(-1px);box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea26}.datetimelabel{color:#4b5563;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-right:10px;font-size:12px;font-weight:700;position:relative}.date-input::-webkit-calendar-picker-indicator{cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23667eea'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e");width:20px;height:20px;transition:all .3s}.date-input::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}.filters-container{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:10px;align-items:flex-end;gap:20px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a}.right-filters{align-items:center;gap:16px;margin-left:auto;display:flex}.right-filters button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;align-self:center;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 4px 12px #667eea4d}.right-filters button:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190);transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.data-input-container-details{background:#fff;border:1px solid #e0e0e0;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem 1.5rem;margin-bottom:10px;padding:1rem;display:grid;box-shadow:0 1px 3px #0000001a}.data-input-container-details p{flex-direction:column;margin:0;font-size:13px;line-height:1.3;display:flex}.data-input-container-details strong{color:#444;margin-bottom:4px;font-size:12px;font-weight:600}.data-input-container-details p span{color:#222;font-weight:500}.data-input-container{background:#fff;border:2px solid #10b981;border-radius:12px;padding:1.5rem;transition:all .3s;position:relative;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.data-input-container:hover{transform:translateY(-1px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.table-container{margin:0;overflow-x:auto}.common-table-container{z-index:1;background:#fff9;border-radius:10px;position:relative;overflow:auto visible}.panel-container-table{z-index:1;border-radius:10px;margin-top:10px;position:relative;overflow:visible}.data-input-container-stock-by-supplier{z-index:10;background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem 1.5rem;display:flex;position:relative}.search-input-common-stock-by-supplier{z-index:11;background:#fff;border:2px solid #e5e7eb;border-radius:8px;width:100%;max-width:300px;padding:.75rem 1rem;font-size:14px;transition:all .2s;position:relative}.search-input-common-stock-by-supplier:focus{border-color:#610e95;outline:none;box-shadow:0 0 0 3px #610e951a}@keyframes dropdownSlideIn-stock-by-supplier{0%{opacity:0;max-height:0;transform:translateY(-8px)}to{opacity:1;max-height:250px;transform:translateY(0)}}.common-table{border-collapse:collapse;background:var(--white);z-index:1;width:100%;margin:0;position:relative;overflow:hidden}.common-table th{background:var(--table-headers);color:#fff;text-transform:uppercase;letter-spacing:.8px;text-align:left;border:none;border-bottom:2px solid #3b82f633;padding:16px 20px;font-size:12px;font-weight:700;position:relative}.common-table td{color:#000;text-align:left;border:none;padding:16px 20px;font-size:12px;font-weight:500;transition:all .2s}.common-table tr{border-bottom:1px solid #e5e7eb99;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.no-data-table-cell{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.no-data-image{opacity:.6;filter:grayscale(50%);width:80px;height:80px;transition:all .3s}.no-data-image:hover{opacity:.8;filter:grayscale(0%);transform:scale(1.05)}.no-data-text{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:16px;font-weight:600}@media (width<=1024px){.panel-container-table{border-radius:14px;margin-top:20px}.common-table-container{border-radius:10px}.common-table{font-size:13px}.common-table th,.common-table td{padding:14px 16px}.common-table th{font-size:12px}}@media (width<=768px){.panel-container-table{border-radius:12px;margin-top:16px;font-size:13px}.common-table{font-size:12px}.common-table th,.common-table td{padding:12px 14px}.common-table th{font-size:11px}.no-data-image{width:60px;height:60px}.no-data-text{font-size:14px}}@media (width<=480px){.panel-container-table{border-radius:10px;margin-top:12px;font-size:12px}.common-table{font-size:11px}.common-table th,.common-table td{padding:10px 12px}.common-table th{letter-spacing:.5px;font-size:10px}.no-data-table-cell{gap:12px;padding:30px 15px}.no-data-image{width:50px;height:50px}.no-data-text{font-size:12px}}@media (prefers-contrast:high){.panel-container-table{background:#fff;border:2px solid #000}.common-table-container{background:#fff;border:1px solid #000}.common-table th{color:#000;background:#f0f0f0;border-bottom:2px solid #000}.common-table td{color:#000}.common-table tr{border-bottom:1px solid #666}.common-table tbody tr:hover{background:#f5f5f5}}@media (prefers-reduced-motion:reduce){.panel-container-table,.common-table tbody tr,.common-table tbody tr:hover,.no-data-image{transition:none;animation:none}.panel-container-table:hover,.common-table tbody tr:hover{transform:none}}.common-table:focus-within{outline-offset:2px;outline:2px solid #3b82f6}@media print{.panel-container-table{box-shadow:none;background:#fff;border:1px solid #000}.common-table-container{box-shadow:none;background:#fff}.common-table th{color:#000!important;background:#f0f0f0!important}.common-table tbody tr:hover{background:0 0!important}}.common-action-buttons{gap:5px;display:flex}.common-close-button{background-color:var(--closebutton-color);color:#000;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.common-close-button:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}.common-button-design{color:var(--font-color-whole-system);background-color:var(--panel-color-whole-system);border:1px solid #0000;border-radius:5px;padding:6px;font-size:12px;font-weight:700}.common-button-design:hover{color:var(--white);background-color:var(--font-color-whole-system);border:1px solid #0000;transition:all .1s ease-in-out}.common-button-design-remove{color:var(--black);background-color:var(--closebutton-color);border:1px solid #0000;border-radius:5px;padding:6px;font-size:12px}.common-button-design-remove:hover{color:var(--white);background-color:var(--closebutton-color-hover);border:1px solid #0000;transition:all .3s ease-in-out}.common-button-design-table{color:var(--font-color-whole-system);background-color:var(--panel-color-whole-system);border:1px solid #0000;border-radius:5px;padding:3px;font-size:10px;font-weight:700}.common-button-design-table:hover{color:var(--white);background-color:var(--font-color-whole-system);border:1px solid #0000;transition:all .1s ease-in-out}.common-icon-button{cursor:pointer;background:0 0;border:none;padding:0}.common-icon-button img{width:20px;height:20px;transition:transform .2s}.common-icon-button:hover img{transform:scale(1.1)}.pagination-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f633;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:fit-content;margin:12px auto 0;padding:8px 16px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;bottom:auto;left:auto;transform:none;box-shadow:0 4px 16px #00000014,0 2px 8px #3b82f61a}.pagination-panel:hover{border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 8px 24px #0000001f,0 4px 12px #3b82f626}.pagination-panel:before{content:"";background:linear-gradient(90deg,#0000,#fffc,#0000);border-radius:16px 16px 0 0;height:1px;position:absolute;top:0;left:0;right:0}.pagination-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);border:1px solid #3b82f633;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.pagination-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3,#0000);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.pagination-btn:hover:before{opacity:1}.pagination-btn:not(:disabled):hover{background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#3b82f666;transform:scale(1.05);box-shadow:0 4px 12px #3b82f640}.pagination-btn:not(:disabled):active{transform:scale(.95)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;background:#9ca3af1a;border-color:#9ca3af33}.pagination-arrow{color:#3b82f6;font-size:14px;font-weight:700;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block}.pagination-btn:not(:disabled):hover .pagination-arrow{color:#1d4ed8;transform:scale(1.15)}.pagination-btn:disabled .pagination-arrow{color:#9ca3af}.pagination-panel label{color:#4b5563;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.pagination-input{text-align:center;color:#374151;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #3b82f633;border-radius:8px;outline:none;width:45px;min-width:60px;padding:6px 8px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-input:focus{background:#fffffff2;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 0 0 2px #3b82f61a,0 2px 8px #3b82f61a}.pagination-input:hover{background:#ffffffe6;border-color:#3b82f666}.pagination-total{color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-text-fill-color:transparent;text-shadow:none;-webkit-background-clip:text;background-clip:text;margin-left:6px;font-size:12px;font-weight:700}.export-buttons-common{border-top:1px solid #e5e7eb80;justify-content:center;gap:8px;margin-top:16px;padding:12px;display:flex}.export-button-common{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.4px;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.export-button-common.excel{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.export-button-common.excel:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.export-button-common.csv{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #f59e0b40}.export-button-common.csv:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.export-button-common.pdf{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440}.export-button-common.pdf:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.pagination-panel{animation:.4s ease-out fadeInUp}@media (width<=768px){.pagination-panel{border-radius:14px;flex-wrap:wrap;justify-content:center;gap:8px;margin:10px auto 0;padding:6px 12px}.pagination-btn{width:28px;height:28px}.pagination-arrow{font-size:12px}.pagination-input{width:40px;padding:4px 6px;font-size:11px}.pagination-total{margin-left:4px;font-size:11px}.pagination-panel label{gap:4px;font-size:10px}.export-buttons-common{flex-wrap:wrap;gap:6px;padding:8px}.export-button-common{gap:4px;padding:6px 12px;font-size:11px}}@media (width<=480px){.pagination-panel{text-align:center;flex-direction:column;gap:8px;margin:8px auto 0;padding:8px 12px}.pagination-controls{justify-content:center;align-items:center;gap:8px;display:flex}.pagination-info{flex-direction:column;align-items:center;gap:4px;display:flex}.export-buttons-common{flex-direction:column;align-items:center;gap:4px}.export-button-common{justify-content:center;width:100%;max-width:150px}}@media (prefers-contrast:high){.pagination-panel{background:#fff;border:2px solid #000;box-shadow:0 2px 4px #0000004d}.pagination-btn{background:#fff;border:1px solid #000}.pagination-btn:not(:disabled):hover{background:#f0f0f0}.pagination-arrow{color:#000}.pagination-input{color:#000;background:#fff;border:1px solid #000}.pagination-total{color:#000;-webkit-text-fill-color:#000}}@media (prefers-reduced-motion:reduce){.pagination-panel,.pagination-btn,.pagination-input,.pagination-arrow,.export-button-common{transition:none;animation:none}.pagination-btn:not(:disabled):hover,.export-button-common:hover{transform:none}}.add-product-form,.add-supplier-form{flex-direction:column;gap:1rem;margin:20px;display:flex}.common-form-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;display:grid}.common-form-row .common-form-group{width:100%;min-width:0}.common-form-group{flex-direction:column;width:calc(50% - .5rem);min-width:200px;display:flex;position:relative}.common-form-group label{color:#1f2937;letter-spacing:-.025em;margin-bottom:.5rem;font-size:.875rem;font-weight:600;transition:color .2s}.common-form-group input,.common-form-group select,.common-form-group .react-datepicker__input-container input{box-sizing:border-box;color:#111827;background:#fff;border:2px solid #e5e7eb;border-radius:5px;width:100%;padding:8px;font-family:inherit;font-size:12px;line-height:1.5;transition:all .2s cubic-bezier(.4,0,.2,1)}.common-form-row-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.common-form-row-4 .common-form-group{width:100%;min-width:0}.common-form-row-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.common-form-row-3 .common-form-group{width:100%;min-width:0}.dropdown-stock{z-index:99999;background:#d5d5dbfa;border:2px solid #cfdef74d;max-height:250px;font-weight:700;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dropdown-item-stock{color:#374151;cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;padding:10px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dropdown-list-add-product{z-index:99999;scroll-behavior:smooth;background:#dbdbe2fa;border:2px solid #cfdef74d;width:300px;max-height:250px;font-weight:700;position:absolute;top:100%;left:0;overflow-y:auto}.dropdown-list-add-product li{color:#374151;cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;padding:10px;font-size:12px;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.dropdown-list-add-product li.highlighted-item{color:#fff;background-color:#4f46e5;font-weight:700}.dropdown-list-add-product li:hover{color:#fff;background-color:#6366f1}.common-combo-box{flex-direction:column;width:200px;margin-right:1rem;padding:5px;display:flex}.common-combo-box label{color:var(--system-main-color);margin-bottom:.25rem;font-size:.85rem}.common-combo-box select{max-height:200px;color:var(--system-main-color);background:var(--bg-white);border:1px solid #ccc;border-radius:4px;padding:.45rem .65rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s;overflow-y:auto}.common-combo-box select:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 5px #00a5e680}.common-input-row{flex-wrap:nowrap;align-items:flex-end;gap:10px;margin-bottom:15px;display:flex}.common-table-two{border-collapse:collapse;background:var(--white);border-radius:5px;width:90%;max-width:1600px;margin:20px;font-size:12px}.common-header-section{color:#fff;background:linear-gradient(135deg,#6d84ec 0%,#183699 100%);border-radius:8px;margin-bottom:24px;padding:10px;box-shadow:0 10px 25px #0000001a}.common-page-title{text-shadow:0 2px 4px #0000001a;align-items:center;gap:12px;margin:0;font-size:18px;font-weight:700;display:flex}.common-table-two th,.common-table-two td{color:var(--black);text-align:left;border:none;padding:8px 12px}.common-table-two tr{border-bottom:1px solid var(--table-border-color)}.common-table-two tr:last-child{border-bottom:none}.common-table-two th{background-color:var(--sytem-panel-colors);color:var(--black);font-weight:700}.pagination-panel-under{justify-content:center;align-items:center;margin:.75rem 0 .25rem;display:flex}.pagination-panel-under .pagination-btn{cursor:pointer;color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;margin:0 .25rem;padding:.25rem .5rem;font-size:1rem;line-height:1}.pagination-panel-under .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-panel-under .pagination-info{color:#333;font-size:.9rem}.export-buttons-under{justify-content:center;margin-top:1rem;margin-bottom:2rem;display:flex}.export-buttons-under .export-button{background-color:var(--sytem-secondary-color);color:var(--black);cursor:pointer;border:1px solid #ccc;border-radius:4px;align-items:center;margin-left:.5rem;padding:.35rem .75rem;font-size:.9rem;transition:background .2s,border-color .2s;display:flex}.export-buttons-under .export-button svg{margin-right:.4rem}.export-buttons-under .export-button:hover{background:#e6e6e6;border-color:#bbb}.export-button-common.excel{background-color:var(--sytem-secondary-color);color:var(--black)}.export-button-under.excel:hover{background-color:var(--system-main-color);color:var(--white);transition:all .3s ease-in-out}.export-button-common.csv{background-color:var(--sytem-secondary-color);color:var(--black)}.export-button-common.csv:hover{background-color:var(--system-main-color);color:var(--white);transition:all .3s ease-in-out}.export-button-common.pdf{background-color:var(--sytem-secondary-color);color:var(--black)}.export-button-common.pdf:hover{background-color:var(--system-main-color);color:var(--white);transition:all .3s ease-in-out}.total-panel{background:#f7f9fa;border:1px solid #dde4e8;border-radius:6px;align-items:center;width:fit-content;margin:.5rem 1.5rem;padding:.5rem 1rem;display:flex}.cash-total .total-icon{color:#4caf50}.loan-total .total-icon{color:#ff5722}.total-icon{margin-right:.5rem}.total-text{margin-right:.25rem;font-weight:600}.total-amount{font-size:1.1rem}.totals-wrapper{gap:1.5rem;margin-top:2rem;display:flex}.total-display-panel{text-align:center;background-color:var(--white);border:1px solid #ddd;border-radius:8px;width:120px;max-height:100px;margin:0 10px 0 20px;padding:20px;box-shadow:0 2px 5px #0000001a}.total-display-panel .icon-container img{width:20px;height:20px}.total-display-panel h4{color:var(--font-color-blue);font-size:12px}.total-display-panel .total-amount{color:#a83232;font-size:14px;font-weight:700}.panel-title{color:#000;letter-spacing:2px;text-align:left;width:500px;margin-left:0;font-family:Signika Negative,sans-serif;font-size:18px;font-weight:700;position:relative}.panel-subtitle{color:#2c2727;letter-spacing:2px;text-align:left;width:500px;margin-bottom:10px;font-family:Signika Negative,sans-serif;font-size:14px;font-weight:700}.numeric-cell{align-items:right}.modal-overlay-user{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-panel-user{background:#fff;border-radius:8px;width:400px;overflow:hidden;box-shadow:0 4px 12px #00000026}.modal-header{background:#f5f5f5;border-bottom:1px solid #ddd;padding:12px 16px}.modal-footer{background:#f5f5f5;border-top:1px solid #ddd;justify-content:flex-end;padding:12px 16px;display:flex}.generate-btn{margin-left:8px}.password-container-panel{align-items:center;display:flex}.eye-icon{cursor:pointer;margin:0 8px}.settings-group-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;box-shadow:0 1px 3px #0000001a}.settings-group-panel h3{text-align:center;border-bottom:1px solid #ddd;margin-top:0;padding-bottom:.5rem;font-size:1.1rem}.settings-list{flex-direction:column;gap:.5rem;margin-top:.75rem;display:flex}.setting-item{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:.5rem;transition:background .2s;display:flex}.setting-item:hover{background:#00000008}.setting-name{flex:1;font-size:.95rem}.access-icon{width:24px;height:24px;transition:transform .2s}.setting-item:hover .access-icon{transform:scale(1.1)}.access-icon.yes{filter:hue-rotate(90deg)brightness(1.2)}.access-icon.no{filter:grayscale()brightness(.6)}.select-user-prompt{text-align:center;color:#666;font-style:italic}.loader{z-index:10;perspective:500px;background-image:radial-gradient(30px,#fff 100%,#0000 0),radial-gradient(5px,#fff 100%,#0000 0),radial-gradient(5px,#fff 100%,#0000 0),linear-gradient(#fff 20px,#0000 0);background-position:50% 127px,94px 102px,16px 18px,50% 114px;background-repeat:no-repeat;background-size:60px 60px,10px 10px,10px 10px,4px 14px;width:120px;height:140px;position:relative}.loader:before{content:"";box-sizing:border-box;border:3px solid #fff;border-right-color:#0000;border-radius:50%;width:100px;height:100px;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)rotate(-45deg)}.loader:after{content:"";box-sizing:border-box;border:7px solid #ff3d00;border-radius:50%;width:80px;height:80px;animation:.5s linear infinite rotate;position:absolute;top:50%;left:50%;transform:translate(-50%,-55%)rotate(-45deg)rotateY(0)}@keyframes rotate{to{transform:translate(-50%,-55%)rotate(-45deg)rotateY(360deg)}}.sales-summary{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border:1px solid #3b82f633;border-radius:12px;margin:24px 0 16px;padding:16px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #0000000d,0 2px 8px #3b82f61a}.sales-summary:hover{border-color:#3b82f64d;transform:translateY(-1px);box-shadow:0 8px 24px #00000014,0 4px 12px #3b82f626}.sales-summary:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#fffc,#0000);height:1px;position:absolute;top:0;left:0;right:0}.sales-summary h3{color:#1f2937;letter-spacing:-.3px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-text-fill-color:transparent;text-transform:uppercase;z-index:2;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin:0;font-size:20px;font-weight:700;display:flex;position:relative}.sales-summary h3 svg{color:#6b7280;box-sizing:content-box;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:2px solid #0000;border-radius:50%;padding:6px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer!important;width:18px!important;height:18px!important}.sales-summary h3 svg:hover{color:#3b82f6;background:#3b82f626;border-color:#3b82f633;transform:scale(1.1);box-shadow:0 4px 12px #3b82f64d}.sales-summary h3 svg:active{transform:scale(.95)}.sales-summary h3 svg:before{content:"View Summary";color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1f2937e6;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .3s;position:absolute;top:-40px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.sales-summary h3 svg:after{content:"";opacity:0;pointer-events:none;z-index:100;border-top:5px solid #1f2937e6;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;transition:all .3s;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.sales-summary h3 svg:hover:before,.sales-summary h3 svg:hover:after{opacity:1}.sales-summary.badge-style h3 svg{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;padding:4px;box-shadow:0 2px 8px #3b82f64d}.sales-summary.badge-style h3 svg:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666}@keyframes pulse-info{0%{box-shadow:0 0 #3b82f666}70%{box-shadow:0 0 0 8px #3b82f600}to{box-shadow:0 0 #3b82f600}}.sales-summary h3 svg.pulse{animation:2s infinite pulse-info}.sales-summary.loading{opacity:.6;pointer-events:none}.sales-summary.loading:after{content:"";z-index:10;border:2px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;margin-top:-8px;animation:1s linear infinite spin;position:absolute;top:50%;right:20px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sales-summary{animation:.5s ease-out slideInDown}@media (width<=768px){.sales-summary{border-radius:10px;margin:20px 0 12px;padding:14px 20px}.sales-summary h3{gap:10px;font-size:18px}.sales-summary h3 svg{padding:5px;width:16px!important;height:16px!important}}@media (width<=480px){.sales-summary{border-radius:8px;margin:16px 0 10px;padding:12px 16px}.sales-summary h3{gap:8px;font-size:16px}.sales-summary h3 svg{padding:4px;width:14px!important;height:14px!important}.sales-summary h3 svg:before{padding:4px 8px;font-size:11px;top:-35px}}@media (prefers-color-scheme:dark){.sales-summary{background:linear-gradient(135deg,#1f2937f2,#111827f2);border-color:#3b82f64d}.sales-summary h3{color:#f9fafb;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sales-summary h3 svg{color:#9ca3af;background:#3b82f633}.sales-summary h3 svg:hover{color:#60a5fa;background:#3b82f64d}}@media (prefers-contrast:high){.sales-summary{background:#fff;border:2px solid #000;box-shadow:0 4px 8px #0000004d}.sales-summary h3{color:#000;-webkit-text-fill-color:#000;background:0 0}.sales-summary h3 svg{color:#000;background:#f0f0f0;border:1px solid #000}.sales-summary h3 svg:hover{background:#e0e0e0}}@media (prefers-reduced-motion:reduce){.sales-summary,.sales-summary h3 svg{transition:none;animation:none}.sales-summary:hover,.sales-summary h3 svg:hover{transform:none}.sales-summary h3 svg.pulse{animation:none}}.sales-summary h3 svg:focus{outline-offset:2px;outline:2px solid #3b82f6}@media print{.sales-summary{box-shadow:none;background:#fff;border:1px solid #000}.sales-summary h3 svg{display:none}}.sales-summary.compact{margin:12px 0 8px;padding:10px 16px}.sales-summary.compact h3{gap:8px;font-size:16px}.sales-summary.compact h3 svg{padding:3px;width:14px!important;height:14px!important}.totals-container{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1rem;display:flex}.total-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border:1px solid #fff3;border-radius:15px;flex-direction:column;justify-content:center;min-width:160px;height:80px;margin-top:30px;padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.total-panel:before{content:"";opacity:1;z-index:-1;border-radius:15px;transition:opacity .4s;position:absolute;inset:0}.total-panel:after{content:"";opacity:0;z-index:-1;background:#0000004d;border-radius:15px;transition:opacity .4s;position:absolute;inset:0}.total-panel:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0003,inset 0 1px #ffffff4d}.total-panel:hover:before{opacity:.7}.total-panel:hover:after{opacity:1}.cost-total:before{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.sales-total:before{background:linear-gradient(135deg,#4ecdc4,#0984e3)}.qty-total:before{background:linear-gradient(135deg,#fdcb6e,#e17055)}.count-total:before{background:linear-gradient(135deg,#a29bfe,#6c5ce7)}.total-icon{filter:drop-shadow(0 2px 4px #0003);margin-bottom:.5rem;transition:transform .3s}.total-panel:hover .total-icon{transform:scale(1.1)rotate(5deg)}.total-text{color:#333;text-transform:uppercase;letter-spacing:.5px;text-shadow:none;margin-bottom:.3rem;font-size:.8rem;font-weight:600}.total-amount{color:#333;text-shadow:none;font-size:1.5rem;font-weight:700}.cost-total .total-icon{color:#ff6b6b;filter:drop-shadow(0 4px 8px #ff6b6b4d)}.sales-total .total-icon{color:#4ecdc4;filter:drop-shadow(0 4px 8px #4ecdc44d)}.qty-total .total-icon{color:#fdcb6e;filter:drop-shadow(0 4px 8px #fdcb6e4d)}.count-total .total-icon{color:#a29bfe;filter:drop-shadow(0 4px 8px #a29bfe4d)}.total-panel{animation:6s ease-in-out infinite float}.total-panel:nth-child(2){animation-delay:-2s}.total-panel:nth-child(3){animation-delay:-4s}.total-panel:nth-child(4){animation-delay:-6s}@media (width<=768px){.totals-container{flex-direction:column;gap:1rem}.total-panel{width:100%;min-width:auto;max-width:300px;margin:0 auto}.total-amount{font-size:1.5rem}}.solid-bg .total-panel{color:#333;background:#fffffff2}.solid-bg .total-text{color:#666}.solid-bg .total-amount{color:#333;-webkit-text-fill-color:#333}.searchable-select{position:relative}.searchable-select.w-full{width:100%}.searchable-select.is-disabled{opacity:.6;pointer-events:none}.searchable-select-control{border:1px solid var(--border,#e5e7eb);cursor:text;background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;display:flex}.searchable-select-control.is-open{border-color:var(--primary,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.searchable-select-input{background:0 0;border:none;outline:none;width:100%;font-size:14px}.ssc-left-icon{opacity:.6}.ssc-right-icon{opacity:.6;margin-left:auto}.ssc-clear{cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto}.ssc-clear:hover{opacity:1}.searchable-select-menu{z-index:40;border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:8px;max-height:220px;margin-top:6px;position:absolute;left:0;right:0;overflow:auto;box-shadow:0 10px 20px #00000014}.searchable-select-option{cursor:pointer;padding:10px 12px;font-size:14px}.searchable-select-option:hover,.searchable-select-option.is-active{background:#2563eb14}.searchable-select-empty{color:#6b7280;padding:10px 12px;font-size:13px}.notification-setting{color:#192453;background-color:#f9f6f6;border-radius:8px;max-width:800px;margin:20px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 4px 8px #0000001a}.notification-setting h2{text-align:center;color:#192453;margin-bottom:20px;font-size:1.8em}.table-container{margin-top:20px;overflow-x:auto}.notification-setting__table{border-collapse:collapse;width:100%}.notification-setting__table th,.notification-setting__table td{text-align:left;border:1px solid #ccc;padding:12px}.notification-setting__table th{color:#fff;background-color:#192453;position:sticky;top:0}.notification-setting__table tr:nth-child(2n) td{background-color:#f2f4f8}.notification-setting__table tr:hover td{background-color:#adcecc}.range-button{color:#fff;cursor:pointer;background-color:#2ecc71;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;transition:background-color .2s}.range-button:hover{background-color:#27ae60}.toggle-switch{cursor:pointer;background-color:#ccc;border-radius:12px;width:50px;height:24px;transition:background-color .3s;position:relative}.toggle-switch.on{background-color:#3498db}.toggle-switch.off{background-color:#ccc}.toggle-switch .toggle-knob{background-color:#fff;border-radius:50%;width:22px;height:22px;transition:left .3s;position:absolute;top:1px;left:1px}.toggle-switch.on .toggle-knob{left:calc(100% - 23px)}.notification-setting .loading,.notification-setting .error{text-align:center;padding:12px;font-size:1rem}.notification-setting .error{color:#e74c3c}.model-overlay-common{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.model-content-common{background:var(--sytem-panel-colors);border:8px solid var(--system-main-color);border-radius:8px;width:100%;max-width:1400px;min-height:500px;max-height:800px;font-size:12px;position:relative;overflow-y:auto}.pm-container{background:#fff;flex-direction:column;height:200vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.pm-header-compact{z-index:100;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.pm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.pm-header-icon{font-size:18px}.pm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.pm-mobile-menu-toggle:active{background:#fff3}.pm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.pm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.pm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.pm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.pm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.pm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.pm-mobile-menu-item:active{background:#f3f4f6}.pm-mobile-menu-item.active{color:#3498db;background:#f0f8ff;border-left-color:#3498db}.pm-mobile-menu-item.open{background:#fafafa}.pm-mobile-menu-icon{min-width:16px;font-size:14px}.pm-mobile-menu-label{flex:1}.pm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.pm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.pm-mobile-close-all{cursor:pointer;color:#ef4444;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pm-mobile-close-all:active{background:#fecaca}.pm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.pm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.pm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.pm-btn-with-label:active{transform:scale(.97)}.pm-btn-with-label.active{color:#3498db;background:#f0f8ff;border-color:#3498db}.pm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.pm-btn-icon{flex-shrink:0;font-size:12px}.pm-btn-text{display:inline-block}.pm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pm-close-all-compact:hover{color:#dc2626;background:#fecaca}.pm-close-all-compact:active{transform:scale(.97)}.pm-button-bar::-webkit-scrollbar{height:3px}.pm-button-bar::-webkit-scrollbar-track{background:0 0}.pm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.pm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.pm-tabs-scroll::-webkit-scrollbar{height:3px}.pm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.pm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.pm-tab-label:hover{color:#374151;background:#f3f4f6}.pm-tab-label:active{transform:scale(.97)}.pm-tab-label.active{color:#3498db;background:#f0f8ff;border-bottom-color:#3498db}.pm-tab-label-icon{font-size:10px}.pm-tab-label-text{display:inline-block}.pm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.pm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.pm-tab-label-close:active{transform:scale(.85)}.pm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.pm-tab-content{animation:.2s ease-out slideIn}.pm-content::-webkit-scrollbar{width:6px}.pm-content::-webkit-scrollbar-track{background:0 0}.pm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.pm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pm-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.pm-placeholder-icon{font-size:40px}.pm-placeholder-content h3{color:#374151;margin:0;font-size:16px}.pm-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.pm-placeholder-message{color:#0369a1;background:#e0f2fe;border-left:3px solid #3498db;border-radius:3px;margin-top:6px;padding:10px 12px;font-size:11px;font-weight:500}.pm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.pm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.pm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.pm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.pm-mobile-menu-content::-webkit-scrollbar{width:4px}.pm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.pm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.pm-header-compact{height:44px;padding:0 10px}.pm-header-title{gap:6px;font-size:14px}.pm-header-icon{font-size:16px}.pm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.pm-mobile-menu-overlay{display:block}.pm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.pm-button-bar{display:none}.pm-tab-labels{gap:1px;height:32px;padding:0 4px}.pm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.pm-tab-label-text{display:none}.pm-tab-label-icon{font-size:10px}.pm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.pm-content{padding:12px}.pm-placeholder-content{height:250px}.pm-empty h2{font-size:16px}.pm-empty p{font-size:12px}.pm-empty-icon{font-size:48px}}@media (width<=480px){.pm-header-compact{height:40px;padding:0 8px}.pm-header-title{gap:4px;font-size:12px}.pm-header-icon{font-size:14px}.pm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.pm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.pm-mobile-menu-header{padding:8px 10px}.pm-mobile-menu-header h3{font-size:12px}.pm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.pm-mobile-menu-icon{min-width:14px;font-size:12px}.pm-mobile-menu-footer{padding:6px 10px}.pm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.pm-tab-labels{gap:0;height:28px;padding:0 2px}.pm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.pm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.pm-content{padding:10px}.pm-placeholder-content{height:200px;font-size:12px}.pm-empty-icon{font-size:40px}.pm-empty h2{font-size:14px}.pm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.pm-header-title span{display:none}.pm-header-icon{font-size:16px}.pm-header-compact{height:38px;padding:0 6px}.pm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.pm-mobile-menu-icon{font-size:11px}.pm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.pm-tab-label-icon{font-size:8px}.pm-tab-label-close{width:8px;height:8px;font-size:5px}.pm-content{padding:8px}.pm-placeholder-content{height:150px}.pm-empty-icon{font-size:36px}.pm-empty h2{font-size:12px}.pm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.pm-header-compact{height:40px}.pm-header-title{font-size:13px}.pm-button-bar{height:36px;padding:0 4px}.pm-btn-with-label{padding:4px 8px;font-size:10px}.pm-tab-labels{height:28px}.pm-tab-label{padding:4px 8px;font-size:8px}.pm-content{padding:12px}.pm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.pm-container{background:#1f2937}.pm-button-bar,.pm-mobile-menu,.pm-tab-labels,.pm-content{background:#111827;border-bottom-color:#374151}.pm-header-compact{border-bottom-color:#374151}.pm-btn-with-label,.pm-tab-label{color:#d1d5db}.pm-btn-with-label:hover,.pm-tab-label:hover{background:#1f2937}.pm-mobile-menu-item{color:#d1d5db}.pm-mobile-menu-item:active{background:#1f2937}.pm-mobile-menu-header,.pm-mobile-menu-footer{background:#1f2937;border-color:#374151}.pm-mobile-menu-header h3{color:#f3f4f6}.pm-placeholder-content{background:#1f2937;border-color:#374151}.pm-placeholder-content h3{color:#f3f4f6}.pm-placeholder-content p{color:#9ca3af}.pm-empty h2{color:#f3f4f6}.pm-empty p,.pm-empty-icon{color:#9ca3af}}@media print{.pm-header-compact,.pm-button-bar,.pm-mobile-menu,.pm-tab-labels,.pm-mobile-menu-toggle,.pm-close-all-compact{display:none}.pm-container{height:auto}.pm-content{padding:0}}@media (prefers-reduced-motion:reduce){.pm-btn-with-label,.pm-tab-label,.pm-mobile-menu-item,.pm-tab-content,.pm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.pm-btn-with-label.active,.pm-tab-label.active,.pm-mobile-menu-item.active{border-width:2px;font-weight:700}.pm-header-compact{border-bottom-width:2px}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.4rem}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.4rem}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:4rem;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.3rem;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + .85rem);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:1.7rem;margin:.166rem;line-height:1.7rem;display:inline-block}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (width<=400px),(height<=550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.barcode-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.barcode-modal-content{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:500px;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.barcode-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.barcode-header-left h3{align-items:center;gap:10px;margin:0 0 8px;font-size:18px;display:flex}.barcode-header-stats{flex-wrap:wrap;gap:10px;display:flex}.stat-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.stat-badge.active{background:#ffffff4d;font-weight:600}.barcode-modal-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.action-button{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.action-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.action-button:disabled{opacity:.5;cursor:not-allowed}.print-button{font-weight:600;color:#fff!important;background:#10b981!important}.print-button:hover:not(:disabled){background:#059669!important}.download-button{background:#3b82f6!important}.download-button:hover:not(:disabled){background:#2563eb!important}.close-button{background:#ef4444!important}.close-button:hover{background:#dc2626!important}.size-selector-wrapper{position:relative}.size-button{background:#fff3!important}.size-dropdown{z-index:1001;background:#fff;border-radius:8px;min-width:280px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 30px #0003}.size-dropdown-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:12px 16px}.size-dropdown-header h4{color:#1f2937;margin:0;font-size:13px;font-weight:600}.size-dropdown-list{max-height:300px;overflow-y:auto}.size-option{text-align:left;cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;font-size:13px;transition:background .2s;display:flex}.size-option:hover{background:#f3f4f6}.size-option.active{background:#dbeafe;border-left:3px solid #3b82f6}.size-option-info{flex-direction:column;gap:2px;display:flex}.size-option-info strong{color:#1f2937;font-weight:600}.size-option-info small{color:#6b7280;font-size:11px}.size-option-check{color:#10b981;font-size:16px;font-weight:700}.zoom-control{background:#ffffff1a;border-radius:6px;align-items:center;gap:8px;padding:6px 10px;display:flex}.zoom-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.zoom-button:hover{background:#ffffff4d}.zoom-display{color:#fff;text-align:center;min-width:40px;font-size:12px;font-weight:600}.barcode-modal-body{background:#fafafa;flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow-y:auto}.preview-container{background:#fff;border-radius:8px;max-width:100%;padding:20px;box-shadow:0 2px 8px #0000001a}.loading-container,.empty-container{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-container svg{color:#d1d5db;margin-bottom:10px}.empty-container p{margin:0;font-size:16px;font-weight:600}.empty-container small{color:#9ca3af;font-size:12px}.barcode-modal-footer{color:#6b7280;background:#f9fafb;border-top:1px solid #e5e7eb;padding:12px 20px;font-size:12px}.footer-info{align-items:center;gap:8px;display:flex}@media (width<=768px){.barcode-modal-header{flex-direction:column;align-items:flex-start;gap:12px}.barcode-modal-actions{justify-content:flex-start;width:100%}.size-dropdown{left:0;right:auto}.barcode-modal-content{max-height:95vh}}@media print{.barcode-modal-overlay,.barcode-modal-header,.barcode-modal-actions,.barcode-modal-footer{display:none!important}body *{visibility:hidden}#print-root,#print-root *{visibility:visible}#print-root{width:100%;position:absolute;top:0;left:0}}@page{margin:0;padding:0}.shop-name-3020mm{letter-spacing:1px;margin-bottom:0;font-size:8px;font-weight:1000}.product-id-3020mm{margin:0;font-size:8px;font-weight:1000;display:none!important}.product-name-2rows-3020mm{text-align:center;color:#000;flex-direction:column;gap:0;margin:0;padding:0;font-size:8px;font-weight:700;line-height:1;display:flex}.product-name-line1-3020mm,.product-name-line2-3020mm{word-break:break-word;color:#000;text-overflow:ellipsis;white-space:normal;height:auto;margin:0;padding:0;font-size:8px;font-weight:700;line-height:1;overflow:hidden}@media print{.unit-top-right-alt,.code-bottom-left-alt,.color-top-left-alt{font-size:8px!important}body *{visibility:hidden}.barcode-display-3020mm,.barcode-display-3020mm *{visibility:visible}.barcode-display-3020mm{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.button-bar-3020mm{display:none}.page-break-3020mm{page-break-after:always;break-after:page}}@page{margin:0;padding:0}.barcode-display-3825mm{font-optical-sizing:auto;text-align:center;box-sizing:border-box;font-family:Oswald,serif}.page-block-3825mm{page-break-after:always;width:100%}.label-grid-3825mm{grid-template-columns:38mm 38mm;grid-auto-rows:25mm;justify-content:center;gap:2mm;padding:5mm;font-weight:700;display:grid}.label-item-3825mm{box-sizing:border-box;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;position:relative}.shop-name-3825mm{margin-bottom:2px;font-size:12px;font-weight:700}.price-text-3825mm{margin:.2px;font-size:14px;font-weight:800;line-height:1.1}.unit-top-right-3825mm{letter-spacing:0;color:#000;flex-direction:column;margin-right:7px;font-weight:500;line-height:1;display:flex;position:absolute;top:-14px;right:5px}.unit-char-3825mm{font-weight:500;line-height:1;font-size:10px!important}.code-bottom-right-3825mm{letter-spacing:0;color:#000;flex-direction:column;margin-right:7px;font-weight:500;line-height:1;display:flex;position:absolute;top:17px;right:4px}.code-char-3825mm{font-weight:500;line-height:1;font-size:10px!important}.barcode-vertical-3825mm{letter-spacing:0;color:#000;flex-direction:column;font-weight:700;line-height:1;display:flex;position:absolute;top:-15px;left:10px}.barcode-char-3825mm{font-weight:700;line-height:1;font-size:10px!important}.product-name-2rows-3825mm{text-align:center;color:#000;flex-direction:column;gap:0;margin:0;padding:0;font-size:9px;font-weight:500;line-height:1;display:flex}.product-name-line1-3825mm,.product-name-line2-3825mm{word-break:break-word;color:#000;text-overflow:ellipsis;white-space:normal;height:auto;margin:0;padding:0;font-size:9px;font-weight:500;line-height:1;overflow:hidden}.product-id-3825mm{display:none!important}.page-break-3825mm{page-break-after:always}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-3825mm,.barcode-display-3825mm *{visibility:visible}.barcode-display-3825mm{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.label-grid-3825mm{margin:0;padding:0}.label-item-3825mm{border:none}.unit-char-3825mm,.code-char-3825mm,.barcode-char-3825mm{font-size:10px!important}}@page{margin:0;padding:0}.barcode-display-3525mm{font-optical-sizing:auto;text-align:center;box-sizing:border-box;font-family:Oswald,serif;font-style:normal}.page-block-3525mm{page-break-after:always;width:100%;margin-bottom:2mm}.label-grid-3525mm{grid-template-columns:35mm 35mm 35mm;grid-auto-rows:25mm;justify-content:center;gap:.5mm;padding:2mm;font-weight:700;display:grid}.label-item-3525mm{box-sizing:border-box;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;padding:1px;display:flex;position:relative}.shop-name-3525mm{margin-bottom:4px;font-size:14px;font-weight:700;line-height:1}.product-id-3525mm,.product-name-3525mm,.price-text-3525mm{margin:0;font-size:8px;font-weight:700;line-height:1}.product-name-3525mm{margin-top:3px;margin-bottom:0;padding:0;font-size:7px;line-height:1}.price-text-3525mm{margin-top:1px;margin-bottom:0;padding:0;font-size:12px;font-weight:800;line-height:1}.unit-top-right-3525mm,.code-bottom-right-3525mm,.barcode-vertical-3525mm{letter-spacing:0;flex-direction:column;line-height:1;display:flex}.page-break-3525mm{page-break-after:always;margin-bottom:1mm}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-3525mm,.barcode-display-3525mm *{visibility:visible}.barcode-display-3525mm{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.label-grid-3525mm{margin:0;padding:0}.label-item-3525mm{border:none}}@page{margin:0;padding:0}.barcode-display-5025mm{font-optical-sizing:auto;text-align:center;box-sizing:border-box;font-family:Oswald,serif;font-style:normal}.page-block-5025mm{page-break-after:always;width:100%}.label-grid-5025mm{grid-template-columns:50mm 50mm;grid-auto-rows:25mm;justify-content:center;gap:2mm;padding:5mm;font-weight:700;display:grid}.label-item-5025mm{box-sizing:border-box;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;position:relative}.shop-name-5025mm{margin-bottom:2px;font-size:13px;font-weight:700}.product-id-5025mm,.product-name-5025mm,.price-text-5025mm{margin:1px 0;font-size:10px;font-weight:700}.product-name-5025mm{font-size:9px}.price-text-5025mm{font-size:11px;font-weight:800}.unit-top-right-5025mm,.code-bottom-right-5025mm,.barcode-vertical-5025mm{letter-spacing:0;flex-direction:column;line-height:1;display:flex}.page-break-5025mm{page-break-after:always}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-5025mm,.barcode-display-5025mm *{visibility:visible}.barcode-display-5025mm{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.label-grid-5025mm{margin:0;padding:0}.label-item-5025mm{border:none}}@page{margin:0;padding:0}.barcode-display-7022double{font-optical-sizing:auto;text-align:center;box-sizing:border-box;font-family:Oswald,serif;font-style:normal}.page-block-7022double{page-break-after:always;width:100%}.label-grid-7022double{grid-template-columns:repeat(2,35mm);grid-auto-rows:25mm;justify-content:center;gap:2mm;padding:5mm;font-weight:700;display:grid}.label-item-7022double{box-sizing:border-box;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;padding:2px;display:flex;position:relative}.shop-name-7022double{margin-bottom:4px;font-size:15px;font-weight:700;line-height:1}.unit-top-right-7022double{letter-spacing:0;color:#000;flex-direction:column;margin-right:5px;font-weight:700;line-height:1;display:flex;position:absolute;top:-10px;right:-1px}.unit-char-7022double{font-weight:700;line-height:1;font-size:10px!important}.cost-code-bottom-right-7022double{letter-spacing:0;color:#000;flex-direction:column;margin-right:5px;font-weight:700;line-height:1;display:flex;position:absolute;top:18px;right:4px}.cost-char-7022double{font-weight:700;line-height:1;font-size:10px!important}.barcode-vertical-7022double{letter-spacing:0;color:#000;flex-direction:column;font-weight:700;line-height:1;display:flex;position:absolute;top:-15px;left:5px}.barcode-char-7022double{font-weight:700;line-height:1;font-size:12px!important}.product-id-7022double{display:none!important}.product-name-7022double{margin:1px 0;font-size:8px;font-weight:700;line-height:1}.price-text-7022double{margin:0;font-size:14px;font-weight:800;line-height:1}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-7022double,.barcode-display-7022double *{visibility:visible}.barcode-display-7022double{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.label-grid-7022double{margin:0;padding:0}.label-item-7022double{border:none}.unit-char-7022double,.cost-char-7022double,.barcode-char-7022double{font-size:12px!important}}@page{margin:0;padding:0}.barcode-display-7022single{font-optical-sizing:auto;text-align:center;box-sizing:border-box;font-family:Oswald,serif;font-style:normal}.page-block-7022single{page-break-after:always;width:100%}.label-grid-7022single{grid-template-columns:40mm;grid-auto-rows:30mm;justify-content:center;gap:2mm;padding:5mm;font-weight:400;display:grid}.label-item-7022single{box-sizing:border-box;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;margin-left:20px;padding:2px;display:flex;position:relative}.shop-name-7022single{color:#000;margin-bottom:6px;font-size:20px;font-weight:400;line-height:1}.unit-top-right-7022single{letter-spacing:0;color:#000;flex-direction:column;margin-right:5px;font-weight:400;line-height:1;display:flex;position:absolute;top:-20px;right:-9px}.cost-code-bottom-right-7022single{letter-spacing:0;color:#000;flex-direction:column;margin-right:5px;font-size:13px;font-weight:400;line-height:1;display:flex;position:absolute;top:20px;right:1px}.barcode-vertical-7022single{letter-spacing:0;color:#000;flex-direction:column;font-size:14px;font-weight:400;line-height:1;display:flex;position:absolute;top:-10px;left:5px}.product-id-7022single,.product-name-7022single,.price-text-7022single{color:#000;margin:0;font-size:12px;font-weight:400;line-height:1.1}.product-name-7022single{color:#000;margin:4px 0 1px;font-size:12px;font-weight:400;line-height:1}.price-text-7022single{color:#000;margin:0;font-size:22px;font-weight:400;line-height:1}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-7022single,.barcode-display-7022single *{visibility:visible!important}.barcode-display-7022single{width:100%;margin:0;padding:0;position:relative;top:0;left:30px}.label-grid-7022single{margin:0;padding:0}.label-item-7022single{border:none}.barcode-vertical-7022single,.barcode-vertical-7022single *,.unit-top-right-7022single,.unit-top-right-7022single *,.cost-code-bottom-right-7022single,.cost-code-bottom-right-7022single *{visibility:visible!important;color:#000!important;font-weight:400!important;display:flex!important}}@page{margin:0;padding:0}.label-grid-3020mm{grid-template-columns:repeat(3,30mm);grid-auto-rows:20mm;justify-content:center;gap:2mm 3mm;display:grid}@media print{.unit-top-right-alt,.code-bottom-left-alt,.color-top-left-alt{font-size:8px!important}body *{visibility:hidden}.barcode-display-3020mm,.barcode-display-3020mm *{visibility:visible}.barcode-display-3020mm{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.button-bar-3020mm{display:none}.page-break-3020mm{page-break-after:always;break-after:page}}.product-name-container-3020mm{flex-direction:column;gap:2px;width:100%;margin-top:2px;padding:0 2px;display:flex}.product-name-line-3020mm{color:#000;word-break:break-word;white-space:normal;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:12px;font-size:8px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.product-name-line-3020mm.tight{max-height:10px;line-height:1}.product-name-line-3020mm.large{max-height:13px;font-size:8px}@page{margin:0;padding:0}.barcode-display-3020mm{text-align:center;box-sizing:border-box;font-family:arial,serif}.label-grid-3020mm{grid-template-columns:repeat(3,30mm);grid-auto-rows:20mm;justify-content:center;gap:2mm 3mm;display:grid;top:2px}.label-item-3020mm{color:#000;box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.price-text-3020mm{color:#000;margin:0;font-size:10px;font-weight:900}.product-id-3020mm{margin:0;font-size:8px;font-weight:1000}.product-name-3020mm{margin:0;font-size:8px;font-weight:700}.button-bar-3020mm{margin-top:20px}.page-break-3020mm{height:0}@media print{.unit-top-right-alt,.code-bottom-left-alt,.color-top-left-alt{font-size:8px!important}body *{visibility:hidden}.barcode-display-3020mm,.barcode-display-3020mm *{visibility:visible}.barcode-display-3020mm{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.button-bar-3020mm{display:none}.page-break-3020mm{page-break-after:always;break-after:page}}@page{margin:0;padding:0}.barcode-display-3020single{text-align:center;box-sizing:border-box;font-family:arial,serif}.shop-name-3020single{letter-spacing:1px;margin-bottom:0;font-size:8px;font-weight:1000}.label-grid-3020single{grid-template-columns:0;grid-auto-rows:20mm;justify-content:center;gap:2mm 3mm;display:grid;top:2px}.label-item-3020single{color:#000;box-sizing:border-box;page-break-inside:avoid;break-inside:avoid;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.unit-top-right-alt{color:#000;margin-right:7px;font-weight:700;position:absolute;top:-8px;right:0;font-size:10px!important;line-height:1!important}.code-bottom-left-alt{color:#000;margin-right:7px;font-weight:700;position:absolute;top:20px;bottom:0;right:0;font-size:8px!important;line-height:1!important}.color-top-left-alt{color:#000;margin-left:5px;font-weight:700;position:absolute;top:2px;left:0;font-size:8px!important;line-height:1!important}.price-text-3020single{color:#000;margin:0;font-size:11px;font-weight:1000}.product-id-3020single{margin:0;font-size:8px;font-weight:1000;display:none!important}.product-name-2rows-3020single{text-align:center;color:#000;flex-direction:column;gap:0;margin:0;padding:0;font-size:7px;font-weight:700;line-height:1;display:flex}.product-name-line1-3020single,.product-name-line2-3020single{word-break:break-word;color:#000;text-overflow:ellipsis;white-space:normal;height:auto;margin:0;padding:0;font-size:7px;font-weight:700;line-height:1;overflow:hidden}.button-bar-3020single{margin-top:20px}.page-break-3020single{height:0}@media print{.unit-top-right-alt,.code-bottom-left-alt,.color-top-left-alt{font-size:8px!important}body *{visibility:hidden}.barcode-display-3020single,.barcode-display-3020single *{visibility:visible}.barcode-display-3020single{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.button-bar-3020single{display:none}.page-break-3020single{page-break-after:always;break-after:page}}@page{margin:0;padding:0}html,body{box-sizing:border-box;margin:0;padding:0}.barcode-display-3825single{font-optical-sizing:auto;text-align:center;box-sizing:border-box;font-family:Oswald,serif}.page-block-3825single{page-break-after:always;width:100%}.label-grid-3825single{grid-template-columns:50mm;grid-auto-rows:30mm;justify-content:center;gap:2mm;padding:5mm;font-weight:700;display:grid}.label-item-3825single{box-sizing:border-box;border:1px solid #ddd;flex-direction:column;justify-content:center;align-items:center;padding:3px;display:flex;position:relative}.shop-name-3825single{margin-bottom:2px;font-size:18px;font-weight:700}.price-text-3825single{color:#1a1a1a;letter-spacing:.3px;word-spacing:.5px;margin:.2px;font-size:18px;line-height:1.1}.unit-top-right-3825single{letter-spacing:0;color:#000;flex-direction:column;margin-right:8px;font-weight:500;line-height:1;display:flex;position:absolute;top:-14px;right:6px}.unit-char-3825single{font-weight:500;line-height:1;font-size:12px!important}.code-bottom-right-3825single{letter-spacing:0;color:#000;flex-direction:column;margin-right:8px;font-weight:500;line-height:1;display:flex;position:absolute;top:23px;right:5px}.code-char-3825single{font-weight:500;line-height:1;font-size:12px!important}.barcode-vertical-3825single{letter-spacing:0;color:#000;flex-direction:column;font-weight:500;line-height:1;display:flex;position:absolute;top:-18px;left:14px}.barcode-char-3825single{font-weight:700;line-height:1;font-size:14px!important}.product-name-2rows-3825single{text-align:center;color:#000;flex-direction:column;gap:0;margin:0;padding:0;font-size:14px;font-weight:500;line-height:1;display:flex}.product-name-line1-3825single,.product-name-line2-3825single{word-break:break-word;color:#000;text-overflow:ellipsis;white-space:normal;height:auto;margin:0;padding:0;font-size:13px;font-weight:500;line-height:1;overflow:hidden}.page-break-3825single{page-break-after:always}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-3825single,.barcode-display-3825single *{visibility:visible}.barcode-display-3825single{width:100%;margin:0;padding:0;position:relative;top:0;left:0}.label-grid-3825single{margin:0;padding:0}.label-item-3825single{border:none}.unit-char-3825single,.code-char-3825single,.barcode-char-3825single{font-size:12px!important}}.manage-products-container{background-color:var(--sytem-panel-colors);border:1px solid var(--secondary-bg);border-radius:10px;min-width:900px;padding:20px;box-shadow:0 4px 8px #0000001a}.manage-products-container h2{text-align:center;color:var(--header-bg);margin-bottom:20px;font-size:20px}.manage-products{background-color:var(--sytem-panel-colors);border-radius:10px;padding:20px}.product-image{object-fit:cover;border-radius:6px;width:150px;height:150px}.controls-container{border-radius:10px;flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:20px;display:flex}.search-box input{border:1px solid var(--border-color);width:100%;max-width:300px;color:var(--text-color);border-radius:4px;padding:8px 12px;font-size:12px}.rows-per-page{align-items:center;gap:10px;display:flex}.rows-per-page label{color:var(--text-color);font-size:12px;font-weight:700}.rows-per-page select{border:1px solid var(--border-color);cursor:pointer;border-radius:4px;padding:6px 10px;font-size:12px}.table-responsive{width:100%;overflow-x:auto}.manage-products-container table{border-collapse:collapse;background-color:var(--white);width:100%;min-width:1200px;margin-bottom:20px;font-size:12px}.manage-products-container th,.manage-products-container td{border:1px solid var(--table-border-color);color:var(--black);padding:8px;font-weight:700}.manage-products-container th{background-color:var(--table-headers);color:var(--white);font-weight:700}.manage-products-container tr td{background-color:var(--table-tr-background-color)}.actions-cell{align-items:center;gap:5px;display:flex}.manage-products-container .edit-btn{background-color:var(--accent-bg)}.manage-products-container .edit-btn:hover{background-color:var(--header-bg)}.manage-products-container .delete-btn{background-color:var(--secondary-bg)}.manage-products-container .delete-btn:hover{background-color:var(--header-bg)}#imagemanageproducts{object-fit:cover;border-radius:4px;width:80px;height:80px}.status-active{color:green;font-size:12px;font-weight:700}.status-inactive{color:red;font-size:12px;font-weight:700}.actions-cell{gap:5px;display:flex}.icon-button{cursor:pointer;background:0 0;border:none;padding:4px}.icon-button img{width:20px;height:20px}.modal-content{background-color:var(--primary-bg);border-radius:8px;max-width:600px;margin:auto;padding:20px;font-size:12px}.modal-overlay{background-color:#00000080}.totals-modal-content{color:var(--text-color);flex-direction:column;align-items:center;padding:20px;font-size:12px;display:flex}.modal-details-content{color:var(--text-color);flex-direction:column;max-height:80vh;padding:20px;font-size:12px;display:flex;overflow-y:auto}.large-image-container{text-align:center}#refresh-button-manage-products{background-color:var(--refresh-icon-color);color:var(--black);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;padding:0 10px;font-size:12px;transition:background-color .3s;display:flex}#refresh-button-manage-products:hover{background-color:var(--refresh-icon-color-hover);color:var(--white);transition:all .3s ease-in-out}.product-image{object-fit:cover;border-radius:6px;margin:auto;display:block;width:100px!important;height:100px!important}.export-buttons-container{justify-content:center;gap:15px;margin-top:20px;display:flex}.export-button-excel,.export-button-csv,.export-button-pdf{background-color:var(--sytem-secondary-color);color:var(--black);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;font-weight:700;display:flex}.export-button-excel:hover,.export-button-csv:hover,.export-button-pdf:hover{background-color:var(--system-main-color);color:var(--white);transition:all .3s ease-in-out}@media (width<=768px){.controls-container{flex-direction:column;gap:10px}.search-box input,.rows-per-page select,.multi-select-dropdown{width:100%;max-width:none}.manage-products-container th,.manage-products-container td{padding:6px 8px;font-size:10px}.icon-button img{width:18px;height:18px}}#product-update-modal-overlay{z-index:1000;color:#000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#product-update-modal-content{border:8px solid var(--system-main-color);color:#000;background-color:#f9f6f6;border-radius:8px;width:90%;max-width:1100px;max-height:80vh;padding:20px;position:relative;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.modal-close-button{background-color:var(--closebutton-color);color:#000;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.modal-close-button:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}h2{text-align:center;color:#000;margin-bottom:20px;font-size:20px}.form-group-set{color:#000;border:1px solid #adcecc;border-radius:6px;margin-bottom:20px;padding:15px}.form-group input,.form-group select,.date-picker{box-sizing:border-box;color:#000;background-color:#fff;border:1px solid #192453a2;border-radius:4px;width:100%;height:30px;padding:5px;font-size:12px}.form-group input[readonly]{cursor:not-allowed;background-color:#f9f6f6}.react-select__control{color:#000;height:30px;min-height:30px;font-size:12px}.react-select__value-container{color:#000;padding:0 8px}.react-select__input{color:#000;margin:0;padding:0}.react-select__indicator-separator{display:none}.react-select__indicators{height:30px}.react-select__menu{color:#000;font-size:12px}.react-select__option{color:#000;padding:8px 12px}.react-select__option--is-focused{background-color:#f0f0f0}.react-select__option--is-selected{color:#000;background-color:#192453a2}.dropdown-list{z-index:10;color:#000;background-color:#fff;border:1px solid #192453a2;border-radius:4px;max-height:200px;margin-top:-5px;padding:5px;list-style:none;overflow-y:auto;box-shadow:0 2px 10px #0000001a}.dropdown-list li{cursor:pointer;color:#000;padding:5px}.dropdown-list li:hover{background-color:#f0f0f0}.date-picker{color:#000;background-color:#fff;border:1px solid #192453a2;border-radius:4px;height:30px;padding:5px;font-size:12px}.image-preview{border:2px solid #192453a2;border-radius:8px;width:200px;height:auto;margin-bottom:10px;box-shadow:0 4px 8px #0000001a}.upload-button{color:#000;cursor:pointer;background-color:#d4d4ec;border:none;border-radius:4px;align-self:flex-start;margin-top:5px;padding:5px 10px;font-size:12px;transition:background-color .2s}.upload-button:hover{background-color:#adcecc}.file-input-wrapper{margin:10px 0;display:inline-block;position:relative;overflow:hidden}.file-input-button{color:#fff;cursor:pointer;background-color:#192453a2;border:none;border-radius:4px;padding:6px 10px;font-size:12px;transition:background-color .2s}.file-input-button:hover{cursor:pointer;background-color:#d4d4ec}.file-input{opacity:0;cursor:pointer;font-size:100px;position:absolute;top:0;right:0}#product-update-actions{justify-content:flex-end;margin-top:20px;display:flex}#product-update-actions button{background-color:var(--update-button-color);color:var(--black);border:none;padding:8px 12px;font-size:12px;font-weight:700}#product-update-actions button:hover{background-color:var(--update-button-color-hover);color:var(--white);transition:all .3s ease-in-out}#upload-button-edit-products{color:#000;background-color:#83e3db}#upload-button-edit-products:hover{color:#fff;background-color:#10534e;transition:all .3s ease-in-out}@media (width<=768px){.form-group{flex:calc(50% - 15px)}#product-update-modal-content{width:100%;padding:15px}.form-group-set{padding:10px}.form-group-set legend{font-size:13px}}@media (width<=480px){.form-group{flex:100%}#product-update-actions{flex-direction:column;align-items:stretch}#product-update-actions button{margin-bottom:10px}.form-group-set{padding:8px}.form-group-set legend{font-size:12px}}.common-form-group-full{grid-column:1/-1}.common-textarea{resize:vertical;box-sizing:border-box;background:#fff;border:1px solid #cfcfcf;border-radius:6px;outline:none;width:100%;min-height:110px;padding:10px 12px;font-size:14px}.common-textarea:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.common-textarea::placeholder{color:#9aa0a6}.stock-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.stock-modal-container{background:#fff;border-radius:16px;width:100%;max-width:28rem;transition:all .3s;transform:scale(1);box-shadow:0 25px 50px -12px #00000040}.stock-modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.stock-modal-title-section{align-items:center;gap:.75rem;display:flex}.stock-modal-icon-container{background-color:#dcfce7;border-radius:8px;padding:.5rem}.stock-modal-icon{color:#16a34a;width:1.25rem;height:1.25rem}.stock-modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.stock-modal-subtitle{color:#6b7280;margin:0;font-size:.875rem}.stock-modal-close-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background-color .2s}.stock-modal-close-btn:hover{background-color:#f3f4f6}.stock-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.stock-modal-close-icon{color:#6b7280;width:1.25rem;height:1.25rem}.stock-modal-content{padding:1.5rem}.stock-product-info{background-color:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.stock-product-name{color:#1f2937;margin:0 0 .25rem;font-weight:500}.stock-product-details{color:#6b7280;margin:0;font-size:.875rem}.stock-loading-container{justify-content:center;align-items:center;padding:2rem 0;display:flex}.stock-loading-spinner{color:#16a34a;width:1.5rem;height:1.5rem;margin-right:.75rem;animation:1s linear infinite spin}.stock-loading-text{color:#6b7280}.stock-no-access{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.75rem;padding:1rem;display:flex}.stock-no-access-icon{color:#dc2626;flex-shrink:0;width:1.25rem;height:1.25rem}.stock-no-access-text{color:#b91c1c;margin:0}.stock-form-container{flex-direction:column;gap:1.5rem;display:flex}.stock-input-group{flex-direction:column;display:flex}.stock-input-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.stock-input-container{position:relative}.stock-quantity-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;transition:all .2s}.stock-quantity-input:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #16a34a1a}.stock-quantity-input:disabled{cursor:not-allowed;background-color:#f9fafb}.stock-quantity-input::placeholder{color:#9ca3af}.stock-input-icon{color:#9ca3af;width:1.25rem;height:1.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.stock-buttons-container{gap:.75rem;padding-top:.5rem;display:flex}.stock-submit-btn{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.stock-submit-btn:hover:not(:disabled){background-color:#15803d}.stock-submit-btn:focus{outline:none;box-shadow:0 0 0 3px #16a34a33}.stock-submit-btn:disabled{cursor:not-allowed;background-color:#d1d5db}.stock-submit-icon{width:1rem;height:1rem}.stock-cancel-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.stock-cancel-btn:hover:not(:disabled){background-color:#f9fafb}.stock-cancel-btn:focus{outline:none;box-shadow:0 0 0 3px #6b728033}.stock-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.stock-modal-overlay{padding:.5rem}.stock-modal-container{max-width:100%}.stock-modal-header,.stock-modal-content{padding:1rem}.stock-buttons-container{flex-direction:column}.stock-cancel-btn{order:2}}.stock-out-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.stock-out-modal-container{background:#fff;border-radius:16px;width:100%;max-width:28rem;transition:all .3s;transform:scale(1);box-shadow:0 25px 50px -12px #00000040}.stock-out-modal-header{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.stock-out-modal-title-section{align-items:center;gap:.75rem;display:flex}.stock-out-modal-icon-container{background-color:#fee2e2;border-radius:8px;padding:.5rem}.stock-out-modal-icon{color:#dc2626;width:1.25rem;height:1.25rem}.stock-out-modal-title{color:#1f2937;margin:0;font-size:1.25rem;font-weight:600}.stock-out-modal-subtitle{color:#6b7280;margin:0;font-size:.875rem}.stock-out-modal-close-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem;transition:background-color .2s}.stock-out-modal-close-btn:hover{background-color:#f3f4f6}.stock-out-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.stock-out-modal-close-icon{color:#6b7280;width:1.25rem;height:1.25rem}.stock-out-modal-content{padding:1.5rem}.stock-out-product-info{background-color:#f9fafb;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.stock-out-product-name{color:#1f2937;margin:0 0 .25rem;font-weight:500}.stock-out-product-details{color:#6b7280;margin:0;font-size:.875rem}.stock-out-loading-container{justify-content:center;align-items:center;padding:2rem 0;display:flex}.stock-out-loading-spinner{color:#dc2626;width:1.5rem;height:1.5rem;margin-right:.75rem;animation:1s linear infinite spin}.stock-out-loading-text{color:#6b7280}.stock-out-no-access{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:.75rem;padding:1rem;display:flex}.stock-out-no-access-icon{color:#dc2626;flex-shrink:0;width:1.25rem;height:1.25rem}.stock-out-no-access-text{color:#b91c1c;margin:0}.stock-out-form-container{flex-direction:column;gap:1.5rem;display:flex}.stock-out-input-group{flex-direction:column;display:flex}.stock-out-input-label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.stock-out-input-container{position:relative}.stock-out-quantity-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:1rem;transition:all .2s}.stock-out-quantity-input:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 3px #dc26261a}.stock-out-quantity-input:disabled{cursor:not-allowed;background-color:#f9fafb}.stock-out-quantity-input::placeholder{color:#9ca3af}.stock-out-input-icon{color:#9ca3af;width:1.25rem;height:1.25rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.stock-out-buttons-container{gap:.75rem;padding-top:.5rem;display:flex}.stock-out-submit-btn{color:#fff;cursor:pointer;background-color:#dc2626;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.stock-out-submit-btn:hover:not(:disabled){background-color:#b91c1c}.stock-out-submit-btn:focus{outline:none;box-shadow:0 0 0 3px #dc262633}.stock-out-submit-btn:disabled{cursor:not-allowed;background-color:#d1d5db}.stock-out-submit-icon{width:1rem;height:1rem}.stock-out-cancel-btn{color:#374151;cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.stock-out-cancel-btn:hover:not(:disabled){background-color:#f9fafb}.stock-out-cancel-btn:focus{outline:none;box-shadow:0 0 0 3px #6b728033}.stock-out-cancel-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.stock-out-modal-overlay{padding:.5rem}.stock-out-modal-container{max-width:100%}.stock-out-modal-header,.stock-out-modal-content{padding:1rem}.stock-out-buttons-container{flex-direction:column}.stock-out-cancel-btn{order:2}}.bpu-overlay{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.bpu-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:900px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.bpu-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.bpu-header h3{color:#fff;letter-spacing:.5px;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.bpu-body{background-color:#fff;flex:1;padding:14px 16px;overflow-y:auto}.bpu-body::-webkit-scrollbar{width:6px}.bpu-body::-webkit-scrollbar-track{background:#f1f1f1}.bpu-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bpu-body::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.bpu-info-box{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1px solid #bae6fd;border-radius:6px;margin-bottom:12px;padding:10px 12px}.bpu-info-box p{color:#0c4a6e;margin:0;font-size:11px;font-weight:600}.bpu-section{margin-bottom:12px}.bpu-section-title{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:11px;font-weight:700;display:block}.bpu-radio-group{flex-wrap:wrap;gap:12px;display:flex}.bpu-radio-label{cursor:pointer;color:#374151;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.bpu-radio-label input{cursor:pointer;width:14px;height:14px;accent-color:var(--system-main-color)}.bpu-form-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin-bottom:12px;display:grid}.bpu-input-group{flex-direction:column;display:flex}.bpu-input-group label{color:#374151;text-transform:uppercase;letter-spacing:.2px;margin-bottom:4px;font-size:10px;font-weight:700}.bpu-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.bpu-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.bpu-presets{margin-bottom:12px}.bpu-preset-buttons{flex-wrap:wrap;gap:6px;display:flex}.bpu-preset-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;border:none;border-radius:4px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .2s;box-shadow:0 2px 4px #667eea33}.bpu-preset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.bpu-preset-btn:active{transform:translateY(0)}.bpu-search-box{margin-bottom:12px}.bpu-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 10px;font-size:11px}.bpu-search-input:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 2px #667eea1a}.bpu-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;margin-bottom:12px;overflow:hidden}.bpu-table{border-collapse:collapse;width:100%;font-size:10px}.bpu-table thead{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff}.bpu-table th{text-align:left;text-transform:uppercase;letter-spacing:.2px;padding:8px 10px;font-weight:700}.bpu-table td{color:#374151;border-bottom:1px solid #f0f0f0;padding:8px 10px}.bpu-table tbody tr:hover{background:#f9fafb}.bpu-new-value{color:var(--system-main-color);font-weight:700}.bpu-profit-badge{color:#10b981;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:3px;padding:3px 6px;font-weight:700;display:inline-block}.bpu-pagination{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:8px;display:flex}.bpu-page-btn{width:28px;height:28px;color:var(--system-main-color);cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;font-weight:700;transition:all .2s}.bpu-page-btn:hover:not(:disabled){background:var(--system-main-color);color:#fff}.bpu-page-btn:disabled{opacity:.5;cursor:not-allowed}.bpu-page-info{color:#6b7280;text-align:center;min-width:50px;font-size:10px;font-weight:700}.bpu-summary{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border:1px solid #bbf7d0;border-radius:6px;gap:12px;margin-bottom:12px;padding:10px;display:flex}.bpu-summary-item{flex-direction:column;gap:2px;display:flex}.bpu-summary-item span{color:#047857;text-transform:uppercase;font-size:9px;font-weight:700}.bpu-summary-item strong{color:#10b981;font-size:13px;font-weight:700}.bpu-export-buttons{justify-content:center;gap:8px;margin-bottom:12px;display:flex}.bpu-export-btn{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.bpu-export-btn.excel{color:#1f7e3d;border-color:#1f7e3d}.bpu-export-btn.excel:hover{color:#fff;background:#1f7e3d}.bpu-export-btn.csv{color:#06c;border-color:#06c}.bpu-export-btn.csv:hover{color:#fff;background:#06c}.bpu-export-btn.pdf{color:#d32f2f;border-color:#d32f2f}.bpu-export-btn.pdf:hover{color:#fff;background:#d32f2f}.bpu-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:2px solid #e5e7eb;border-radius:0 0 10px 10px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 18px;display:flex}.bpu-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s}.bpu-btn-cancel{color:#fff;background-color:#6b7280;box-shadow:0 2px 4px #6b728033}.bpu-btn-cancel:hover{background-color:#5a6370;transform:translateY(-1px)}.bpu-btn-submit{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;box-shadow:0 2px 6px #667eea33}.bpu-btn-submit:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.bpu-btn-submit:active{transform:translateY(0)}.bpu-btn-submit:disabled{cursor:not-allowed;box-shadow:none;background:#cbd5e1;transform:none}@media screen and (width<=768px){.bpu-modal{width:95%;max-height:90vh}.bpu-header h3{font-size:14px}.bpu-form-grid{grid-template-columns:repeat(2,1fr)}.bpu-table{font-size:9px}.bpu-table th,.bpu-table td{padding:6px 8px}.bpu-footer{flex-direction:column}.bpu-btn{justify-content:center;width:100%}}@media screen and (width<=480px){.bpu-modal{width:98%;max-height:95vh}.bpu-header{padding:12px 14px}.bpu-header h3{font-size:13px}.bpu-body{padding:12px 14px}.bpu-form-grid{grid-template-columns:1fr;gap:8px}.bpu-table{font-size:8px}.bpu-table th,.bpu-table td{padding:5px 6px}.bpu-btn{padding:6px 12px;font-size:10px}.bpu-footer{gap:8px;padding:10px 12px}}.msn-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.msn-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:900px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.msn-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.msn-header-content{flex-direction:column;gap:2px;display:flex}.msn-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.msn-subtitle{color:#ffffffe6;letter-spacing:.3px;margin:0;font-size:11px;font-weight:500}.msn-close{cursor:pointer;color:#fffc;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:20px;transition:all .3s;display:flex}.msn-close:hover{color:#fff;background:#fff3}.msn-body{background-color:#fff;flex:1;padding:14px 16px;overflow-y:auto}.msn-body::-webkit-scrollbar{width:6px}.msn-body::-webkit-scrollbar-track{background:#f1f1f1}.msn-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.msn-body::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.msn-section{margin-bottom:12px}.msn-section-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.msn-input-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.msn-input-group{flex:1;min-width:110px}.msn-input-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.msn-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.msn-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.msn-input::placeholder{color:#999}.msn-btn-add{color:#fff;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #4caf5033}.msn-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf504d}.msn-btn-add:active{transform:translateY(0)}.msn-list{background-color:#fff;flex:1;padding:0;overflow-y:auto}.msn-loading,.msn-empty{text-align:center;color:#999;padding:40px 20px;font-size:14px}.msn-table{border-collapse:collapse;width:100%;font-size:11px}.msn-table thead{z-index:10;background:linear-gradient(135deg,#f0f0f0 0%,#e5e7eb 100%);position:sticky;top:0}.msn-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #d1d5db;padding:10px 12px;font-size:10px;font-weight:700}.msn-table td{color:#555;border-bottom:1px solid #e5e7eb;padding:10px 12px}.msn-table tbody tr{transition:background-color .2s}.msn-table tbody tr:hover{background-color:#f9fafb}.msn-id{color:var(--system-main-color);min-width:40px;font-weight:700}.msn-serial-number{color:#1f2937;font-family:Courier New,monospace;font-weight:600}.msn-edit-input{border:2px solid var(--system-main-color);border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px}.msn-edit-input:focus{outline:none;box-shadow:0 0 0 2px #667eea1a}.msn-status-badge{text-transform:uppercase;letter-spacing:.2px;border:1px solid;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.msn-status-badge.available{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9 0%,#dcfce7 100%);border-color:#bbf7d0}.msn-status-badge.sold{color:#c62828;background:linear-gradient(135deg,#ffebee 0%,#ffcdd2 100%);border-color:#ef9a9a}.msn-date{color:#999;font-size:10px}.msn-actions{justify-content:flex-start;gap:6px;min-width:120px;display:flex}.msn-btn-edit,.msn-btn-delete,.msn-btn-save,.msn-btn-cancel{cursor:pointer;text-transform:uppercase;letter-spacing:.2px;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:40px;height:32px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex}.msn-btn-edit{color:#fff;background:linear-gradient(135deg,#2196f3 0%,#1976d2 100%);box-shadow:0 2px 6px #2196f333}.msn-btn-edit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #2196f34d}.msn-btn-edit:active:not(:disabled){transform:translateY(0)}.msn-btn-delete{color:#fff;background:linear-gradient(135deg,#f44336 0%,#d32f2f 100%);box-shadow:0 2px 6px #f4433633}.msn-btn-delete:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #f443364d}.msn-btn-delete:active:not(:disabled){transform:translateY(0)}.msn-btn-save{color:#fff;background:linear-gradient(135deg,#4caf50 0%,#45a049 100%);box-shadow:0 2px 6px #4caf5033}.msn-btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 10px #4caf504d}.msn-btn-save:active{transform:translateY(0)}.msn-btn-cancel{color:#fff;background:linear-gradient(135deg,#9e9e9e 0%,#757575 100%);box-shadow:0 2px 6px #9e9e9e33}.msn-btn-cancel:hover{transform:translateY(-1px);box-shadow:0 4px 10px #9e9e9e4d}.msn-btn-cancel:active{transform:translateY(0)}.msn-btn-edit.msn-btn-disabled,.msn-btn-delete.msn-btn-disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#cbd5e1 0%,#b0bac4 100%)}.msn-btn-edit.msn-btn-disabled:hover,.msn-btn-delete.msn-btn-disabled:hover{transform:none;box-shadow:0 2px 6px #9e9e9e33}.msn-btn-edit:disabled,.msn-btn-delete:disabled{opacity:.5;cursor:not-allowed}.msn-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.msn-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.msn-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 10px #667eea4d}.msn-pagination-btn:active:not(:disabled){transform:translateY(0)}.msn-pagination-btn:disabled{cursor:not-allowed;opacity:.6;background:linear-gradient(135deg,#cbd5e1 0%,#b0bac4 100%)}.msn-pagination-info{align-items:center;gap:8px;display:flex}.msn-page-number{color:#374151;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;font-size:11px;font-weight:600}.msn-page-number strong{color:var(--system-main-color);font-weight:700}.msn-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:2px solid #e5e7eb;border-radius:0 0 10px 10px;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;display:flex}.msn-count{color:#666;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:11px;font-weight:700}.msn-btn-close{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.msn-btn-close:hover{background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.msn-btn-close:active{transform:translateY(0)}@media screen and (width<=1024px){.msn-modal{max-width:95%}.msn-table{font-size:10px}.msn-table th,.msn-table td{padding:8px 10px}.msn-btn-edit,.msn-btn-delete,.msn-btn-save,.msn-btn-cancel{min-width:36px;height:30px;padding:4px 8px}}@media screen and (width<=768px){.msn-modal{width:95%;max-height:90vh}.msn-header{padding:12px 14px}.msn-header h2{font-size:14px}.msn-subtitle{font-size:10px}.msn-body{padding:12px 14px}.msn-section-title{font-size:11px}.msn-table{font-size:9px}.msn-table th,.msn-table td{padding:6px 8px}.msn-actions{gap:4px;min-width:100px}.msn-btn-edit,.msn-btn-delete,.msn-btn-save,.msn-btn-cancel{min-width:32px;height:28px;padding:3px 6px;font-size:9px}.msn-footer{flex-direction:column;padding:10px 12px}.msn-count{text-align:center;width:100%;font-size:10px}.msn-btn-close{width:100%;padding:7px 14px;font-size:10px}}@media screen and (width<=480px){.msn-modal{width:98%;max-height:95vh}.msn-header{padding:10px 12px}.msn-header h2{font-size:13px}.msn-subtitle{font-size:9px}.msn-body{padding:10px 12px}.msn-table{font-size:8px}.msn-table th,.msn-table td{padding:5px 6px}.msn-actions{gap:3px;min-width:80px}.msn-btn-edit,.msn-btn-delete,.msn-btn-save,.msn-btn-cancel{min-width:28px;height:24px;padding:2px 4px;font-size:8px}.msn-input-row{gap:6px}.msn-btn-add{padding:6px 12px;font-size:9px}.msn-footer{gap:6px;padding:8px 10px}.msn-btn-close{padding:6px 12px;font-size:9px}}.msn-toggle-section{background:linear-gradient(135deg,#f0f7ff 0%,#e3f2fd 100%);border:2px solid #90caf9;border-radius:8px;margin-bottom:14px;padding:14px 16px}.msn-toggle-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:12px;display:flex}.msn-toggle-checkbox{cursor:pointer;accent-color:#667eea;flex-shrink:0;width:20px;height:20px;margin-top:2px}.msn-toggle-icon{flex-shrink:0;align-items:center;font-size:20px;display:flex}.msn-toggle-text{flex-direction:column;flex:1;gap:4px;display:flex}.msn-toggle-text strong{color:#1f2937;letter-spacing:.3px;font-size:13px;font-weight:700}.msn-toggle-desc{color:#666;font-size:11px;font-weight:500;line-height:1.3}@media screen and (width<=768px){.msn-toggle-section{margin-bottom:12px;padding:12px 14px}.msn-toggle-text strong{font-size:12px}.msn-toggle-desc{font-size:10px}.msn-toggle-checkbox{width:18px;height:18px}}@media screen and (width<=480px){.msn-toggle-section{padding:10px 12px}.msn-toggle-label{gap:8px}.msn-toggle-text strong{font-size:11px}.msn-toggle-desc{font-size:9px}.msn-toggle-checkbox{width:16px;height:16px}}.add-supplier-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;padding:8px;animation:.3s ease-out add-supplier-fade-in;display:flex;position:fixed;inset:0}@keyframes add-supplier-fade-in{0%{opacity:0}to{opacity:1}}.add-supplier-modal-container{background:#fff;border-radius:10px;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out add-supplier-slide-in;overflow-y:auto;box-shadow:0 15px 50px #0003}@keyframes add-supplier-slide-in{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.add-supplier-modal-header{background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);border-bottom:none;border-radius:10px 10px 0 0;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.add-supplier-modal-title-wrapper{flex:1}.add-supplier-modal-title{color:#fff;letter-spacing:.2px;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.add-supplier-modal-subtitle{color:#ffffffd9;margin:4px 0 0;font-size:12px;font-weight:400}.add-supplier-close-button{cursor:pointer;color:#fff;background:#fff3;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:300;transition:all .2s;display:flex}.add-supplier-close-button:hover{background:#ffffff4d;transform:rotate(90deg)}.add-supplier-close-button:active{transform:rotate(90deg)scale(.95)}.add-supplier-modal-body{background:#fff;padding:16px 18px}.add-supplier-form-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.add-supplier-form-group-full{grid-column:1/-1}.add-supplier-form-group{flex-direction:column;display:flex}.add-supplier-form-label{color:#1f2937;align-items:center;gap:3px;margin-bottom:5px;font-size:12px;font-weight:700;display:flex}.add-supplier-required{color:#ef4444;font-weight:800}.add-supplier-form-input,.add-supplier-form-select{color:#1f2937;background-color:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;height:32px;padding:9px 11px;font-family:inherit;font-size:12px;transition:all .3s}.add-supplier-form-input:focus,.add-supplier-form-select:focus{background-color:#fff;border-color:#1e40af;outline:none;box-shadow:0 0 0 3px #1e40af14}.add-supplier-form-input::placeholder{color:#9ca3af;font-size:12px}.add-supplier-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231f2937' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 6px center;background-repeat:no-repeat;background-size:14px;padding-right:28px}.add-supplier-form-select option{color:#1f2937;background-color:#fff;padding:8px;font-size:12px}.add-supplier-dropdown-list{z-index:10;background:#fff;border:1.5px solid #e5e7eb;border-top:none;border-radius:0 0 6px 6px;max-height:150px;margin:2px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 12px #0000001a}.add-supplier-dropdown-item{cursor:pointer;color:#374151;border-bottom:1px solid #f3f4f6;padding:8px 11px;font-size:12px;transition:all .2s}.add-supplier-dropdown-item:hover{color:#1e40af;background:#f3f4f6;font-weight:500}.add-supplier-dropdown-item:last-child{border-bottom:none}.add-supplier-modal-footer{background-color:#f9fafb;border-top:1.5px solid #e5e7eb;border-radius:0 0 10px 10px;justify-content:flex-end;gap:8px;padding:12px 18px;display:flex}.add-supplier-btn-cancel,.add-supplier-btn-submit{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;height:34px;padding:9px 18px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.add-supplier-btn-cancel{color:#374151;background-color:#e5e7eb;border:1.5px solid #d1d5db}.add-supplier-btn-cancel:hover:not(:disabled){background-color:#d1d5db;border-color:#9ca3af;transform:translateY(-1px)}.add-supplier-btn-cancel:active:not(:disabled){transform:translateY(0)}.add-supplier-btn-submit{color:#fff;background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);border:1.5px solid #1e40af;padding:9px 20px;box-shadow:0 4px 12px #1e40af4d}.add-supplier-btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a 0%,#172554 100%);transform:translateY(-2px);box-shadow:0 6px 16px #1e40af66}.add-supplier-btn-submit:active:not(:disabled){transform:translateY(0)}.add-supplier-btn-cancel:disabled,.add-supplier-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media (width<=1024px){.add-supplier-modal-container{max-width:850px}.add-supplier-form-grid{grid-template-columns:repeat(3,1fr);gap:9px}}@media (width<=768px){.add-supplier-modal-container{width:95%;max-width:700px;max-height:95vh}.add-supplier-form-grid{grid-template-columns:repeat(2,1fr);gap:8px}.add-supplier-modal-header{flex-direction:column;align-items:flex-start;padding:14px 16px}.add-supplier-close-button{align-self:flex-end}.add-supplier-modal-body{padding:14px 16px}.add-supplier-modal-footer{gap:6px;padding:10px 16px}.add-supplier-modal-title{font-size:16px}.add-supplier-modal-subtitle{font-size:12px}.add-supplier-form-label{margin-bottom:4px;font-size:12px}.add-supplier-form-input,.add-supplier-form-select{height:30px;padding:8px 10px;font-size:12px}.add-supplier-form-input::placeholder{font-size:12px}.add-supplier-dropdown-item{padding:7px 10px;font-size:12px}.add-supplier-btn-cancel,.add-supplier-btn-submit{height:32px;padding:8px 16px;font-size:12px}}@media (width<=600px){.add-supplier-modal-container{width:98%;max-width:600px}.add-supplier-form-grid{grid-template-columns:1fr;gap:8px}.add-supplier-modal-header,.add-supplier-modal-body{padding:12px 14px}.add-supplier-modal-footer{flex-direction:row;padding:10px 14px}.add-supplier-modal-title{font-size:14px}.add-supplier-modal-subtitle,.add-supplier-form-label{font-size:12px}.add-supplier-form-input,.add-supplier-form-select{height:30px;padding:8px 10px;font-size:12px}.add-supplier-form-input::placeholder{font-size:12px}.add-supplier-btn-cancel,.add-supplier-btn-submit{flex:1;height:32px;padding:8px 16px;font-size:12px}}@media (width<=480px){.add-supplier-modal-overlay{padding:6px}.add-supplier-modal-container{border-radius:8px;max-width:100%}.add-supplier-modal-header{padding:12px 14px}.add-supplier-modal-title{font-size:14px}.add-supplier-modal-subtitle{font-size:12px}.add-supplier-close-button{width:30px;height:30px;font-size:16px}.add-supplier-modal-body{padding:12px 14px}.add-supplier-form-grid{gap:8px}.add-supplier-form-label{margin-bottom:4px;font-size:12px}.add-supplier-form-input,.add-supplier-form-select{height:30px;padding:8px 10px;font-size:12px}.add-supplier-form-input::placeholder{font-size:12px}.add-supplier-dropdown-item{padding:7px 10px;font-size:12px}.add-supplier-modal-footer{gap:6px;padding:10px 14px}.add-supplier-btn-cancel,.add-supplier-btn-submit{height:30px;padding:8px 14px;font-size:12px}}@media (width<=360px){.add-supplier-modal-title{font-size:13px}.add-supplier-modal-subtitle,.add-supplier-form-label{font-size:12px}.add-supplier-form-input,.add-supplier-form-select{height:28px;padding:7px 9px;font-size:12px}.add-supplier-form-input::placeholder{font-size:12px}.add-supplier-btn-cancel,.add-supplier-btn-submit{height:28px;padding:7px 12px;font-size:12px}}.msm-add-btn-wrapper{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:flex-start;gap:10px;padding:12px 16px;display:flex}.msm-add-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);border:none;border-radius:8px;align-items:center;gap:8px;height:34px;padding:9px 18px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 4px 12px #1e40af4d}.msm-add-btn-primary:hover{background:linear-gradient(135deg,#1e3a8a 0%,#172554 100%);transform:translateY(-2px);box-shadow:0 6px 20px #1e40af66}.msm-add-btn-primary:active{transform:translateY(0)}@media (width<=768px){.msm-add-btn-wrapper{padding:10px 14px}.msm-add-btn-primary{height:32px;padding:8px 16px;font-size:12px}}@media (width<=480px){.msm-add-btn-wrapper{padding:10px 12px}.msm-add-btn-primary{height:30px;padding:8px 14px;font-size:12px}}.column-visibility-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #1e40af33}.column-visibility-btn:hover{background:linear-gradient(135deg,#1e3a8a 0%,#172554 100%);transform:translateY(-1px);box-shadow:0 4px 12px #1e40af4d}.column-visibility-btn:active{transform:translateY(0)}.column-visibility-modal{background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;margin:0 16px 16px;padding:14px;animation:.2s ease-out slideDown;box-shadow:0 4px 12px #00000014}.column-visibility-header{border-bottom:1.5px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}.column-visibility-header h4{color:#1f2937;margin:0;font-size:13px;font-weight:700}.column-visibility-actions{gap:6px;display:flex}.column-action-btn{color:#374151;cursor:pointer;background:#f3f4f6;border:1.5px solid #d1d5db;border-radius:5px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.column-action-btn:hover{background:#e5e7eb;border-color:#9ca3af}.column-action-btn.show-all:hover{color:#1e40af;background:#dbeafe;border-color:#1e40af}.column-action-btn.hide-all:hover{color:#ef4444;background:#fee2e2;border-color:#ef4444}.column-visibility-list{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;max-height:300px;display:grid;overflow-y:auto}.column-visibility-list::-webkit-scrollbar{width:6px}.column-visibility-list::-webkit-scrollbar-track{background:0 0}.column-visibility-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.column-visibility-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.column-checkbox-label{cursor:pointer;color:#374151;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.column-checkbox-label:hover{background:#f3f4f6;border-color:#1e40af}.column-checkbox-label input:disabled{cursor:not-allowed;opacity:.5}.column-checkbox-label input:disabled+.column-label-text{color:#9ca3af;font-weight:600}.column-checkbox{cursor:pointer;accent-color:#1e40af;width:16px;height:16px}.column-checkbox:disabled{cursor:not-allowed}.column-label-text{-webkit-user-select:none;user-select:none;flex:1}@media (width<=768px){.column-visibility-modal{margin:0 12px 12px;padding:12px}.column-visibility-list{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.column-checkbox-label{padding:6px 8px;font-size:11px}.column-visibility-header{flex-direction:column;align-items:flex-start;gap:8px}.column-visibility-actions{width:100%}.column-action-btn{flex:1;font-size:10px}}@media (width<=480px){.column-visibility-btn{padding:6px 10px;font-size:11px}.column-visibility-modal{margin:0 10px 10px;padding:10px}.column-visibility-header h4{font-size:12px}.column-visibility-list{grid-template-columns:repeat(2,1fr);gap:6px}.column-checkbox-label{padding:6px 8px;font-size:10px}.column-checkbox{width:14px;height:14px}.column-action-btn{padding:5px 8px;font-size:9px}}.profit-details-panel{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #667eea;border-radius:8px;margin:15px 0;padding:20px;animation:.3s slideIn}.profit-card{background:#fff;border-radius:8px;padding:15px;box-shadow:0 2px 8px #0000001a}.profit-card h4{color:#333;align-items:center;gap:8px;margin:0 0 15px;font-size:16px;font-weight:600;display:flex}.profit-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.profit-item{background:#f0f2f5;border-left:4px solid #667eea;border-radius:5px;justify-content:space-between;align-items:center;padding:12px;transition:all .3s;display:flex}.profit-item:hover{background:#e9ecef;transform:translate(5px)}.profit-item span{color:#666;font-size:14px;font-weight:500}.profit-item strong{color:#333;font-size:16px;font-weight:700}.profit-item.highlight{background:linear-gradient(135deg,#e3f2fd 0%,#bbdefb 100%);border-left-color:#4caf50}.profit-item.highlight strong{color:#2e7d32;font-size:18px}.odm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.odm-header-compact{z-index:100;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.odm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.odm-header-icon{font-size:18px}.odm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.odm-mobile-menu-toggle:active{background:#fff3}.odm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.odm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e7eb;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.odm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.odm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.odm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.odm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.odm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.odm-mobile-menu-item:active{background:#f3f4f6}.odm-mobile-menu-item.active{color:#10b981;background:#f0fdf4;border-left-color:#10b981}.odm-mobile-menu-item.open{background:#fafafa}.odm-mobile-menu-icon{min-width:16px;font-size:14px}.odm-mobile-menu-label{flex:1}.odm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.odm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e7eb;padding:8px 12px}.odm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.odm-mobile-close-all:active{background:#fecaca}.odm-button-bar{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.odm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.odm-btn-with-label{cursor:pointer;color:#4b5563;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.odm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.odm-btn-with-label:active{transform:scale(.97)}.odm-btn-with-label.active{color:#10b981;background:#f0fdf4;border-color:#10b981}.odm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.odm-btn-icon{flex-shrink:0;font-size:12px}.odm-btn-text{display:inline-block}.odm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.odm-close-all-compact:hover{color:#dc2626;background:#fecaca}.odm-close-all-compact:active{transform:scale(.97)}.odm-button-bar::-webkit-scrollbar{height:3px}.odm-button-bar::-webkit-scrollbar-track{background:0 0}.odm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.odm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.odm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e7eb;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.odm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.odm-tabs-scroll::-webkit-scrollbar{height:3px}.odm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.odm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.odm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.odm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.odm-tab-label:hover{color:#374151;background:#f3f4f6}.odm-tab-label:active{transform:scale(.97)}.odm-tab-label.active{color:#10b981;background:#f0fdf4;border-bottom-color:#10b981}.odm-tab-label-icon{font-size:10px}.odm-tab-label-text{display:inline-block}.odm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.odm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.odm-tab-label-close:active{transform:scale(.85)}.odm-content{background:#fff;flex:1;padding:0;overflow:hidden auto}.odm-tab-content{height:100%;animation:.2s ease-out slideIn}.odm-content::-webkit-scrollbar{width:6px}.odm-content::-webkit-scrollbar-track{background:0 0}.odm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.odm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.odm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.odm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.odm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.odm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.odm-mobile-menu-content::-webkit-scrollbar{width:4px}.odm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.odm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.odm-header-compact{height:44px;padding:0 10px}.odm-header-title{gap:6px;font-size:14px}.odm-header-icon{font-size:16px}.odm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.odm-mobile-menu-overlay{display:block}.odm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.odm-button-bar{display:none}.odm-tab-labels{gap:1px;height:32px;padding:0 4px}.odm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.odm-tab-label-text{display:none}.odm-tab-label-icon{font-size:10px}.odm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.odm-empty h2{font-size:16px}.odm-empty p{font-size:12px}.odm-empty-icon{font-size:48px}}@media (width<=480px){.odm-header-compact{height:40px;padding:0 8px}.odm-header-title{gap:4px;font-size:12px}.odm-header-icon{font-size:14px}.odm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.odm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.odm-mobile-menu-header{padding:8px 10px}.odm-mobile-menu-header h3{font-size:12px}.odm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.odm-mobile-menu-icon{min-width:14px;font-size:12px}.odm-mobile-menu-footer{padding:6px 10px}.odm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.odm-tab-labels{gap:0;height:28px;padding:0 2px}.odm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.odm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.odm-empty-icon{font-size:40px}.odm-empty h2{font-size:14px}.odm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.odm-header-title span{display:none}.odm-header-icon{font-size:16px}.odm-header-compact{height:38px;padding:0 6px}.odm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.odm-mobile-menu-icon{font-size:11px}.odm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.odm-tab-label-icon{font-size:8px}.odm-tab-label-close{width:8px;height:8px;font-size:5px}.odm-empty-icon{font-size:36px}.odm-empty h2{font-size:12px}.odm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.odm-header-compact{height:40px}.odm-header-title{font-size:13px}.odm-button-bar{height:36px;padding:0 4px}.odm-btn-with-label{padding:4px 8px;font-size:10px}.odm-tab-labels{height:28px}.odm-tab-label{padding:4px 8px;font-size:8px}.odm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.odm-container{background:#1f2937}.odm-header-compact{background:linear-gradient(135deg,#059669 0%,#047857 100%);border-bottom-color:#374151}.odm-header-title{color:#f9fafb}.odm-button-bar,.odm-mobile-menu,.odm-tab-labels{background:#111827;border-bottom-color:#374151}.odm-btn-with-label,.odm-tab-label{color:#d1d5db}.odm-btn-with-label:hover,.odm-tab-label:hover{background:#1f2937}.odm-btn-with-label.active{color:#86efac;background:#064e3b;border-color:#10b981}.odm-tab-label.active{color:#86efac;background:#064e3b;border-bottom-color:#10b981}.odm-mobile-menu-item{color:#d1d5db}.odm-mobile-menu-item.active{color:#86efac;background:#064e3b}.odm-mobile-menu-header,.odm-mobile-menu-footer{background:#1f2937;border-color:#374151}.odm-mobile-menu-header h3{color:#f3f4f6}.odm-content{background:#1f2937}.odm-empty{color:#6b7280}.odm-empty h2{color:#f3f4f6}.odm-empty p,.odm-empty-icon{color:#9ca3af}}@media print{.odm-header-compact,.odm-button-bar,.odm-mobile-menu,.odm-tab-labels,.odm-mobile-menu-toggle,.odm-close-all-compact{display:none}.odm-container{height:auto}.odm-content{padding:0}}@media (prefers-reduced-motion:reduce){.odm-btn-with-label,.odm-tab-label,.odm-mobile-menu-item,.odm-tab-content,.odm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.odm-btn-with-label.active,.odm-tab-label.active,.odm-mobile-menu-item.active{border-width:2px;font-weight:700}.odm-header-compact{border-bottom-width:2px}}.oc-modal-table input[type=number]{border:1px solid #e5e7eb;border-radius:3px;width:60px;padding:4px 6px;font-size:11px;font-weight:600;transition:all .2s}.oc-modal-table input[type=number]:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.oc-modal-table input[type=number]:first-of-type{color:#10b981;background:#f0fdf4}.oc-modal-table input[type=number]:first-of-type:focus{background:#dcfce7;border-color:#10b981}.oc-modal-table input[type=number]:nth-of-type(2){color:#f59e0b;background:#fffbeb}.oc-modal-table input[type=number]:nth-of-type(2):focus{background:#fef3c7;border-color:#f59e0b}.oc-modal-table input[type=number]:nth-of-type(3){color:#ef4444;background:#fee2e2;width:50px}.oc-modal-table input[type=number]:nth-of-type(3):focus{background:#fecaca;border-color:#ef4444}.oc-modal-table input[type=number]:nth-of-type(4){color:#0284c7;background:#dbeafe;width:50px}.oc-modal-table input[type=number]:nth-of-type(4):focus{background:#bfdbfe;border-color:#0284c7}.oc-modal-table input[type=number]::placeholder{color:#d1d5db;font-size:10px}.oc-modal-table input[type=number]:disabled{opacity:.6;cursor:not-allowed;color:#9ca3af;background:#f3f4f6}.oc-modal-table tbody tr.edit-mode{background:#fffbeb!important}.oc-modal-table tbody tr.edit-mode:hover{background:#fef3c7!important}@media (width<=768px){.oc-modal-table input[type=number]{width:50px;padding:3px 5px;font-size:10px}.oc-modal-table input[type=number]:nth-of-type(3),.oc-modal-table input[type=number]:nth-of-type(4){width:45px}}@media (width<=480px){.oc-modal-table input[type=number]{width:45px;padding:2px 4px;font-size:9px}.oc-modal-table input[type=number]:nth-of-type(3),.oc-modal-table input[type=number]:nth-of-type(4){width:40px}}.oc-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.oc-header{background:#fff;border-radius:6px;margin-bottom:10px;padding:10px 12px;box-shadow:0 1px 3px #0000000d}.oc-main-title{color:#1a202c;align-items:center;gap:6px;margin:0 0 3px;font-size:18px;font-weight:700;display:flex}.oc-subtitle{color:#718096;margin:0;font-size:13px}.oc-form-card{background:#fff;border-radius:6px;margin-bottom:10px;padding:10px;box-shadow:0 1px 3px #0000000d}.oc-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:4px;margin:0 0 10px;font-size:14px;font-weight:700;display:flex}.oc-form-group{flex-direction:column;display:flex}.oc-form-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-size:12px;font-weight:700}.oc-form-input{box-sizing:border-box;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:8px 10px;font-family:inherit;font-size:13px;transition:all .2s}.oc-form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.oc-form-input::placeholder{color:#a0aec0;font-size:12px}.oc-header-inputs-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}@media (width<=768px){.oc-header-inputs-row{grid-template-columns:1fr}}.oc-suggestions-dropdown{z-index:10;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 4px 4px;max-height:220px;margin-top:0;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 2px 8px #00000014}.oc-suggestion-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:8px 10px;font-size:12px;transition:all .2s}.oc-suggestion-item:hover{background:#f0f9ff;border-left:2px solid #667eea;padding-left:8px}.oc-suggestion-item:last-child{border-bottom:none}.oc-suggestion-header{justify-content:space-between;align-items:center;margin-bottom:3px;font-size:12px;font-weight:700;display:flex}.oc-suggestion-name{color:#374151;margin-bottom:3px;font-size:12px;font-weight:600}.oc-suggestion-footer{color:#9ca3af;gap:10px;margin-top:3px;font-size:11px;display:flex}.oc-suggestion-price{color:#065f46;background:#d1fae5;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.oc-stock{color:#1e40af;background:#dbeafe;border-radius:2px;padding:2px 6px;font-size:11px;font-weight:700}.oc-product-details-flex{background:#f0f9ff;border-left:2px solid #0284c7;border-radius:4px;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:10px;padding:10px;display:grid}.oc-detail-item{flex-direction:column;gap:3px;display:flex}.oc-detail-item .oc-detail-label{color:#0c4a6e;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.oc-detail-item .oc-detail-value{color:#0369a1;font-size:13px;font-weight:600}@media (width<=1024px){.oc-product-details-flex{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.oc-product-details-flex{grid-template-columns:repeat(2,1fr)}}.oc-cost-profit-display{background:linear-gradient(135deg,#fef3c7 0%,#fef08a 100%);border-left:2px solid #f59e0b;border-radius:4px;margin-bottom:10px;padding:10px;font-size:12px}.oc-cost-profit-flex{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.oc-cost-profit-item{background:#fff9;border:1px solid #f59e0b33;border-radius:4px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.oc-cost-profit-item .oc-cost-profit-label{color:#92400e;text-transform:uppercase;letter-spacing:.2px;font-size:10px;font-weight:700}.oc-cost-profit-item .oc-cost-profit-value{color:#b45309;font-size:13px;font-weight:600}@media (width<=1024px){.oc-cost-profit-flex{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.oc-cost-profit-flex{grid-template-columns:1fr}}.oc-btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 1px 3px #10b98133}.oc-btn-add:hover{transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.oc-btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 3px #10b98133}.oc-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.oc-btn-save:disabled{opacity:.5;cursor:not-allowed}.oc-btn-clear{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.oc-btn-clear:hover{background:#4b5563;transform:translateY(-1px)}.oc-btn-view{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:3px;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.oc-btn-view:hover{background:#5a67d8;transform:translateY(-1px)}.oc-btn-delete{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:3px;justify-content:center;align-items:center;gap:3px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.oc-btn-delete:hover{background:#dc2626;transform:translateY(-1px)}.oc-table-wrapper{border:1px solid #e5e7eb;border-radius:4px;max-height:500px;margin-bottom:8px;overflow:auto}.oc-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:13px}.oc-table thead{z-index:5;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.oc-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-right:1px solid #fff3;padding:12px 14px;font-size:12px;font-weight:700}.oc-table th:last-child{border-right:none}.oc-table td{color:#1f2937;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px}.oc-table tbody tr{transition:all .2s}.oc-table tbody tr:hover{background:#f0f9ff;box-shadow:inset 0 0 0 1px #bfdbfe}.oc-table tbody tr:nth-child(2n){background:#f9fafb}.oc-table tbody tr:nth-child(2n):hover{background:#f0f9ff}.oc-barcode{color:#6b7280;font-family:Courier New,monospace;font-size:12px;font-weight:600}.oc-product-id{color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:700}.oc-modal-items-section{margin-bottom:10px}.oc-modal-items-section h3{color:#1f2937;font-weight:700;margin:0 0 10px!important;font-size:14px!important}.oc-modal-table-wrapper{border:1px solid #e5e7eb;border-radius:4px;max-height:400px;margin-bottom:8px;overflow:hidden auto}.oc-modal-table{border-collapse:collapse;width:100%;min-width:1200px;font-size:13px}.oc-modal-table thead{z-index:5;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.oc-modal-table th{text-align:left;color:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border-right:1px solid #fff3;padding:12px 14px;font-size:12px;font-weight:700}.oc-modal-table th:last-child{border-right:none}.oc-modal-table td{color:#1f2937;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:12px 14px;font-size:13px}.oc-modal-table tbody tr{transition:all .2s}.oc-modal-table tbody tr:hover{background:#f0f9ff;box-shadow:inset 0 0 0 1px #bfdbfe}.oc-modal-table tbody tr:nth-child(2n){background:#f9fafb}.oc-modal-table tbody tr:nth-child(2n):hover{background:#f0f9ff}.oc-summary{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:12px 14px;font-size:13px}.oc-summary-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;font-weight:600;display:flex}.oc-summary-row:last-child{border-top:2px solid #e5e7eb;margin-top:8px;padding-top:8px;font-size:14px;font-weight:700}.oc-pagination{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;justify-content:center;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.oc-pagination-btn{cursor:pointer;text-align:center;background:#fff;border:1px solid #e5e7eb;border-radius:4px;min-width:60px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.oc-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 6px #667eea33}.oc-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.oc-pagination-info{color:#374151;text-align:center;min-width:120px;font-size:12px;font-weight:700}.oc-modal-pagination{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:12px 14px;display:flex}.oc-modal-pagination .oc-pagination-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:4px;min-width:50px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.oc-modal-pagination .oc-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px)}.oc-modal-pagination .oc-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.oc-pagination-info-group{flex-direction:column;align-items:center;gap:3px;display:flex}.oc-pagination-info{color:#374151;font-size:12px;font-weight:700}.oc-pagination-count{color:#6b7280;font-size:11px;font-weight:500}@media (width<=1200px){.oc-table{min-width:900px;font-size:12px}.oc-table th,.oc-table td{padding:10px 12px;font-size:12px}.oc-modal-table{min-width:1000px;font-size:12px}.oc-modal-table th,.oc-modal-table td{padding:10px 12px;font-size:12px}}@media (width<=768px){.oc-table-wrapper{max-height:400px}.oc-table{min-width:800px;font-size:11px}.oc-table th,.oc-table td{padding:10px 12px;font-size:11px}.oc-modal-table-wrapper{max-height:350px}.oc-modal-table{min-width:900px;font-size:11px}.oc-modal-table th,.oc-modal-table td{padding:10px 12px;font-size:11px}.oc-pagination{gap:8px;padding:10px 12px}.oc-pagination-btn{min-width:50px;padding:6px 12px;font-size:11px}.oc-pagination-info{min-width:100px;font-size:11px}.oc-modal-pagination{gap:8px;padding:10px 12px}.oc-modal-pagination .oc-pagination-btn{padding:6px 12px;font-size:11px}}@media (width<=480px){.oc-table-wrapper{max-height:350px}.oc-table{min-width:700px;font-size:10px}.oc-table th,.oc-table td{padding:8px 10px;font-size:10px}.oc-modal-table-wrapper{max-height:300px}.oc-modal-table{min-width:800px;font-size:10px}.oc-modal-table th,.oc-modal-table td{padding:8px 10px;font-size:10px}.oc-summary{padding:10px 12px}.oc-summary-row{padding:4px 0;font-size:12px}.oc-pagination{gap:6px;padding:8px 10px}.oc-pagination-btn{min-width:45px;padding:6px 10px;font-size:10px}.oc-pagination-info{min-width:90px;font-size:10px}.oc-modal-pagination{gap:6px;padding:8px 10px}.oc-modal-pagination .oc-pagination-btn{padding:5px 10px;font-size:10px}}.oc-modal-info-section{margin-bottom:16px;padding:0}.oc-modal-info-section h3{color:#1f2937;align-items:center;gap:6px;font-weight:700;display:flex;margin:0 0 12px!important;font-size:14px!important}.oc-info-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.oc-info-card{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;gap:6px;padding:12px 14px;transition:all .3s;display:flex;box-shadow:0 1px 2px #0000000a}.oc-info-card:hover{background:linear-gradient(135deg,#f3f4f6 0%,#ececf1 100%);border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 2px 6px #00000014}.oc-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:10px;font-weight:700}.oc-info-value{color:#1f2937;margin:0;font-size:14px;font-weight:700}.oc-info-card.items-card{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd}.oc-info-card.items-card:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);border-color:#60a5fa}.oc-info-card.items-card .oc-info-label{color:#0c4a6e}.oc-info-card.items-card .oc-info-value{color:#0369a1}.oc-info-card.quantity-card{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#6ee7b7}.oc-info-card.quantity-card:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);border-color:#34d399}.oc-info-card.quantity-card .oc-info-label{color:#065f46}.oc-info-card.quantity-card .oc-info-value{color:#047857}.oc-info-card.amount-card{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.oc-info-card.amount-card:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);border-color:#fbbf24}.oc-info-card.amount-card .oc-info-label{color:#92400e}.oc-info-card.amount-card .oc-info-value{color:#b45309}.oc-info-card.date-card{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border-color:#d8b4fe}.oc-info-card.date-card:hover{background:linear-gradient(135deg,#e9d5ff 0%,#d8b4fe 100%);border-color:#c084fc}.oc-info-card.date-card .oc-info-label{color:#6b21a8}.oc-info-card.date-card .oc-info-value{color:#7e22ce}.oc-stats-dashboard{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:14px}.oc-stats-dashboard h3{color:#1f2937;align-items:center;gap:6px;font-weight:700;display:flex;margin:0 0 12px!important;font-size:14px!important}.oc-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.oc-stat-panel{cursor:default;background:#fff;border:2px solid;border-radius:8px;align-items:center;gap:10px;padding:12px 14px;transition:all .3s;display:flex}.oc-stat-panel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.oc-stat-panel.total-items{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-color:#93c5fd}.oc-stat-panel.total-items:hover{background:linear-gradient(135deg,#bfdbfe 0%,#93c5fd 100%);border-color:#60a5fa}.oc-stat-panel.total-qty{background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-color:#6ee7b7}.oc-stat-panel.total-qty:hover{background:linear-gradient(135deg,#a7f3d0 0%,#6ee7b7 100%);border-color:#34d399}.oc-stat-panel.total-amount{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-color:#fcd34d}.oc-stat-panel.total-amount:hover{background:linear-gradient(135deg,#fde68a 0%,#fcd34d 100%);border-color:#fbbf24}.oc-stat-panel.avg-price{background:linear-gradient(135deg,#f3e8ff 0%,#e9d5ff 100%);border-color:#d8b4fe}.oc-stat-panel.avg-price:hover{background:linear-gradient(135deg,#e9d5ff 0%,#d8b4fe 100%);border-color:#c084fc}.oc-stat-icon{flex-shrink:0;justify-content:center;align-items:center;min-width:28px;font-size:22px;display:flex}.oc-stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.oc-stat-label{color:#4b5563;text-transform:uppercase;letter-spacing:.2px;margin:0;font-size:9px;font-weight:700}.oc-stat-number{color:#1f2937;margin:0;font-size:14px;font-weight:800}.oc-summary-section{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-left:4px solid #10b981;border-radius:8px;margin-bottom:16px;padding:14px;box-shadow:0 2px 6px #10b9811a}.oc-summary-section h3{color:#065f46;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin:0 0 10px;font-size:13px;font-weight:700;display:flex}.oc-summary-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.oc-summary-item{background:#fff;border:1px solid #d1fae5;border-radius:6px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.oc-summary-item-label{color:#047857;text-transform:uppercase;letter-spacing:.2px;font-size:10px;font-weight:700}.oc-summary-item-value{color:#065f46;font-size:14px;font-weight:700}@media (width<=1024px){.oc-info-grid,.oc-stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.oc-info-card{padding:10px 12px}.oc-stat-panel{gap:8px;padding:10px 12px}.oc-info-label{font-size:9px}.oc-info-value{font-size:13px}.oc-stat-label{font-size:8px}.oc-stat-number{font-size:13px}}@media (width<=768px){.oc-info-grid,.oc-stats-grid,.oc-summary-grid{grid-template-columns:repeat(2,1fr);gap:8px}.oc-info-card{padding:10px 12px}.oc-stat-panel{gap:8px;padding:10px 12px}.oc-summary-item{padding:8px 10px}.oc-modal-info-section h3,.oc-stats-dashboard h3{margin-bottom:10px;font-size:12px}.oc-info-label{font-size:9px}.oc-info-value{font-size:12px}.oc-stat-label{font-size:8px}.oc-stat-number{font-size:12px}.oc-stat-icon{font-size:18px}}@media (width<=480px){.oc-info-grid,.oc-stats-grid,.oc-summary-grid{grid-template-columns:1fr;gap:6px}.oc-info-card{padding:8px 10px}.oc-stat-panel{gap:6px;padding:8px 10px}.oc-summary-item{padding:6px 8px}.oc-modal-info-section h3,.oc-stats-dashboard h3{margin-bottom:8px;font-size:11px}.oc-stats-dashboard{padding:10px 12px}.oc-info-label{font-size:8px}.oc-info-value{font-size:11px}.oc-stat-label{font-size:7px}.oc-stat-number{font-size:11px}.oc-stat-icon{min-width:24px;font-size:16px}.oc-stat-content{gap:1px}.oc-summary-item-label{font-size:9px}.oc-summary-item-value{font-size:12px}}@media (prefers-color-scheme:dark){.oc-info-card{color:#e5e7eb;background:linear-gradient(135deg,#374151 0%,#2d3748 100%);border-color:#4b5563}.oc-info-card:hover{background:linear-gradient(135deg,#2d3748 0%,#1f2937 100%);border-color:#6b7280}.oc-info-label{color:#9ca3af}.oc-info-value{color:#f3f4f6}.oc-info-card.items-card{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%);border-color:#3b82f6}.oc-info-card.items-card .oc-info-label{color:#93c5fd}.oc-info-card.items-card .oc-info-value{color:#bfdbfe}.oc-info-card.quantity-card{background:linear-gradient(135deg,#064e3b 0%,#047857 100%);border-color:#10b981}.oc-info-card.quantity-card .oc-info-label{color:#6ee7b7}.oc-info-card.quantity-card .oc-info-value{color:#a7f3d0}.oc-info-card.amount-card{background:linear-gradient(135deg,#78350f 0%,#92400e 100%);border-color:#f59e0b}.oc-info-card.amount-card .oc-info-label{color:#fcd34d}.oc-info-card.amount-card .oc-info-value{color:#fde68a}.oc-info-card.date-card{background:linear-gradient(135deg,#4c1d95 0%,#6b21a8 100%);border-color:#c084fc}.oc-info-card.date-card .oc-info-label{color:#d8b4fe}.oc-info-card.date-card .oc-info-value{color:#e9d5ff}.oc-stats-dashboard{background:linear-gradient(135deg,#374151 0%,#2d3748 100%);border-color:#4b5563}.oc-stats-dashboard h3{color:#f3f4f6}.oc-stat-panel{background:#1f2937}.oc-stat-label{color:#9ca3af}.oc-stat-number{color:#f9fafb}.oc-stat-panel.total-items{background:linear-gradient(135deg,#1e3a5f 0%,#1e40af 100%);border-color:#3b82f6}.oc-stat-panel.total-qty{background:linear-gradient(135deg,#064e3b 0%,#047857 100%);border-color:#10b981}.oc-stat-panel.total-amount{background:linear-gradient(135deg,#78350f 0%,#92400e 100%);border-color:#f59e0b}.oc-stat-panel.avg-price{background:linear-gradient(135deg,#4c1d95 0%,#6b21a8 100%);border-color:#c084fc}.oc-summary-section{background:linear-gradient(135deg,#064e3b 0%,#047857 100%);border-left-color:#10b981}.oc-summary-section h3{color:#a7f3d0}.oc-summary-item{background:#1f2937;border-color:#10b981}.oc-summary-item-label{color:#6ee7b7}.oc-summary-item-value{color:#a7f3d0}}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.oc-info-card,.oc-stat-panel{animation:.3s ease-out cardSlideIn}.oc-stat-number{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.oc-modal-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 14px;display:flex}.oc-modal-close-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:100px;min-height:36px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #667eea33}.oc-modal-close-btn:hover{background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.oc-modal-close-btn:active{transform:translateY(0);box-shadow:0 2px 6px #667eea33}.oc-modal-close-btn:focus{outline-offset:2px;outline:2px solid #667eea}.oc-modal-close-btn svg{font-size:14px;transition:transform .3s}.oc-modal-close-btn:hover svg{transform:rotate(90deg)}.oc-modal-close-btn.secondary{background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);box-shadow:0 2px 8px #6b728033}.oc-modal-close-btn.secondary:hover{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);box-shadow:0 4px 12px #6b72804d}.oc-modal-close-btn.danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef444433}.oc-modal-close-btn.danger:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 12px #ef44444d}.oc-modal-close-btn.success{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98133}.oc-modal-close-btn.success:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 4px 12px #10b9814d}.oc-modal-close-btn.small{min-width:70px;min-height:28px;padding:6px 12px;font-size:11px}.oc-modal-close-btn.large{min-width:120px;min-height:44px;padding:12px 20px;font-size:14px}.oc-modal-close-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.oc-modal-close-btn:disabled:hover{transform:none;box-shadow:0 2px 8px #667eea33}@media (width<=768px){.oc-modal-footer{gap:6px;padding:10px 12px}.oc-modal-close-btn{min-width:90px;min-height:32px;padding:8px 14px;font-size:12px}.oc-modal-close-btn svg{font-size:12px}}@media (width<=480px){.oc-modal-footer{gap:4px;padding:8px 10px}.oc-modal-close-btn{min-width:70px;min-height:28px;padding:6px 12px;font-size:11px}.oc-modal-close-btn svg{font-size:11px}}@media (prefers-color-scheme:dark){.oc-modal-footer{background:linear-gradient(135deg,#374151 0%,#2d3748 100%);border-top-color:#4b5563}.oc-modal-close-btn{background:linear-gradient(135deg,#4f46e5 0%,#6366f1 100%);box-shadow:0 2px 8px #4f46e54d}.oc-modal-close-btn:hover{background:linear-gradient(135deg,#6366f1 0%,#818cf8 100%);box-shadow:0 4px 12px #4f46e566}.oc-modal-close-btn.secondary{background:linear-gradient(135deg,#4b5563 0%,#374151 100%);box-shadow:0 2px 8px #4b55634d}.oc-modal-close-btn.secondary:hover{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);box-shadow:0 4px 12px #4b556366}.oc-modal-close-btn.danger{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 2px 8px #dc26264d}.oc-modal-close-btn.danger:hover{background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);box-shadow:0 4px 12px #dc262666}.oc-modal-close-btn.success{background:linear-gradient(135deg,#059669 0%,#047857 100%);box-shadow:0 2px 8px #0596694d}.oc-modal-close-btn.success:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);box-shadow:0 4px 12px #05966966}}@keyframes buttonPulse{0%,to{box-shadow:0 2px 8px #667eea33}50%{box-shadow:0 4px 12px #667eea4d}}.oc-modal-close-btn.pulse{animation:2s ease-in-out infinite buttonPulse}@keyframes slideInButton{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.oc-modal-close-btn{animation:.3s ease-out slideInButton}.oc-modal-footer .oc-modal-close-btn+.oc-modal-close-btn{margin-left:4px}.oc-modal-footer-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.oc-modal-footer-actions .oc-modal-close-btn{flex:0 auto}.sdm-container{background:#fff;flex-direction:column;height:150vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.sdm-header-compact{z-index:100;background:linear-gradient(135deg,#1e40af 0%,#1e3a8a 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.sdm-header-title{color:#fff;letter-spacing:.3px;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.sdm-header-icon{font-size:18px;animation:.3s ease-out slideInLeft}.sdm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.sdm-mobile-menu-toggle:active{background:#fff3}.sdm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.sdm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.sdm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.sdm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.sdm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.sdm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.sdm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sdm-mobile-menu-item:active{background:#f3f4f6}.sdm-mobile-menu-item.active{color:#1e40af;background:#dbeafe;border-left-color:#1e40af}.sdm-mobile-menu-item.open{background:#fafafa}.sdm-mobile-menu-icon{min-width:16px;font-size:14px}.sdm-mobile-menu-label{flex:1}.sdm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.sdm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.sdm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sdm-mobile-close-all:active{background:#fecaca}.sdm-button-bar{background:linear-gradient(#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden;box-shadow:0 1px 3px #0000000a}.sdm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.sdm-btn-with-label{cursor:pointer;color:#475569;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.sdm-btn-with-label:before{content:"";z-index:0;background:#ffffff4d;width:100%;height:100%;transition:left .3s;position:absolute;top:0;left:-100%}.sdm-btn-with-label:hover:before{left:100%}.sdm-btn-with-label:hover{background:#f0f4f8;border-color:#cbd5e1;transform:translateY(-1px)}.sdm-btn-with-label:active{transform:scale(.97)}.sdm-btn-with-label.active{color:#1e40af;background:linear-gradient(135deg,#dbeafe 0%,#e0f2fe 100%);border-color:#1e40af;font-weight:700}.sdm-btn-with-label.open{background:#f0f4f8;border-color:#cbd5e1}.sdm-btn-icon{z-index:1;flex-shrink:0;font-size:12px;position:relative}.sdm-btn-text{z-index:1;display:inline-block;position:relative}.sdm-close-all-compact{cursor:pointer;color:#dc2626;white-space:nowrap;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border:1px solid #fca5a5;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.sdm-close-all-compact:hover{color:#991b1b;background:linear-gradient(135deg,#fecaca 0%,#fca5a5 100%);transform:translateY(-1px)}.sdm-close-all-compact:active{transform:scale(.97)}.sdm-button-bar::-webkit-scrollbar{height:3px}.sdm-button-bar::-webkit-scrollbar-track{background:0 0}.sdm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sdm-button-bar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sdm-tab-labels{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden;box-shadow:inset 0 -1px 2px #00000005}.sdm-tabs-scroll{scrollbar-width:thin;scroll-behavior:smooth;flex:1;gap:0;display:flex;overflow-x:auto}.sdm-tabs-scroll::-webkit-scrollbar{height:3px}.sdm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.sdm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sdm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sdm-tab-label{cursor:pointer;color:#64748b;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.sdm-tab-label:hover{color:#334155;background:#1e40af0d}.sdm-tab-label:active{transform:scale(.97)}.sdm-tab-label.active{color:#1e40af;background:#1e40af14;border-bottom-color:#1e40af;font-weight:600}.sdm-tab-label-icon{font-size:10px}.sdm-tab-label-text{display:inline-block}.sdm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.sdm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.sdm-tab-label-close:active{transform:scale(.85)}.sdm-content{background:linear-gradient(#fff,#f8fafc);flex:1;padding:16px;overflow:hidden auto}.sdm-tab-content{animation:.3s ease-out fadeInUp}.sdm-content::-webkit-scrollbar{width:6px}.sdm-content::-webkit-scrollbar-track{background:0 0}.sdm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.sdm-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sdm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.sdm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.sdm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.sdm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.sdm-mobile-menu-content::-webkit-scrollbar{width:4px}.sdm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.sdm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.sdm-header-compact{height:44px;padding:0 10px}.sdm-header-title{gap:6px;font-size:14px}.sdm-header-icon{font-size:16px}.sdm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.sdm-mobile-menu-overlay{display:block}.sdm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.sdm-button-bar{display:none}.sdm-tab-labels{gap:1px;height:32px;padding:0 4px}.sdm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.sdm-tab-label-text{display:none}.sdm-tab-label-icon{font-size:10px}.sdm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.sdm-content{padding:12px}.sdm-empty h2{font-size:16px}.sdm-empty p{font-size:12px}.sdm-empty-icon{font-size:48px}}@media (width<=480px){.sdm-header-compact{height:40px;padding:0 8px}.sdm-header-title{gap:4px;font-size:12px}.sdm-header-icon{font-size:14px}.sdm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.sdm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.sdm-mobile-menu-header{padding:8px 10px}.sdm-mobile-menu-header h3{font-size:12px}.sdm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.sdm-mobile-menu-icon{min-width:14px;font-size:12px}.sdm-mobile-menu-footer{padding:6px 10px}.sdm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.sdm-tab-labels{gap:0;height:28px;padding:0 2px}.sdm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.sdm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.sdm-content{padding:10px}.sdm-empty-icon{font-size:40px}.sdm-empty h2{font-size:14px}.sdm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.sdm-header-title span{display:none}.sdm-header-icon{font-size:16px}.sdm-header-compact{height:38px;padding:0 6px}.sdm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.sdm-mobile-menu-icon{font-size:11px}.sdm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.sdm-tab-label-icon{font-size:8px}.sdm-tab-label-close{width:8px;height:8px;font-size:5px}.sdm-content{padding:8px}.sdm-empty-icon{font-size:36px}.sdm-empty h2{font-size:12px}.sdm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.sdm-header-compact{height:40px}.sdm-header-title{font-size:13px}.sdm-button-bar{height:36px;padding:0 4px}.sdm-btn-with-label{padding:4px 8px;font-size:10px}.sdm-tab-labels{height:28px}.sdm-tab-label{padding:4px 8px;font-size:8px}.sdm-content{padding:12px}.sdm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.sdm-container{background:#1f2937}.sdm-button-bar,.sdm-mobile-menu,.sdm-tab-labels,.sdm-content{background:#111827;border-bottom-color:#374151}.sdm-header-compact{border-bottom-color:#374151}.sdm-btn-with-label,.sdm-tab-label{color:#d1d5db}.sdm-btn-with-label:hover,.sdm-tab-label:hover{background:#1f2937}.sdm-btn-with-label.active{color:#93c5fd;background:#1e40af26;border-color:#1e40af}.sdm-tab-label.active{color:#93c5fd;background:#1e40af1a;border-bottom-color:#1e40af}.sdm-mobile-menu-item{color:#d1d5db}.sdm-mobile-menu-item.active{color:#93c5fd;background:#1e40af26}.sdm-mobile-menu-header,.sdm-mobile-menu-footer{background:#1f2937;border-color:#374151}.sdm-mobile-menu-header h3,.sdm-empty h2{color:#f3f4f6}.sdm-empty p,.sdm-empty-icon{color:#9ca3af}}@media print{.sdm-header-compact,.sdm-button-bar,.sdm-mobile-menu,.sdm-tab-labels,.sdm-mobile-menu-toggle,.sdm-close-all-compact{display:none}.sdm-container{height:auto}.sdm-content{padding:0}}@media (prefers-reduced-motion:reduce){.sdm-btn-with-label,.sdm-tab-label,.sdm-mobile-menu-item,.sdm-tab-content,.sdm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.sdm-btn-with-label.active,.sdm-tab-label.active,.sdm-mobile-menu-item.active{border-width:2px;font-weight:700}.sdm-header-compact{border-bottom-width:2px}}#supplier-update-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#supplier-update-modal-content{background-color:var(--sytem-panel-colors);width:90%;max-width:1200px;max-height:90vh;color:var(--black);border-radius:8px;padding:20px;position:relative;overflow-y:auto;box-shadow:0 2px 10px #0000001a}#supplier-update-modal-overlay>div{width:100%}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-header h2{text-align:center;color:var(--black);margin:0;font-size:24px}.modal-body{padding:10px 0}.form-group-set{border:1px solid var(--system-main-color);color:#000;border-radius:6px;margin-bottom:20px;padding:15px}.form-group-set legend{color:#000;padding:0 10px;font-size:14px;font-weight:700}.form-row{flex-wrap:wrap;justify-content:space-between;gap:15px;display:flex}.form-group{flex-direction:column;flex:calc(33.333% - 15px);margin-bottom:15px;display:flex}.form-group input,.form-group select{box-sizing:border-box;color:#000;background-color:#fff;border:1px solid #000;border-radius:4px;width:100%;height:30px;padding:8px;font-size:12px}#button-group{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}#saveButton{background-color:var(--update-button-color);color:var(--black);cursor:pointer;border:none;padding:8px 12px;font-size:12px;font-weight:700}#saveButton:hover{background-color:var(--update-button-color-hover);color:var(--white);transition:all .3s ease-in-out}#saveButton:disabled{cursor:not-allowed;background-color:#94d3a2}@media (width<=768px){.form-group{flex:calc(50% - 15px)}#supplier-update-modal-content{width:100%;padding:15px}.form-group-set{padding:10px}.form-group-set legend{font-size:13px}}@media (width<=480px){.form-group{flex:100%}#button-group{flex-direction:column;align-items:stretch}#button-group button{margin-bottom:10px}.form-group-set{padding:8px}.form-group-set legend{font-size:12px}}.am-container{background:#fff;flex-direction:column;height:250vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.am-header-compact{z-index:100;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.am-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.am-header-icon{font-size:18px}.am-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.am-mobile-menu-toggle:active{background:#fff3}.am-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.am-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.am-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.am-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.am-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.am-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.am-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.am-mobile-menu-item:active{background:#f3f4f6}.am-mobile-menu-item.active{color:#3498db;background:#f0f8ff;border-left-color:#3498db}.am-mobile-menu-item.open{background:#fafafa}.am-mobile-menu-icon{min-width:16px;font-size:14px}.am-mobile-menu-label{flex:1}.am-mobile-menu-badge{color:#3498db;font-size:10px;font-weight:700}.am-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.am-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.am-mobile-close-all:active{background:#fecaca}.am-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.am-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.am-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.am-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.am-btn-with-label:active{transform:scale(.97)}.am-btn-with-label.active{color:#3498db;background:#f0f8ff;border-color:#3498db}.am-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.am-btn-icon{flex-shrink:0;font-size:12px}.am-btn-text{display:inline-block}.am-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.am-close-all-compact:hover{color:#dc2626;background:#fecaca}.am-close-all-compact:active{transform:scale(.97)}.am-button-bar::-webkit-scrollbar{height:3px}.am-button-bar::-webkit-scrollbar-track{background:0 0}.am-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.am-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.am-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.am-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.am-tabs-scroll::-webkit-scrollbar{height:3px}.am-tabs-scroll::-webkit-scrollbar-track{background:0 0}.am-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.am-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.am-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.am-tab-label:hover{color:#374151;background:#f3f4f6}.am-tab-label:active{transform:scale(.97)}.am-tab-label.active{color:#3498db;background:#f0f8ff;border-bottom-color:#3498db}.am-tab-label-icon{font-size:10px}.am-tab-label-text{display:inline-block}.am-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.am-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.am-tab-label-close:active{transform:scale(.85)}.am-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.am-tab-content{animation:.2s ease-out slideIn}.am-content::-webkit-scrollbar{width:6px}.am-content::-webkit-scrollbar-track{background:0 0}.am-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.am-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.am-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.am-placeholder-icon{font-size:40px}.am-placeholder-content h3{color:#374151;margin:0;font-size:16px}.am-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.am-placeholder-message{color:#0369a1;background:#e0f2fe;border-left:3px solid #3498db;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.am-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.am-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.am-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.am-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.am-mobile-menu-content::-webkit-scrollbar{width:4px}.am-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.am-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.am-header-compact{height:44px;padding:0 10px}.am-header-title{gap:6px;font-size:14px}.am-header-icon{font-size:16px}.am-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.am-mobile-menu-overlay{display:block}.am-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.am-button-bar{display:none}.am-tab-labels{gap:1px;height:32px;padding:0 4px}.am-tab-label{gap:3px;padding:4px 8px;font-size:9px}.am-tab-label-text{display:none}.am-tab-label-icon{font-size:10px}.am-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.am-content{padding:12px}.am-placeholder-content{height:250px}.am-empty h2{font-size:16px}.am-empty p{font-size:12px}.am-empty-icon{font-size:48px}}@media (width<=480px){.am-header-compact{height:40px;padding:0 8px}.am-header-title{gap:4px;font-size:12px}.am-header-icon{font-size:14px}.am-mobile-menu-toggle{padding:2px 4px;font-size:14px}.am-mobile-menu{max-height:calc(100vh - 40px);top:40px}.am-mobile-menu-header{padding:8px 10px}.am-mobile-menu-header h3{font-size:12px}.am-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.am-mobile-menu-icon{min-width:14px;font-size:12px}.am-mobile-menu-footer{padding:6px 10px}.am-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.am-tab-labels{gap:0;height:28px;padding:0 2px}.am-tab-label{gap:2px;padding:3px 6px;font-size:8px}.am-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.am-content{padding:10px}.am-placeholder-content{height:200px;font-size:12px}.am-empty-icon{font-size:40px}.am-empty h2{font-size:14px}.am-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.am-header-title span{display:none}.am-header-icon{font-size:16px}.am-header-compact{height:38px;padding:0 6px}.am-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.am-mobile-menu-icon{font-size:11px}.am-tab-label{gap:1px;padding:2px 4px;font-size:7px}.am-tab-label-icon{font-size:8px}.am-tab-label-close{width:8px;height:8px;font-size:5px}.am-content{padding:8px}.am-empty-icon{font-size:36px}.am-empty h2{font-size:12px}.am-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.am-header-compact{height:40px}.am-header-title{font-size:13px}.am-button-bar{height:36px;padding:0 4px}.am-btn-with-label{padding:4px 8px;font-size:10px}.am-tab-labels{height:28px}.am-tab-label{padding:4px 8px;font-size:8px}.am-content{padding:12px}.am-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.am-container{background:#1f2937}.am-button-bar,.am-mobile-menu,.am-tab-labels,.am-content{background:#111827;border-bottom-color:#374151}.am-header-compact{border-bottom-color:#374151}.am-btn-with-label,.am-tab-label{color:#d1d5db}.am-btn-with-label:hover,.am-tab-label:hover{background:#1f2937}.am-btn-with-label.active{color:#60a5fa;background:#3498db26;border-color:#3498db}.am-tab-label.active{color:#60a5fa;background:#3498db1a;border-bottom-color:#3498db}.am-mobile-menu-item{color:#d1d5db}.am-mobile-menu-item.active{color:#60a5fa;background:#3498db26}.am-mobile-menu-header,.am-mobile-menu-footer{background:#1f2937;border-color:#374151}.am-mobile-menu-header h3{color:#f3f4f6}.am-placeholder-content{background:#1f2937;border-color:#374151}.am-placeholder-content h3{color:#f3f4f6}.am-placeholder-content p{color:#9ca3af}.am-placeholder-message{color:#60a5fa;background:#3498db1a;border-left-color:#3498db}.am-empty h2{color:#f3f4f6}.am-empty p,.am-empty-icon{color:#9ca3af}}@media print{.am-header-compact,.am-button-bar,.am-mobile-menu,.am-tab-labels,.am-mobile-menu-toggle,.am-close-all-compact{display:none}.am-container{height:auto}.am-content{padding:0}}@media (prefers-reduced-motion:reduce){.am-btn-with-label,.am-tab-label,.am-mobile-menu-item,.am-tab-content,.am-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.am-btn-with-label.active,.am-tab-label.active,.am-mobile-menu-item.active{border-width:2px;font-weight:700}.am-header-compact{border-bottom-width:2px}}.ba-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.ba-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.ba-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ba-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.ba-summary-stats{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;display:grid}.ba-stat-card{border-left:4px solid var(--system-main-color);background-color:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:70px;padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.ba-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.ba-stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:10px;font-weight:700}.ba-stat-value{color:var(--system-main-color);word-break:break-word;font-size:16px;font-weight:700}.ba-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 18px;overflow-y:auto}.ba-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.ba-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.ba-form-group{flex:1;min-width:140px}.ba-form-group.ba-compact{flex:0 auto;min-width:110px}.ba-form-group.ba-reason-group{flex:1.5;min-width:150px}.ba-form-group.ba-button-group{flex:0 auto;min-width:auto}.ba-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.ba-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.ba-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.ba-input:disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.ba-dropdown-wrapper{position:relative}.ba-dropdown-list{z-index:1000;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;max-height:120px;margin-top:2px;padding:0;font-size:10px;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.ba-dropdown-list li{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:6px 8px;transition:all .2s}.ba-dropdown-list li:last-child{border-bottom:none}.ba-dropdown-list li:hover{color:var(--system-main-color);background-color:#f0f9ff;padding-left:10px}.ba-add-category-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background-color:#10b981;border:none;border-radius:4px;width:100%;padding:6px 8px;font-size:10px;font-weight:700;transition:all .3s}.ba-add-category-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b98133}.ba-save-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;width:100%;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.ba-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.ba-save-btn:disabled{opacity:.6;cursor:not-allowed}.ba-image-section{border-top:1px solid #e5e7eb;margin-top:12px;padding-top:12px}.ba-image-upload-wrapper{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ba-file-input{display:none}.ba-upload-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #f59e0b33}.ba-upload-btn:hover{background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b4d}.ba-image-preview{border:2px solid var(--system-main-color);border-radius:6px;width:80px;height:80px;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000001a}.ba-image-preview img{object-fit:cover;width:100%;height:100%}.ba-remove-image-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 6px #ef44444d}.ba-remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)}@media screen and (width<=768px){.ba-modal{width:95%;max-height:90vh}.ba-single-row{flex-direction:column;gap:8px}.ba-form-group,.ba-form-group.ba-compact,.ba-form-group.ba-reason-group,.ba-form-group.ba-button-group{flex:100%;min-width:100%}.ba-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (width<=480px){.ba-modal{width:98%;max-height:95vh}.ba-header h3{font-size:12px}.ba-summary-stats{grid-template-columns:1fr;gap:8px}.ba-stat-card{min-height:55px;padding:8px 10px}.ba-input{padding:5px 6px;font-size:10px}.ba-image-preview{width:60px;height:60px}}.cm-overlay{z-index:11000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.cm-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.cm-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.cm-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 18px}.cm-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.cm-input-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.cm-form-group{flex:1;min-width:200px}.cm-form-group.cm-button-group{flex:0 auto;min-width:auto}.cm-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.cm-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:11px;transition:all .3s}.cm-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.cm-add-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #10b98133}.cm-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.cm-add-btn:disabled{opacity:.6;cursor:not-allowed}.cm-list-section{background-color:#fff;flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow:hidden}.cm-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.cm-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.cm-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:180px;padding:6px 10px;font-size:11px;transition:all .3s}.cm-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.cm-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.cm-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.cm-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.cm-table th{color:#1f2937;text-align:center;z-index:10;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.cm-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px}.cm-table tbody tr{background-color:#fff;transition:all .2s}.cm-table tbody tr:hover{background-color:#f9fafb}.cm-table tbody tr:last-child td{border-bottom:none}.cm-name-cell{text-align:left;padding-left:12px;font-weight:600}.cm-no-data-row td,.cm-loading-row td{text-align:center;color:#9ca3af;padding:30px 20px}.cm-delete-btn{cursor:pointer;color:#ef4444;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;transition:all .3s;display:inline-flex}.cm-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.cm-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.cm-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.cm-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.cm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cm-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.cm-no-data{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;margin:20px 0;padding:40px 20px}.cm-no-data p{margin:0;font-size:12px;font-weight:500}.cm-table-container::-webkit-scrollbar{width:6px}.cm-table-container::-webkit-scrollbar-track{background:#f1f1f1}.cm-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cm-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=768px){.cm-modal{width:95%;max-height:90vh}.cm-input-row{flex-direction:column;gap:8px}.cm-form-group,.cm-form-group.cm-button-group{flex:100%;min-width:100%}.cm-list-header{flex-direction:column;align-items:flex-start}.cm-search-input{width:100%}}@media screen and (width<=480px){.cm-modal{width:98%;max-height:95vh}.cm-header h3{font-size:12px}.cm-form-title{font-size:11px}.cm-input{padding:6px 8px;font-size:10px}.cm-table{font-size:9px}.cm-table th{padding:4px 2px;font-size:8px}.cm-table td{padding:4px 2px}.cm-pagination-btn{padding:6px 12px;font-size:9px}}.upi-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.upi-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:500px;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.upi-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;padding:14px 18px}.upi-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.upi-bank-info{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:12px 18px;display:grid}.upi-info-item{border-left:3px solid var(--system-main-color);background-color:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000000d}.upi-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.upi-value{color:#1f2937;font-size:13px;font-weight:600}.upi-form-section{background-color:#fff;flex-direction:column;flex:1;gap:16px;padding:18px;display:flex}.upi-form-group{flex-direction:column;gap:8px;display:flex}.upi-form-label{color:#1f2937;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.upi-form-icon{color:var(--system-main-color);font-size:16px}.upi-date-input{cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .3s}.upi-date-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.upi-file-input-wrapper{position:relative;overflow:hidden}.upi-file-input{opacity:0;width:0;height:0;position:absolute}.upi-file-label{border:2px dashed var(--system-main-color);cursor:pointer;text-align:center;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:6px;justify-content:center;align-items:center;min-height:80px;padding:16px;transition:all .3s;display:flex}.upi-file-label:hover{background:linear-gradient(135deg,#f0f2f5 0%,#e5e7eb 100%);border-color:#5568d3}.upi-file-input:focus+.upi-file-label{border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a}.upi-file-placeholder{color:#9ca3af;font-size:12px;font-weight:500;line-height:1.4}.upi-file-selected{color:#10b981;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.upi-file-selected:before{content:"✓";font-size:16px;font-weight:700}.upi-actions{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;gap:10px;padding:14px 18px;display:flex}.upi-btn-update{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:6px;flex:1;padding:10px 14px;font-size:12px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #f59e0b33}.upi-btn-update:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.upi-btn-update:disabled{opacity:.6;cursor:not-allowed}@media screen and (width<=768px){.upi-modal{width:95%;max-width:480px}.upi-header h3{font-size:14px}.upi-bank-info{grid-template-columns:1fr;gap:10px;padding:10px 16px}.upi-form-section{gap:14px;padding:14px 16px}.upi-form-label{font-size:12px}.upi-date-input{padding:8px 10px;font-size:12px}.upi-file-label{min-height:70px;padding:14px}.upi-file-placeholder,.upi-file-selected{font-size:11px}.upi-actions{padding:12px 16px}.upi-btn-update{padding:8px 12px;font-size:11px}}@media screen and (width<=480px){.upi-modal{width:98%;max-width:450px}.upi-header h3{font-size:12px}.upi-bank-info{grid-template-columns:1fr;gap:8px;padding:8px 12px}.upi-info-item{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 10px}.upi-form-section{gap:12px;padding:12px}.upi-form-label{gap:6px;font-size:11px}.upi-form-icon{font-size:14px}.upi-date-input{padding:8px;font-size:11px}.upi-file-label{min-height:60px;padding:12px}.upi-file-placeholder,.upi-file-selected{font-size:10px}.upi-file-selected:before{font-size:14px}.upi-actions{gap:8px;padding:10px 12px}.upi-btn-update{padding:8px 10px;font-size:10px}}@media screen and (width<=360px){.upi-modal{width:99%}.upi-header h3{font-size:11px}.upi-date-input{font-size:10px}.upi-file-placeholder,.upi-btn-update{font-size:9px}}.msm-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.msm-header{background:#fff;border-radius:8px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 6px #0000000f}.msm-main-title{color:#667eea;-webkit-background-clip:text;background-clip:text;align-items:center;margin:0 0 4px;font-size:16px;font-weight:700;display:flex}.msm-stat-card{background:#fff;border-left:3px solid #667eea;border-radius:8px;flex-direction:column;gap:4px;padding:10px 14px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000f}.msm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.msm-stat-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.msm-search-section{background:#fff;border-radius:8px;flex:1;min-width:250px;padding:0;box-shadow:0 2px 6px #0000000f}.msm-search-input{color:#2d3748;background:#fff;border:2px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;transition:all .3s}.msm-search-input::placeholder{color:#a0aec0}.msm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #10b9814d}.msm-add-btn:active{transform:translateY(0)}.msm-table-section{background:#fff;border-radius:8px;margin-bottom:16px;overflow:hidden;box-shadow:0 2px 6px #0000000f}.msm-table-container{max-height:600px;position:relative;overflow-x:auto}.msm-table{border-collapse:collapse;table-layout:auto;background-color:#fff;width:100%;font-size:13px;font-weight:700}.msm-table thead{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.msm-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-bottom:2px solid #fff3;padding:12px 14px;font-size:12px;font-weight:700;color:#fff!important}.msm-table tbody tr:hover{background:#f7fafc}.msm-table tbody td{color:#2d3748;vertical-align:middle;padding:12px 14px;font-size:13px}.msm-store-id{color:#667eea;font-family:Courier New,monospace;font-weight:600}.msm-mobile{color:#4a5568;font-family:Courier New,monospace}.msm-actions-cell{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.msm-action-btn{cursor:pointer;color:#fff;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:7px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.edit-btn{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 6px #f59e0b4d}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #f59e0b66}.delete-btn{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 6px #ef44444d}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #ef444466}.msm-pagination{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.msm-pagination-btn{cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .3s}.msm-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-2px)}.msm-pagination-input-group{color:#4a5568;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.msm-no-data{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex;box-shadow:0 2px 6px #0000000f}.msm-no-data-image{opacity:.7;width:140px;height:auto;margin-bottom:12px}.msm-no-access{background:#fff;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;max-width:500px;margin:40px auto;padding:60px 20px;display:flex;box-shadow:0 4px 12px #0000001a}.msm-no-access-image{width:200px;height:auto;margin-bottom:20px}.msm-no-access p{color:#718096;text-align:center;font-size:16px;line-height:1.6}.msm-error-message{color:#dc2626;background:#fee2e2;border-left:3px solid #dc2626;border-radius:6px;margin-bottom:16px;padding:10px 14px;font-size:13px;font-weight:500}.msm-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.msm-modal{background:#fff;border:2px solid #667eea;border-radius:12px;width:100%;max-width:450px;animation:.3s ease-out slideUp;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.msm-modal-close{background-color:var(--closebutton-color);color:#000;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}.msm-modal-close:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}.msm-modal-header h3{letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.msm-modal-body{padding:20px}.msm-form-group:last-child{margin-bottom:0}.msm-form-label{color:#2d3748;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:13px;font-weight:700;display:block}.msm-form-input{color:#2d3748;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:10px 12px;font-size:13px;transition:all .3s}.msm-form-input::placeholder{color:#a0aec0}.msm-modal-error{color:#dc2626;background:#fee2e2;border-left:3px solid #dc2626;border-radius:6px;margin-top:12px;padding:10px;font-size:12px}.msm-modal-footer{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.msm-modal-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:6px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .3s}.msm-modal-cancel{color:#ef4444;background:#fff;border:2px solid #ef4444}.msm-modal-cancel:hover:not(:disabled){color:#fff;background:#ef4444;transform:translateY(-2px)}.msm-modal-save{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}@media (width<=768px){.msm-container{padding:12px}.msm-summary-stats{grid-template-columns:1fr;gap:8px}.msm-stat-card{padding:8px 12px}.msm-stat-value{font-size:18px}.msm-controls-section{flex-direction:column;gap:10px}.msm-search-section{min-width:100%}.msm-add-btn{width:100%}.msm-table{font-size:11px}.msm-table thead th,.msm-table tbody td{padding:8px 6px}.msm-actions-cell{flex-direction:column;gap:4px}.msm-action-btn{width:100%;padding:5px 8px;font-size:10px}.msm-pagination{flex-direction:column;gap:10px}.msm-main-title{font-size:18px}.msm-subtitle{font-size:11px}.msm-modal{max-width:90%}.msm-modal-footer{flex-direction:column}.msm-modal-btn{width:100%}}@media (width<=480px){.msm-main-title,.msm-stat-value{font-size:16px}.msm-table{font-size:10px}.msm-pagination-btn{padding:5px 10px;font-size:11px}.msm-modal{max-width:95%}.msm-form-input{font-size:12px}}.search-select-common{cursor:pointer;color:#2d3748;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667eea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;border:1px solid #cbd5e0;border-radius:5px;padding:6px 28px 6px 10px;font-size:13px;font-weight:500;transition:all .2s}.search-select-common:hover{border-color:#a0aec0;box-shadow:0 2px 4px #0000001a}.search-select-common:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.quick-add-button{white-space:nowrap;vertical-align:middle;align-items:center;gap:6px;margin-top:6px;margin-left:8px;line-height:1;color:#fff!important;cursor:pointer!important;background-color:#28a745!important;border:none!important;border-radius:4px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;transition:all .2s!important;display:inline-flex!important}.quick-add-button:hover{transform:scale(1.05);background-color:#218838!important}.quick-add-button:active{background-color:#1e7e34!important}.quick-add-button svg{display:inline-block;width:12px!important;height:12px!important}label{flex-wrap:wrap;align-items:center;gap:4px;display:flex}label>span:first-child{display:inline-block}.msm-action-btn{width:25px;height:25px;padding:0}.msm-action-icon{width:12px;height:12px}@media (width<=1200px){.msm-action-btn{width:18px;height:18px}.msm-action-icon{width:10px;height:10px}}@media (width<=768px){.msm-action-btn{width:18px;height:18px}.msm-action-icon{width:10px;height:10px}}@media (width<=480px){.msm-action-btn{width:16px;height:16px}.msm-action-icon{width:9px;height:9px}}.stock-description-input{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .3s}.stock-description-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.stock-description-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.stock-out-description-input{resize:vertical;border:1px solid #ddd;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .3s}.stock-out-description-input:focus{border-color:#ff6b6b;outline:none;box-shadow:0 0 0 3px #ff6b6b1a}.stock-out-description-input:disabled{cursor:not-allowed;background-color:#f5f5f5}.rm-container{background:#fff;flex-direction:column;height:250vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.rm-header-compact{z-index:100;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.rm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.rm-header-icon{font-size:18px}.rm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.rm-mobile-menu-toggle:active{background:#fff3}.rm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.rm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.rm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.rm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.rm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.rm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.rm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.rm-mobile-menu-item:active{background:#f3f4f6}.rm-mobile-menu-item.active{color:#3498db;background:#f0f8ff;border-left-color:#3498db}.rm-mobile-menu-item.open{background:#fafafa}.rm-mobile-menu-icon{min-width:16px;font-size:14px}.rm-mobile-menu-label{flex:1}.rm-mobile-menu-badge{color:#3498db;font-size:10px;font-weight:700}.rm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.rm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.rm-mobile-close-all:active{background:#fecaca}.rm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.rm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.rm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.rm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.rm-btn-with-label:active{transform:scale(.97)}.rm-btn-with-label.active{color:#3498db;background:#f0f8ff;border-color:#3498db}.rm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.rm-btn-icon{flex-shrink:0;font-size:12px}.rm-btn-text{display:inline-block}.rm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.rm-close-all-compact:hover{color:#dc2626;background:#fecaca}.rm-close-all-compact:active{transform:scale(.97)}.rm-button-bar::-webkit-scrollbar{height:3px}.rm-button-bar::-webkit-scrollbar-track{background:0 0}.rm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.rm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.rm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.rm-tabs-scroll::-webkit-scrollbar{height:3px}.rm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.rm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.rm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.rm-tab-label:hover{color:#374151;background:#f3f4f6}.rm-tab-label:active{transform:scale(.97)}.rm-tab-label.active{color:#3498db;background:#f0f8ff;border-bottom-color:#3498db}.rm-tab-label-icon{font-size:10px}.rm-tab-label-text{display:inline-block}.rm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.rm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.rm-tab-label-close:active{transform:scale(.85)}.rm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.rm-tab-content{animation:.2s ease-out slideIn}.rm-content::-webkit-scrollbar{width:6px}.rm-content::-webkit-scrollbar-track{background:0 0}.rm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.rm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rm-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.rm-placeholder-icon{font-size:40px}.rm-placeholder-content h3{color:#374151;margin:0;font-size:16px}.rm-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.rm-placeholder-message{color:#0369a1;background:#e0f2fe;border-left:3px solid #3498db;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.rm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.rm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.rm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.rm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.rm-mobile-menu-content::-webkit-scrollbar{width:4px}.rm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.rm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.rm-header-compact{height:44px;padding:0 10px}.rm-header-title{gap:6px;font-size:14px}.rm-header-icon{font-size:16px}.rm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.rm-mobile-menu-overlay{display:block}.rm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.rm-button-bar{display:none}.rm-tab-labels{gap:1px;height:32px;padding:0 4px}.rm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.rm-tab-label-text{display:none}.rm-tab-label-icon{font-size:10px}.rm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.rm-content{padding:12px}.rm-placeholder-content{height:250px}.rm-empty h2{font-size:16px}.rm-empty p{font-size:12px}.rm-empty-icon{font-size:48px}}@media (width<=480px){.rm-header-compact{height:40px;padding:0 8px}.rm-header-title{gap:4px;font-size:12px}.rm-header-icon{font-size:14px}.rm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.rm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.rm-mobile-menu-header{padding:8px 10px}.rm-mobile-menu-header h3{font-size:12px}.rm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.rm-mobile-menu-icon{min-width:14px;font-size:12px}.rm-mobile-menu-footer{padding:6px 10px}.rm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.rm-tab-labels{gap:0;height:28px;padding:0 2px}.rm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.rm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.rm-content{padding:10px}.rm-placeholder-content{height:200px;font-size:12px}.rm-empty-icon{font-size:40px}.rm-empty h2{font-size:14px}.rm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.rm-header-title span{display:none}.rm-header-icon{font-size:16px}.rm-header-compact{height:38px;padding:0 6px}.rm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.rm-mobile-menu-icon{font-size:11px}.rm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.rm-tab-label-icon{font-size:8px}.rm-tab-label-close{width:8px;height:8px;font-size:5px}.rm-content{padding:8px}.rm-empty-icon{font-size:36px}.rm-empty h2{font-size:12px}.rm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.rm-header-compact{height:40px}.rm-header-title{font-size:13px}.rm-button-bar{height:36px;padding:0 4px}.rm-btn-with-label{padding:4px 8px;font-size:10px}.rm-tab-labels{height:28px}.rm-tab-label{padding:4px 8px;font-size:8px}.rm-content{padding:12px}.rm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.rm-container{background:#1f2937}.rm-button-bar,.rm-mobile-menu,.rm-tab-labels,.rm-content{background:#111827;border-bottom-color:#374151}.rm-header-compact{border-bottom-color:#374151}.rm-btn-with-label,.rm-tab-label{color:#d1d5db}.rm-btn-with-label:hover,.rm-tab-label:hover{background:#1f2937}.rm-btn-with-label.active{color:#60a5fa;background:#3498db26;border-color:#3498db}.rm-tab-label.active{color:#60a5fa;background:#3498db1a;border-bottom-color:#3498db}.rm-mobile-menu-item{color:#d1d5db}.rm-mobile-menu-item.active{color:#60a5fa;background:#3498db26}.rm-mobile-menu-header,.rm-mobile-menu-footer{background:#1f2937;border-color:#374151}.rm-mobile-menu-header h3{color:#f3f4f6}.rm-placeholder-content{background:#1f2937;border-color:#374151}.rm-placeholder-content h3{color:#f3f4f6}.rm-placeholder-content p{color:#9ca3af}.rm-placeholder-message{color:#60a5fa;background:#3498db1a;border-left-color:#3498db}.rm-empty h2{color:#f3f4f6}.rm-empty p,.rm-empty-icon{color:#9ca3af}}@media print{.rm-header-compact,.rm-button-bar,.rm-mobile-menu,.rm-tab-labels,.rm-mobile-menu-toggle,.rm-close-all-compact{display:none}.rm-container{height:auto}.rm-content{padding:0}}@media (prefers-reduced-motion:reduce){.rm-btn-with-label,.rm-tab-label,.rm-mobile-menu-item,.rm-tab-content,.rm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.rm-btn-with-label.active,.rm-tab-label.active,.rm-mobile-menu-item.active{border-width:2px;font-weight:700}.rm-header-compact{border-bottom-width:2px}}:root{--primary-color:#667eea;--primary-dark:#5568d3;--primary-light:#8b9ef5;--success-color:#10b981;--success-light:#d1fae5;--danger-color:#ef4444;--danger-light:#fee2e2;--warning-color:#f59e0b;--warning-light:#fef3c7;--info-color:#3b82f6;--info-light:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}.loading-container,.access-denied-container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;display:flex}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.loading-text{color:#fff;margin-top:15px;font-size:14px;font-weight:500}.access-denied-card{text-align:center;box-shadow:var(--shadow-xl);background:#fff;border-radius:10px;max-width:350px;padding:25px}.access-denied-icon{margin-bottom:15px;font-size:50px}.access-denied-card h2{color:var(--gray-900);margin-bottom:8px;font-size:20px}.access-denied-card p{color:var(--gray-600);font-size:13px;line-height:1.5}.income-statement-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:100vh;padding:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.header-section{box-shadow:var(--shadow-lg);border-top:3px solid var(--primary-color);background:#fff;border-radius:10px;margin-bottom:16px;padding:16px}.header-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.header-title{flex:1;align-items:center;gap:12px;min-width:250px;display:flex}.header-icon{width:36px;height:36px;color:var(--primary-color);flex-shrink:0}.header-title h1{color:var(--gray-900);margin-bottom:3px;font-size:24px;font-weight:700}.period-subtitle{color:var(--gray-600);font-size:12px}.date-range{color:var(--primary-color);font-weight:600}.date-controls{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.date-input-group{flex-direction:column;gap:5px;display:flex}.date-input-group label{color:var(--gray-700);text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.input-icon{width:14px;height:14px;color:var(--primary-color)}.date-input{border:2px solid var(--gray-200);transition:var(--transition);color:var(--gray-900);cursor:pointer;background:#fff;border-radius:6px;padding:7px 10px;font-size:12px}.date-input:hover{border-color:var(--primary-color);background:var(--gray-50)}.date-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #667eea1a}.refresh-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-md);border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;display:flex}.refresh-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon.spinning{animation:1s linear infinite spin}.date-mode-selector{box-shadow:var(--shadow-sm);background:#fff;border-radius:6px;padding:6px}.mode-tabs{gap:5px;display:flex}.mode-tab{border:2px solid var(--gray-200);color:var(--gray-700);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border-radius:5px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:600;display:flex}.mode-tab:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--gray-50)}.mode-tab.active{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.view-mode-toggle{box-shadow:var(--shadow-md);background:#fff;border-radius:10px;margin-bottom:16px;padding:12px}.toggle-group{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-btn{border:2px solid var(--gray-200);color:var(--gray-700);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:11px;font-weight:600;display:flex}.mode-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color);background:var(--gray-50)}.mode-btn.active{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;box-shadow:var(--shadow-md);border-color:#0000}.mode-btn.email-btn:hover:not(:disabled){border-color:var(--info-color);color:var(--info-color)}.mode-btn.email-btn.loading{opacity:.6;cursor:not-allowed}.mode-btn.cabin-toggle.active{background:linear-gradient(135deg, var(--success-color), #059669);color:#fff;border-color:#0000}.mode-btn.cabin-toggle.inactive{background:linear-gradient(135deg, var(--danger-color), #dc2626);color:#fff;border-color:#0000}.mode-btn.extra-toggle.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#0000}.mode-btn.extra-toggle.inactive{background:linear-gradient(135deg, var(--warning-color), #d97706);color:#fff;border-color:#0000}.mode-btn:disabled{opacity:.6;cursor:not-allowed}.metrics-overview{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;display:grid}.metric-card{box-shadow:var(--shadow-md);transition:var(--transition);border-left:3px solid var(--gray-200);background:#fff;border-radius:10px;padding:12px;overflow:hidden}.metric-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.metric-card.revenue{border-left-color:var(--success-color)}.metric-card.order-sales{border-left-color:var(--info-color)}.metric-card.profit{border-left-color:var(--primary-color)}.metric-card.expenses{border-left-color:var(--danger-color)}.metric-card.discount{border-left-color:var(--warning-color)}.metric-card.cabin-transfer{border-left-color:var(--success-color)}.metric-card.owner-expenses{border-left-color:var(--danger-color)}.metric-card.extra-amount{border-left-color:#8b5cf6}.metric-card.net-income{border-left-color:var(--primary-color);background:linear-gradient(135deg,#f0f4ff 0%,#f9f5ff 100%)}.metric-header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.metric-info{flex-direction:column;gap:5px;display:flex}.metric-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.metric-value{color:var(--gray-900);font-size:18px;font-weight:700}.metric-icon{background:var(--gray-100);width:32px;height:32px;color:var(--primary-color);border-radius:6px;justify-content:center;align-items:center;display:flex}.metric-card.revenue .metric-icon{color:var(--success-color);background:#10b9811a}.metric-card.order-sales .metric-icon{color:var(--info-color);background:#3b82f61a}.metric-card.profit .metric-icon{color:var(--primary-color);background:#667eea1a}.metric-card.expenses .metric-icon{color:var(--danger-color);background:#ef44441a}.metric-card.discount .metric-icon{color:var(--warning-color);background:#f59e0b1a}.metric-card.cabin-transfer .metric-icon{color:var(--success-color);background:#10b9811a}.metric-card.owner-expenses .metric-icon{color:var(--danger-color);background:#ef44441a}.metric-card.extra-amount .metric-icon{color:#8b5cf6;background:#8b5cf61a}.metric-card.net-income .metric-icon{color:var(--primary-color);background:#667eea1a}.metric-change{align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.metric-change.positive{color:var(--success-color)}.metric-change.negative{color:var(--danger-color)}.change-icon{width:14px;height:14px}.content-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:16px;margin-bottom:16px;display:grid}@media (width<=1200px){.content-grid{grid-template-columns:1fr}}.statement-card{box-shadow:var(--shadow-md);transition:var(--transition);background:#fff;border-radius:10px;overflow:hidden}.statement-card:hover{box-shadow:var(--shadow-lg)}.card-header{border-bottom:2px solid var(--gray-100);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);padding:12px}.card-title{color:var(--gray-900);align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.card-icon{width:20px;height:20px;color:var(--primary-color)}.card-content{padding:12px}.statement-table{flex-direction:column;gap:0;display:flex}.table-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.table-row.indent{padding-left:15px}.table-row.total{background:var(--gray-50);color:var(--gray-900);border-bottom:none;border-radius:6px;margin-top:6px;padding:10px 8px;font-weight:700}.table-row.highlight{background:var(--info-light);border-bottom:none;border-radius:5px;padding:8px}.table-row.percentage{background:var(--gray-50);color:var(--primary-color);border-bottom:none;border-radius:5px;padding:8px;font-weight:600}.table-divider{background:linear-gradient(90deg, transparent, var(--gray-200), transparent);height:1px;margin:8px 0}.row-label{color:var(--gray-700);font-weight:500}.row-value{color:var(--gray-900);font-weight:600}.row-value.negative{color:var(--danger-color)}.row-value.highlight-value{color:var(--info-color);background:var(--info-light);border-radius:3px;padding:3px 6px}.expenses-table{flex-direction:column;gap:0;display:flex}.expenses-header{background:var(--gray-100);color:var(--gray-700);text-transform:uppercase;letter-spacing:.3px;border-radius:6px 6px 0 0;grid-template-columns:2fr 1fr 50px;align-items:center;gap:10px;margin-bottom:6px;padding:10px;font-size:11px;font-weight:700;display:grid}.expense-row{border-bottom:1px solid var(--gray-100);transition:var(--transition);grid-template-columns:2fr 1fr 50px;align-items:center;gap:10px;padding:10px;font-size:12px;display:grid}.expense-row:hover{background:var(--gray-50)}.expense-row.total{background:var(--gray-100);border-bottom:none;border-radius:6px;margin-top:6px;font-weight:700}.expense-row.operating{background:linear-gradient(135deg, var(--primary-light), var(--primary-color));color:#fff;border-bottom:none;border-radius:6px;margin-top:6px;font-weight:700}.expense-category{color:var(--gray-900);font-weight:600}.expense-row.total .expense-category,.expense-row.operating .expense-category{color:inherit}.expense-amount{color:var(--gray-700);text-align:right;font-weight:600}.expense-row.total .expense-amount,.expense-row.operating .expense-amount{color:inherit}.expense-view-btn{border:2px solid var(--primary-light);width:32px;height:32px;color:var(--primary-color);cursor:pointer;transition:var(--transition);background:linear-gradient(135deg,#667eea1a,#8b5cf61a);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:0;display:flex}.expense-view-btn:hover{background:linear-gradient(135deg, var(--primary-color), var(--primary-dark));color:#fff;border-color:var(--primary-color);transform:scale(1.08);box-shadow:0 4px 12px #667eea4d}.expense-view-btn:active{transform:scale(.95)}.expense-view-btn svg{stroke-width:2px;width:16px;height:16px;display:block}.expense-view-btn:disabled{opacity:.5;cursor:not-allowed}.discount-card .card-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.discount-display{flex-direction:column;gap:10px;display:flex}.discount-item{background:var(--gray-50);border-left:3px solid var(--warning-color);border-radius:6px;flex-direction:column;gap:5px;padding:10px;display:flex}.discount-item.highlight{background:var(--warning-light);border-left-color:var(--warning-color)}.discount-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.discount-value{color:var(--gray-900);font-size:16px;font-weight:700}.discount-note{color:var(--gray-600);font-size:11px}.cabin-card .card-header{background:linear-gradient(135deg,#10b9811a,#10b9810d)}.external-income-display{flex-direction:column;gap:10px;display:flex}.income-badge{background:linear-gradient(135deg, var(--success-light), #a7f3d0);border-left:3px solid var(--success-color);border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.badge-label{color:var(--gray-700);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.metric-card.sales-after-discount{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-left:4px solid #22c55e}.metric-card.sales-after-discount .metric-value{color:#16a34a;font-weight:700}.metric-card.sales-after-discount .metric-change{color:#15803d;font-weight:500}.table-row.sub-item{border-left:2px solid #e5e7eb;padding-left:2rem}.table-row.sub-item .row-label{opacity:.7;font-size:.85em;font-weight:400}.badge-value{color:var(--gray-900);font-size:18px;font-weight:700}.badge-count{color:var(--gray-600);font-size:11px}.income-note{background:var(--gray-50);border-left:3px solid var(--info-color);border-radius:5px;padding:10px}.income-note p{color:var(--gray-700);font-size:12px;font-weight:500}.adjustments-card .card-header{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.adjustments-display{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=600px){.adjustments-display{grid-template-columns:1fr}}.adjustment-item{border-radius:6px;flex-direction:column;gap:8px;padding:10px;display:flex}.adjustment-item.owner-exp{border-left:3px solid var(--danger-color);background:#ef44440d}.adjustment-item.extra-amt{background:#8b5cf60d;border-left:3px solid #8b5cf6}.adjustment-header{justify-content:space-between;align-items:center;display:flex}.adjustment-label{color:var(--gray-900);font-size:12px;font-weight:700}.adjustment-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:3px;padding:3px 6px;font-size:9px;font-weight:700}.adjustment-badge.positive{background:var(--success-light);color:var(--success-color)}.adjustment-badge.negative{background:var(--danger-light);color:var(--danger-color)}.adjustment-value{color:var(--gray-900);font-size:16px;font-weight:700}.adjustment-note{color:var(--gray-600);font-size:11px}.adjustment-indicator{background:var(--gray-200);border-radius:2px;height:3px;overflow:hidden}.indicator-bar{border-radius:2px;width:60%;height:100%}.indicator-bar.positive-bar{background:linear-gradient(90deg, var(--success-color), #34d399)}.indicator-bar.negative-bar{background:linear-gradient(90deg, var(--danger-color), #f87171)}.adjustments-summary{background:var(--gray-50);border-radius:5px;padding:10px}.summary-row{justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.summary-value{font-weight:700}.summary-value.positive{color:var(--success-color)}.summary-value.negative{color:var(--danger-color)}.net-income-card{grid-column:1/-1}.net-income-card .card-header{background:linear-gradient(135deg, var(--primary-light), var(--primary-color));color:#fff}.net-income-card .card-title{color:#fff}.net-income-display{grid-template-columns:1fr 160px;align-items:center;gap:20px;display:grid}@media (width<=600px){.net-income-display{grid-template-columns:1fr}}.income-breakdown{flex-direction:column;gap:0;display:flex}.breakdown-row{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.breakdown-row span:first-child{color:var(--gray-700);font-weight:500}.breakdown-row span:last-child{color:var(--gray-900);font-weight:600}.breakdown-row.highlight span:last-child{color:var(--success-color)}.breakdown-row.total{background:var(--gray-50);border-bottom:none;border-radius:5px;margin-top:6px;padding:10px 8px;font-weight:700}.breakdown-row.total span:first-child{color:var(--gray-900)}.breakdown-row.total span:last-child{font-size:14px}.breakdown-row.total span:last-child.positive{color:var(--success-color)}.breakdown-row.total span:last-child.negative{color:var(--danger-color)}.income-percentage{background:var(--gray-50);text-align:center;border-radius:6px;flex-direction:column;align-items:center;gap:10px;padding:15px;display:flex}.percentage-label{color:var(--gray-600);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.percentage-value{font-size:22px;font-weight:700}.percentage-value.positive{color:var(--success-color)}.percentage-value.negative{color:var(--danger-color)}.performance-indicator{flex-direction:column;gap:6px;margin-top:12px;display:flex}.indicator-bar{background:var(--gray-200);border-radius:3px;height:6px;overflow:hidden}.indicator-fill{border-radius:3px;height:100%;transition:width .5s}.indicator-fill.positive{background:linear-gradient(90deg, var(--success-color), #34d399)}.indicator-fill.negative{background:linear-gradient(90deg, var(--danger-color), #f87171)}.indicator-text{color:var(--gray-700);font-size:11px;font-weight:600}.expense-modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:12px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.expense-modal-content{box-shadow:var(--shadow-xl);background:#fff;border-radius:10px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.3s slideUp;display:flex}.expense-modal-header{border-bottom:2px solid var(--gray-100);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);justify-content:space-between;align-items:center;padding:14px;display:flex}.expense-modal-header h3{color:var(--gray-900);align-items:center;gap:10px;margin:0;font-size:14px;display:flex}.expense-modal-info{background:var(--gray-50);border-bottom:1px solid var(--gray-100);color:var(--gray-700);gap:15px;padding:10px 14px;font-size:11px;font-weight:600;display:flex}.expense-modal-body{flex:1;padding:14px;overflow-y:auto}.expense-modal-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:250px;display:flex}.expense-modal-empty{min-height:250px;color:var(--gray-600);justify-content:center;align-items:center;font-size:13px;display:flex}.expense-details-table{width:100%;overflow-x:auto}.expense-details-table table{border-collapse:collapse;width:100%;font-size:12px}.expense-details-table thead{background:var(--gray-100);position:sticky;top:0}.expense-details-table th{text-align:left;color:var(--gray-700);text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid var(--gray-200);padding:10px;font-size:10px;font-weight:700}.expense-details-table td{border-bottom:1px solid var(--gray-100);color:var(--gray-700);padding:10px}.expense-details-table tbody tr:hover{background:var(--gray-50)}.expense-details-table .amount-cell{color:var(--gray-900);font-weight:600}.payment-badge{background:var(--info-light);color:var(--info-color);border-radius:3px;padding:3px 6px;font-size:10px;font-weight:600;display:inline-block}.bank-info{color:var(--gray-600);margin-top:3px;font-size:10px}.remark-cell{word-break:break-word;max-width:180px;color:var(--gray-600)}.expense-no-data-row td{text-align:center;color:var(--gray-600);padding:25px 10px}.expense-modal-pagination{border-top:1px solid var(--gray-100);background:var(--gray-50);justify-content:center;align-items:center;gap:12px;padding:12px 14px;display:flex}.expense-pagination-btn{border:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;transition:var(--transition);background:#fff;border-radius:5px;padding:6px 12px;font-size:11px;font-weight:600}.expense-pagination-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.expense-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.expense-pagination-info{color:var(--gray-700);font-size:11px;font-weight:600}.expense-modal-footer{border-top:1px solid var(--gray-100);background:var(--gray-50);padding:12px 14px}.expense-modal-summary{justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.total-amount{color:var(--success-color);font-size:14px}.pdf-mode-container{background:var(--gray-100);min-height:100vh;padding:12px}.pdf-controls{box-shadow:var(--shadow-md);border-top:3px solid var(--primary-color);background:#fff;border-radius:10px;width:100%;margin-bottom:16px;padding:14px;display:block}.control-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.pdf-mode-container .mode-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.pdf-mode-container .mode-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.pdf-mode-container .mode-btn.modern-btn{color:#667eea;background:linear-gradient(135deg,#667eea1a,#667eea0d);border-color:#667eea}.pdf-mode-container .mode-btn.modern-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#667eea,#5568d3);border-color:#667eea}.pdf-mode-container .mode-btn.download-btn{color:#10b981;background:linear-gradient(135deg,#10b9811a,#10b9810d);border-color:#10b981}.pdf-mode-container .mode-btn.download-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.pdf-mode-container .mode-btn.email-btn{color:#3b82f6;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);border-color:#3b82f6}.pdf-mode-container .mode-btn.email-btn:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.pdf-mode-container .mode-btn:disabled{opacity:.6;cursor:not-allowed}.pdf-mode-container .mode-btn:disabled:hover{transform:none}.pdf-mode-container .btn-icon{width:16px;height:16px}.pdf-content-wrapper-bw{box-shadow:var(--shadow-lg);background:#fff;border-radius:10px;overflow:hidden}.pdf-content-bw{color:#000;background:#fff;padding:30px;font-family:Courier New,monospace}.pdf-header-bw{text-align:center;margin-bottom:20px;padding-bottom:15px}.pdf-header-bw h1{color:#000;letter-spacing:1px;margin-bottom:8px;font-size:22px;font-weight:700}.pdf-header-line{background:#000;height:2px;margin:8px 0}.pdf-header-bw p{color:#333;margin:4px 0;font-size:11px}.pdf-section-bw{margin-bottom:18px}.pdf-section-bw h2{color:#000;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #000;margin-bottom:10px;padding-bottom:6px;font-size:12px;font-weight:700}.pdf-table-bw{border-collapse:collapse;width:100%;margin-bottom:8px}.pdf-table-bw tbody tr{border-bottom:1px solid #ddd}.pdf-table-bw .label-col{text-align:left;color:#000;padding:6px 0;font-size:11px}.pdf-table-bw .label-col.indent{padding-left:15px}.pdf-table-bw .amount-col{text-align:right;color:#000;padding:6px 0;font-size:11px;font-weight:600}.pdf-table-bw .separator-row{border:none;height:6px}.pdf-table-bw .separator-row td{border:none;padding:0}.pdf-table-bw .total-row-bw{background:#f5f5f5;font-weight:700}.pdf-table-bw .total-row-bw .label-col,.pdf-table-bw .total-row-bw .amount-col{padding:8px 6px;font-weight:700}.pdf-table-bw .highlight-row-bw{background:#f0f0f0;font-weight:700}.pdf-table-bw .double-line-row{border:none;height:3px}.pdf-table-bw .double-line-row td{border-top:2px solid #000;border-bottom:2px solid #000;padding:0}.pdf-table-bw .final-total-row-bw{background:#e8e8e8;font-weight:700}.pdf-table-bw .final-total-row-bw .label-col,.pdf-table-bw .final-total-row-bw .amount-col{padding:10px 6px;font-size:12px;font-weight:700}.net-income-box-bw{text-align:center;background:#f0f0f0;border-radius:0;margin:12px 0;padding:16px}.net-income-box-bw h2{border:none;margin-bottom:8px}.net-income-amount{color:#000;margin:8px 0;font-size:18px;font-weight:700}.net-income-percent{color:#333;font-size:11px}.pdf-footer-bw{text-align:center;color:#666;border-top:1px solid #000;margin-top:20px;padding-top:15px;font-size:10px}.pdf-footer-bw p{margin:4px 0}.no-print{display:none!important}@media (width<=1024px){.header-content{flex-direction:column}.date-controls{width:100%}.metrics-overview{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.content-grid,.net-income-display{grid-template-columns:1fr}}@media (width<=768px){.income-statement-container{padding:8px}.header-section{padding:12px}.header-title{flex-direction:column;align-items:flex-start}.header-icon{width:32px;height:32px}.header-title h1{font-size:20px}.date-controls{flex-direction:column;width:100%}.date-input-group,.date-input{width:100%}.refresh-btn{justify-content:center;width:100%}.toggle-group{flex-direction:column}.mode-btn{justify-content:center;width:100%}.metrics-overview{grid-template-columns:1fr}.metric-card{padding:10px}.metric-value{font-size:16px}.expense-modal-overlay{padding:8px}.expense-modal-content{max-height:90vh}.expense-details-table{font-size:11px}.expense-details-table th,.expense-details-table td{padding:8px}.pdf-content-bw{padding:16px}.pdf-header-bw h1{font-size:18px}.pdf-section-bw h2{font-size:11px}.pdf-controls{padding:12px}.control-group{gap:8px}.pdf-mode-container .mode-btn{padding:8px 12px;font-size:11px}}@media (width<=480px){.income-statement-container{padding:6px}.header-section{padding:10px}.header-title h1{font-size:18px}.period-subtitle{font-size:11px}.metric-card{padding:10px}.metric-value{font-size:15px}.metric-header{flex-direction:column;align-items:flex-start}.metric-icon{align-self:flex-end;margin-top:6px}.adjustments-display{grid-template-columns:1fr}.expense-modal-info{flex-direction:column;gap:6px}.expense-details-table th,.expense-details-table td{padding:6px;font-size:10px}.mode-tabs{gap:4px}.mode-tab{padding:5px 10px;font-size:10px}.control-group{flex-direction:column}.pdf-mode-container .mode-btn{justify-content:center;width:100%}.pdf-content-bw{padding:12px}.pdf-header-bw h1{font-size:16px}.pdf-section-bw h2{font-size:10px}}@media print{body{background:#fff}.no-print{display:none!important}.pdf-content-bw{box-shadow:none;border-radius:0}.pdf-mode-container{background:#fff;padding:0}}.sm-container{background:#fff;flex-direction:column;height:500vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.sm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex;box-shadow:0 2px 8px #0000001f}.sm-header-title{color:#fff;align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.sm-header-icon{font-size:20px}.sm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px;font-size:22px;transition:all .2s;display:none}.sm-mobile-menu-toggle:active{background:#fff3}.sm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.sm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 56px);animation:.3s ease-out slideDown;display:none;position:absolute;top:56px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.sm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.sm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:16px;font-weight:600}.sm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:20px;display:flex}.sm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 200px);padding:8px 0;display:flex;overflow-y:auto}.sm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:4px solid #0000;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.sm-mobile-menu-item:active{background:#f3f4f6}.sm-mobile-menu-item.active{color:#667eea;background:#f0f4ff;border-left-color:#667eea}.sm-mobile-menu-item.open{background:#fafafa}.sm-mobile-menu-icon{min-width:20px;font-size:16px}.sm-mobile-menu-label{flex:1}.sm-mobile-menu-badge{color:#10b981;font-size:12px;font-weight:700}.sm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:12px 16px}.sm-mobile-close-all{cursor:pointer;color:#ef4444;background:#fee2e2;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.sm-mobile-close-all:active{background:#fecaca}.sm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;height:56px;padding:0 8px;display:flex;overflow:auto hidden}.sm-buttons-row{flex-wrap:nowrap;align-items:center;gap:6px;min-width:min-content;display:flex}.sm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.sm-btn-with-label:active{transform:scale(.98)}.sm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.sm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.sm-btn-icon{font-size:14px}.sm-btn-text{display:inline-block}.sm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sm-close-all-compact:hover{color:#dc2626;background:#fecaca}.sm-close-all-compact:active{transform:scale(.98)}.sm-button-bar::-webkit-scrollbar{height:4px}.sm-button-bar::-webkit-scrollbar-track{background:0 0}.sm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:4px;height:44px;padding:0 8px;display:flex;overflow:hidden}.sm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.sm-tabs-scroll::-webkit-scrollbar{height:4px}.sm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.sm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex;position:relative}.sm-tab-label:hover{color:#374151;background:#f3f4f6}.sm-tab-label:active{transform:scale(.98)}.sm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.sm-tab-label-icon{font-size:12px}.sm-tab-label-text{display:inline-block}.sm-tab-label-close{width:16px;height:16px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:10px;transition:all .2s;display:flex}.sm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.sm-tab-label-close:active{transform:scale(.9)}.sm-content{background:#fff;flex:1;padding:20px;overflow:hidden auto}.sm-tab-content{animation:.2s ease-out slideIn}.sm-content::-webkit-scrollbar{width:8px}.sm-content::-webkit-scrollbar-track{background:0 0}.sm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.sm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.sm-empty-icon{opacity:.3;font-size:64px;animation:3s ease-in-out infinite float}.sm-empty h2{color:#374151;margin:0;font-size:20px;font-weight:600}.sm-empty p{color:#9ca3af;max-width:300px;margin:0;font-size:14px}.sm-mobile-menu-content::-webkit-scrollbar{width:6px}.sm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.sm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media (width<=768px){.sm-header-compact{height:52px;padding:0 12px}.sm-header-title{gap:10px;font-size:16px}.sm-header-icon{font-size:18px}.sm-mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.sm-mobile-menu-overlay{display:block}.sm-mobile-menu{display:flex}.sm-button-bar{display:none}.sm-tab-labels{height:40px;padding:0 6px}.sm-tab-label{padding:6px 10px;font-size:11px}.sm-tab-label-text{display:none}.sm-tab-label-icon{font-size:14px}.sm-content{padding:16px}.sm-empty h2{font-size:18px}.sm-empty p{font-size:13px}}@media (width<=480px){.sm-header-compact{height:48px;padding:0 10px}.sm-header-title{gap:8px;font-size:14px}.sm-header-icon{font-size:16px}.sm-mobile-menu-toggle{padding:6px;font-size:20px}.sm-mobile-menu{max-height:calc(100vh - 48px);top:48px}.sm-mobile-menu-header{padding:10px 12px}.sm-mobile-menu-header h3{font-size:14px}.sm-mobile-menu-item{gap:10px;padding:12px 14px;font-size:13px}.sm-mobile-menu-icon{font-size:14px}.sm-mobile-menu-footer{padding:10px 12px}.sm-mobile-close-all{gap:6px;padding:8px 10px;font-size:12px}.sm-tab-labels{height:36px;padding:0 4px}.sm-tab-label{padding:4px 8px;font-size:10px}.sm-tab-label-close{width:14px;height:14px;margin-left:2px;font-size:9px}.sm-content{padding:12px}.sm-empty-icon{font-size:48px}.sm-empty h2{font-size:16px}.sm-empty p{max-width:250px;font-size:12px}}@media (width<=360px){.sm-header-title span{display:none}.sm-header-icon{font-size:18px}.sm-mobile-menu-item{padding:10px 12px;font-size:12px}.sm-tab-label{padding:3px 6px;font-size:9px}.sm-content{padding:10px}.sm-empty-icon{font-size:40px}.sm-empty h2{font-size:14px}.sm-empty p{font-size:11px}}@media (height<=500px) and (orientation:landscape){.sm-header-compact{height:44px}.sm-header-title{font-size:14px}.sm-tab-labels{height:32px}.sm-tab-label{padding:4px 8px;font-size:10px}.sm-content{padding:12px}.sm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media (prefers-color-scheme:dark){.sm-container{background:#1f2937}.sm-button-bar,.sm-mobile-menu,.sm-tab-labels,.sm-content{background:#111827;border-bottom-color:#374151}.sm-header-compact{border-bottom-color:#374151}.sm-btn-with-label,.sm-tab-label{color:#d1d5db}.sm-btn-with-label:hover,.sm-tab-label:hover{background:#1f2937}.sm-mobile-menu-item{color:#d1d5db}.sm-mobile-menu-item:active{background:#1f2937}.sm-mobile-menu-header,.sm-mobile-menu-footer{background:#1f2937;border-color:#374151}.sm-mobile-menu-header h3,.sm-empty h2{color:#f3f4f6}.sm-empty p,.sm-empty-icon{color:#9ca3af}}@media print{.sm-header-compact,.sm-button-bar,.sm-mobile-menu,.sm-tab-labels,.sm-mobile-menu-toggle,.sm-close-all-compact{display:none}.sm-container{height:auto}.sm-content{padding:0}}@media (prefers-reduced-motion:reduce){.sm-btn-with-label,.sm-tab-label,.sm-mobile-menu-item,.sm-tab-content,.sm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.sm-btn-with-label.active,.sm-tab-label.active,.sm-mobile-menu-item.active{border-width:2px;font-weight:700}.sm-header-compact{border-bottom-width:2px}}.bs-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);margin:0 auto;padding:2rem}.bss-wrapper{background:#f5f7fa;max-width:1200px;min-height:100vh;margin:0 auto;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bss-header-section{background:#fff;border:1px solid #e8ecf1;border-radius:8px;margin-bottom:20px;padding:16px 20px;box-shadow:0 2px 8px #0000000f}.bss-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.bss-title-group{flex:1;min-width:280px}.bss-main-title{color:#1a202c;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.bss-main-title svg{color:#3b82f6;flex-shrink:0;width:20px;height:20px}.bss-subtitle{color:#718096;margin:0;font-size:12px;font-weight:500}.bss-admin-badge{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fbbf24;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.bss-admin-badge svg{width:12px;height:12px}.bss-grid-wrapper{margin-bottom:16px}.bss-sizes-container{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;display:grid}.bss-barcode-item{background:#fff;border:1px solid #e8ecf1;border-left:4px solid #3b82f6;border-radius:8px;flex-direction:column;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000a}.bss-barcode-item:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.bss-barcode-item.bss-item-active{background:#f0f9ff;border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61f}.bss-barcode-item.bss-item-hidden{opacity:.55;background:#fef2f2;border:1px dashed #fca5a5}.bss-item-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;display:flex}.bss-item-info{flex:1;align-items:center;gap:10px;display:flex}.bss-item-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex;box-shadow:0 1px 3px #0000000d}.bss-item-text h3{margin:0 0 2px;font-size:12px;font-weight:700}.bss-item-text p{color:#64748b;margin:0;font-size:11px;font-weight:600}.bss-item-actions{gap:6px;display:flex}.bss-btn-hide,.bss-btn-show{cursor:pointer;white-space:nowrap;border:none;border-radius:5px;justify-content:center;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 1px 2px #0000000d}.bss-btn-hide{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.bss-btn-hide:hover{background:#fecaca;border-color:#f87171;transform:translateY(-1px)}.bss-btn-show{color:#16a34a;background:#dcfce7;border:1px solid #86efac}.bss-btn-show:hover{background:#bbf7d0;border-color:#4ade80;transform:translateY(-1px)}.bss-btn-hide svg,.bss-btn-show svg{width:11px;height:11px}.bss-item-body{flex:1;align-items:center;padding:10px 12px;display:flex}.bss-radio-wrapper{cursor:pointer;background:0 0;border:1px solid #e5eaf2;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;transition:all .2s;display:flex}.bss-radio-wrapper:hover{background:#f8fafc;border-color:#cbd5e1}.bss-radio-wrapper.bss-radio-checked{background:#dbeafe;border-color:#3b82f6}.bss-radio-wrapper input[type=radio]{cursor:pointer;flex-shrink:0;width:14px;height:14px}.bss-radio-text{color:#374151;flex:1;font-size:12px;font-weight:700}.bss-active-label{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:2px 8px;font-size:9px;font-weight:800;animation:2s ease-in-out infinite badgePulse;display:inline-flex}@keyframes badgePulse{0%,to{transform:scale(1);box-shadow:0 0 #6366f1b3}50%{transform:scale(1.05);box-shadow:0 0 0 4px #6366f100}}.bss-hidden-badge{color:#dc2626;background:#fee2e2;border-top:1px solid #fecaca;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:700;display:flex}.bss-hidden-badge svg{width:10px;height:10px}.bss-info-section{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;align-items:flex-start;gap:10px;padding:12px 14px;display:flex}.bss-info-section svg{color:#1e40af;flex-shrink:0;width:16px;height:16px;margin-top:1px}.bss-info-section h4{color:#1e40af;margin:0 0 2px;font-size:12px;font-weight:700}.bss-info-section p{color:#1e40af;margin:0;font-size:11px;font-weight:600;line-height:1.5}.bss-loader{background:#fff;border:1px solid #e8ecf1;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 2px 8px #0000000f}.bss-spinner{border:3px solid #e5eaf2;border-top-color:#3b82f6;border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:.8s linear infinite spin}.bss-loader p{color:#64748b;margin:0;font-size:12px;font-weight:600}.bss-denied{text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 2px 8px #0000000f}.bss-denied-img{opacity:.85;width:80px;height:80px;margin-bottom:12px}.bss-denied h2{color:#dc2626;margin:0 0 6px;font-size:16px;font-weight:700}.bss-denied p{color:#991b1b;margin:0;font-size:12px;font-weight:600;line-height:1.5}@media (width<=1024px){.bss-wrapper{padding:12px}.bss-sizes-container{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.bss-header-inner{flex-direction:column;align-items:flex-start}.bss-main-title{font-size:16px}.bss-admin-badge{justify-content:center;width:100%}}@media (width<=768px){.bss-wrapper{padding:10px}.bss-header-section{margin-bottom:14px;padding:12px 14px}.bss-sizes-container{grid-template-columns:1fr;gap:10px}.bss-main-title{font-size:14px}.bss-main-title svg{width:16px;height:16px}.bss-subtitle{font-size:11px}.bss-item-header{flex-direction:column;gap:8px}.bss-item-actions{width:100%}.bss-btn-hide,.bss-btn-show{flex:1;justify-content:center}.bss-item-icon{width:36px;height:36px;font-size:16px}.bss-item-text h3{font-size:11px}.bss-item-text p{font-size:10px}.bss-item-body{padding:8px 10px}.bss-radio-text{font-size:11px}.bss-info-section{gap:8px;padding:10px 12px}.bss-info-section h4{font-size:11px}.bss-info-section p{font-size:10px}}@media (width<=480px){.bss-wrapper{padding:8px}.bss-header-section{margin-bottom:10px;padding:10px 12px}.bss-main-title{font-size:13px}.bss-main-title svg{width:14px;height:14px}.bss-subtitle{font-size:10px}.bss-sizes-container{grid-template-columns:1fr;gap:8px}.bss-barcode-item{border-radius:6px}.bss-item-header{padding:10px}.bss-item-icon{width:32px;height:32px;font-size:14px}.bss-item-text h3{font-size:10px}.bss-item-text p{font-size:9px}.bss-btn-hide,.bss-btn-show{padding:4px 8px;font-size:9px}.bss-btn-hide svg,.bss-btn-show svg{width:10px;height:10px}.bss-item-body{padding:8px}.bss-radio-wrapper{padding:6px 8px}.bss-radio-text{font-size:10px}.bss-active-label{padding:2px 6px;font-size:8px}.bss-hidden-badge{padding:5px 8px;font-size:9px}.bss-admin-badge{padding:5px 10px;font-size:10px}.bss-info-section{gap:8px;padding:10px}.bss-info-section svg{width:14px;height:14px}.bss-info-section h4{font-size:10px}.bss-info-section p{font-size:9px}.bss-loader,.bss-denied{padding:40px 12px}.bss-spinner{width:30px;height:30px}.bss-loader p{font-size:11px}.bss-denied-img{width:60px;height:60px}.bss-denied h2{font-size:14px}.bss-denied p{font-size:11px}}@media (prefers-color-scheme:dark){.bss-wrapper{background:#1a202c}.bss-header-section{background:#2d3748;border-color:#4a5568}.bss-main-title{color:#e2e8f0}.bss-subtitle{color:#a0aec0}.bss-barcode-item{background:#2d3748;border-color:#4a5568}.bss-barcode-item:hover{border-color:#718096}.bss-barcode-item.bss-item-active{background:#1e3a5f}.bss-item-header{border-bottom-color:#4a5568}.bss-item-text h3,.bss-radio-text{color:#e2e8f0}.bss-item-text p{color:#a0aec0}.bss-radio-wrapper{border-color:#4a5568}.bss-radio-wrapper:hover{background:#1a202c;border-color:#718096}.bss-radio-wrapper.bss-radio-checked{background:#1e3a5f}.bss-loader,.bss-denied{background:#2d3748;border-color:#4a5568}.bss-loader p{color:#a0aec0}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.notification-setting-configuration{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);max-width:1800px;min-height:100vh;margin:0 auto;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification-setting-configuration-header{text-align:center;background:#fff;border-radius:10px;margin-bottom:1rem;padding:1rem;box-shadow:0 4px 6px -1px #0000001a}.notification-setting-configuration-main-title{color:#1e293b;background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .2rem;font-size:1.75rem;font-weight:700}.notification-setting-configuration-subtitle{color:#64748b;margin:0;font-size:.9rem;font-weight:400}.notification-setting-configuration-content{animation:.3s ease-in-out fadeIn}.notification-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem;display:grid}.notification-setting-configuration-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .3s;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.notification-setting-configuration-panel:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.notification-setting-configuration-panel-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0;align-items:center;gap:.6rem;padding:.75rem;display:flex}.notification-setting-configuration-panel-icon{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:.5rem;font-size:1.1rem;display:flex}.notification-setting-configuration-panel-title{color:#1e293b;flex:1;margin:0;font-size:1rem;font-weight:600}.notification-setting-configuration-status{text-transform:uppercase;letter-spacing:.025em;border-radius:20px;padding:.25rem .6rem;font-size:.7rem;font-weight:600}.notification-setting-configuration-status.active{color:#065f46;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%)}.notification-setting-configuration-status.inactive{color:#991b1b;background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%)}.notification-setting-configuration-panel-content{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.notification-setting-configuration-setting-item{background:#f8fafc;border:2px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.notification-setting-configuration-setting-item:hover{background:#f1f5f9;border-color:#e2e8f0}.notification-setting-configuration-setting-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.notification-setting-configuration-setting-label{color:#374151;font-size:.9rem;font-weight:600}.notification-setting-configuration-setting-description{color:#6b7280;font-size:.75rem;line-height:1.3}.notification-setting-configuration-range-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;min-width:70px;padding:.6rem .85rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 4px #3b82f633}.notification-setting-configuration-range-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.notification-setting-configuration-range-button:active{transform:translateY(0)}.notification-setting-configuration-range-value{font-size:1rem;font-weight:700}.notification-setting-configuration-range-unit{opacity:.9;font-size:.75rem}.notification-setting-configuration-toggle-label{cursor:pointer;width:52px;height:28px;display:inline-block;position:relative}.notification-setting-configuration-toggle-input{opacity:0;width:0;height:0}.notification-setting-configuration-toggle-switch{background:#cbd5e1;border:2px solid #e2e8f0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.notification-setting-configuration-toggle-switch:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.notification-setting-configuration-toggle-input:checked+.notification-setting-configuration-toggle-switch{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981}.notification-setting-configuration-toggle-input:checked+.notification-setting-configuration-toggle-switch:before{transform:translate(24px);box-shadow:0 2px 8px #10b9814d}.notification-setting-configuration-toggle-label:hover .notification-setting-configuration-toggle-switch{border-color:#3b82f6}.notification-setting-configuration-popup{border-radius:12px!important;padding:1.25rem!important}.notification-setting-configuration-confirm-btn{background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%)!important;border:none!important;border-radius:8px!important;padding:.6rem 1.25rem!important;font-size:.9rem!important;font-weight:600!important}.notification-setting-configuration-cancel-btn{background:#6b7280!important;border:none!important;border-radius:8px!important;padding:.6rem 1.25rem!important;font-size:.9rem!important;font-weight:600!important}.notification-setting-configuration-loading{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:2rem auto;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.notification-setting-configuration-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:32px;height:32px;margin-bottom:.75rem;animation:1s linear infinite spin}.notification-setting-configuration-loading p{color:#64748b;margin:0;font-size:.95rem}.notification-setting-configuration-no-access{text-align:center;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fecaca;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.notification-setting-configuration-no-access-image{opacity:.8;width:90px;height:90px;margin-bottom:1rem}.notification-setting-configuration-no-access-text{color:#dc2626;margin:0;font-size:.95rem;font-weight:500;line-height:1.6}@media (width<=1600px){.notification-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (width<=1200px){.notification-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.6rem}}@media (width<=768px){.notification-setting-configuration{padding:.6rem}.notification-setting-configuration-grid{grid-template-columns:1fr;gap:.75rem}.notification-setting-configuration-main-title{font-size:1.5rem}.notification-setting-configuration-panel-header{flex-wrap:wrap;gap:.5rem;padding:.75rem}.notification-setting-configuration-setting-item{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-setting-configuration-range-button{justify-content:center;align-self:stretch}.notification-setting-configuration-toggle-label{align-self:flex-end}}@media (width<=480px){.notification-setting-configuration-header{padding:.75rem}.notification-setting-configuration-main-title{font-size:1.35rem}.notification-setting-configuration-subtitle{font-size:.85rem}.notification-setting-configuration-panel-content{padding:.6rem}}.invoice-setting-configuration{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);max-width:1800px;min-height:100vh;margin:0 auto;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.invoice-setting-configuration-header{text-align:center;background:#fff;border-radius:10px;margin-bottom:1rem;padding:1rem;animation:.3s ease-out slideDown;box-shadow:0 4px 6px -1px #0000001a}.invoice-setting-configuration-main-title{color:#1e293b;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 .2rem;font-size:1.75rem;font-weight:700}.invoice-setting-configuration-subtitle{color:#64748b;margin:0;font-size:.9rem;font-weight:400}.invoice-setting-configuration-alert{color:#92400e;background:linear-gradient(135deg,#fef3c7 0%,#fcd34d 100%);border-left:4px solid #f59e0b;border-radius:8px;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;animation:.3s ease-out .1s both slideUp;display:flex;box-shadow:0 2px 4px #f59e0b26}.invoice-setting-configuration-content{animation:.3s ease-in-out fadeIn}.invoice-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}@media (width<=1600px){.invoice-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (width<=1200px){.invoice-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.6rem}}.invoice-setting-configuration-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;transition:all .3s;animation:.3s ease-out panelSlideIn;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.invoice-setting-configuration-panel:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.invoice-setting-configuration-panel.active{background:linear-gradient(135deg,#f0fdf4 0%,#fff 100%);border-color:#10b981;box-shadow:0 15px 30px #10b98126}.invoice-setting-configuration-panel-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e2e8f0;align-items:center;gap:.6rem;padding:.75rem;display:flex;position:relative;overflow:hidden}.invoice-setting-configuration-panel-header:before{content:"";background:#ffffff1a;width:100%;height:100%;transition:right .3s;position:absolute;top:0;right:-50%;transform:skew(-20deg)}.invoice-setting-configuration-panel:hover .invoice-setting-configuration-panel-header:before{right:100%}.invoice-setting-configuration-panel.active .invoice-setting-configuration-panel-header{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.invoice-setting-configuration-panel-icon{z-index:1;background:#fff3;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:.5rem;font-size:1.1rem;animation:2s infinite bounce;display:flex;position:relative}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.invoice-setting-configuration-panel-title{color:#fff;z-index:1;text-transform:capitalize;flex:1;margin:0;font-size:1rem;font-weight:600;position:relative}.invoice-setting-configuration-status{text-transform:uppercase;letter-spacing:.025em;z-index:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #ffffff4d;border-radius:20px;padding:.25rem .6rem;font-size:.7rem;font-weight:600;transition:all .3s;position:relative}.invoice-setting-configuration-status.active{color:#166534;background:#dcfce7;border-color:#86efac;box-shadow:0 2px 8px #10b98133}.invoice-setting-configuration-status.inactive{color:#fff;background:#ffffff4d}.invoice-setting-configuration-panel-content{flex-direction:column;gap:.75rem;padding:.75rem;display:flex}.invoice-setting-configuration-setting-item{background:#f8fafc;border:2px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem;transition:all .2s;display:flex}.invoice-setting-configuration-setting-item:hover{background:#f1f5f9;border-color:#e2e8f0}.invoice-setting-configuration-panel.active .invoice-setting-configuration-setting-item{background:#ecfdf5}.invoice-setting-configuration-setting-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.invoice-setting-configuration-setting-label{color:#1f2937;font-size:.9rem;font-weight:600}.invoice-setting-configuration-setting-description{color:#6b7280;font-size:.75rem;line-height:1.3}.invoice-setting-configuration-info-text{text-align:center;border-radius:6px;padding:.6rem;font-size:.8rem;font-weight:500}.invoice-setting-configuration-active-info{color:#166534;background:#dcfce7;margin:0}.invoice-setting-configuration-inactive-info{color:#6b7280;background:#f3f4f6;margin:0}.invoice-setting-configuration-toggle-label{cursor:pointer;flex-shrink:0;width:52px;height:28px;display:inline-block;position:relative}.invoice-setting-configuration-toggle-input{opacity:0;width:0;height:0}.invoice-setting-configuration-toggle-switch{background:#cbd5e1;border:2px solid #e2e8f0;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.invoice-setting-configuration-toggle-switch:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:2px;left:2px;box-shadow:0 2px 4px #0003}.invoice-setting-configuration-toggle-input:checked+.invoice-setting-configuration-toggle-switch{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-color:#10b981;box-shadow:0 4px 12px #10b9814d}.invoice-setting-configuration-toggle-input:checked+.invoice-setting-configuration-toggle-switch:before{transform:translate(24px);box-shadow:0 2px 8px #10b9814d}.invoice-setting-configuration-toggle-switch.updating{opacity:.6;pointer-events:none}.invoice-setting-configuration-toggle-input:disabled+.invoice-setting-configuration-toggle-switch{opacity:.6;cursor:not-allowed}.invoice-setting-configuration-loading{background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;max-width:400px;margin:2rem auto;padding:2rem;display:flex;box-shadow:0 4px 6px -1px #0000001a}.invoice-setting-configuration-spinner{border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;margin-bottom:.75rem;animation:1s linear infinite spin}.invoice-setting-configuration-loading p{color:#64748b;margin:0;font-size:.95rem}.invoice-setting-configuration-container{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);min-height:100vh;padding:.75rem}.invoice-setting-configuration-no-access{text-align:center;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border:2px solid #fecaca;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:2rem;animation:.3s ease-out fadeIn;display:flex;box-shadow:0 4px 6px -1px #0000001a}.invoice-setting-configuration-no-access-image{opacity:.8;width:90px;height:90px;margin-bottom:1rem;animation:3s ease-in-out infinite float}.invoice-setting-configuration-no-access-text{color:#dc2626;margin:0;font-size:.95rem;font-weight:500;line-height:1.6}.invoice-setting-configuration-no-data{text-align:center;background:#fff;border-radius:10px;grid-column:1/-1;padding:2rem 1rem;animation:.3s ease-out panelSlideIn;box-shadow:0 4px 6px -1px #0000001a}.invoice-setting-configuration-no-data-icon{margin-bottom:.75rem;font-size:2.5rem}.invoice-setting-configuration-no-data-text{color:#6b7280;margin:0 0 1rem;font-size:1rem;font-weight:500}.invoice-setting-configuration-retry-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s}.invoice-setting-configuration-retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.invoice-setting-configuration-retry-button:active{transform:translateY(0)}.invoice-setting-configuration-footer{text-align:center;background:#fff;border-radius:10px;padding:1rem;animation:.3s ease-out slideUp;box-shadow:0 4px 6px -1px #0000001a}.invoice-setting-configuration-footer-text{color:#64748b;margin:0;font-size:.95rem;font-weight:500}.invoice-setting-configuration-footer-text strong{color:#10b981;text-transform:capitalize;font-weight:700}@media (width<=768px){.invoice-setting-configuration{padding:.6rem}.invoice-setting-configuration-grid{grid-template-columns:1fr;gap:.75rem}.invoice-setting-configuration-main-title{font-size:1.5rem}.invoice-setting-configuration-subtitle{font-size:.85rem}.invoice-setting-configuration-panel-header{gap:.5rem;padding:.75rem}.invoice-setting-configuration-panel-title{font-size:.95rem}.invoice-setting-configuration-panel-icon{min-width:32px;height:32px;font-size:1rem}.invoice-setting-configuration-status{padding:.2rem .5rem;font-size:.65rem}.invoice-setting-configuration-panel-content{gap:.6rem;padding:.6rem}.invoice-setting-configuration-setting-item{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.6rem}.invoice-setting-configuration-setting-label{font-size:.85rem}.invoice-setting-configuration-setting-description{font-size:.7rem}.invoice-setting-configuration-toggle-label{align-self:flex-end}.invoice-setting-configuration-footer{padding:.75rem}.invoice-setting-configuration-footer-text{font-size:.9rem}}@media (width<=480px){.invoice-setting-configuration{padding:.5rem}.invoice-setting-configuration-header{margin-bottom:.75rem;padding:.75rem}.invoice-setting-configuration-main-title{font-size:1.35rem}.invoice-setting-configuration-subtitle{font-size:.8rem}.invoice-setting-configuration-alert{margin-bottom:.75rem;padding:.6rem .75rem;font-size:.8rem}.invoice-setting-configuration-panel-header{gap:.4rem;padding:.6rem}.invoice-setting-configuration-panel-title{font-size:.9rem}.invoice-setting-configuration-panel-icon{min-width:30px;height:30px;padding:.4rem;font-size:.95rem}.invoice-setting-configuration-panel-content,.invoice-setting-configuration-setting-item{gap:.5rem;padding:.5rem}.invoice-setting-configuration-setting-label{font-size:.8rem}.invoice-setting-configuration-setting-description{font-size:.65rem}.invoice-setting-configuration-toggle-label{width:48px;height:26px}.invoice-setting-configuration-toggle-switch:before{width:18px;height:18px}.invoice-setting-configuration-toggle-input:checked+.invoice-setting-configuration-toggle-switch:before{transform:translate(22px)}.invoice-setting-configuration-no-data{padding:1.5rem 1rem}.invoice-setting-configuration-no-data-icon{font-size:2rem}.invoice-setting-configuration-no-data-text{font-size:.9rem}.invoice-setting-configuration-retry-button{padding:.5rem 1rem;font-size:.85rem}.invoice-setting-configuration-loading{max-width:90%;padding:1.5rem}.invoice-setting-configuration-spinner{border-width:2px;width:28px;height:28px}.invoice-setting-configuration-loading p{font-size:.9rem}}@media (prefers-color-scheme:dark){.invoice-setting-configuration{background:linear-gradient(135deg,#1f2937 0%,#111827 100%)}.invoice-setting-configuration-header{background:#374151}.invoice-setting-configuration-main-title{color:#f3f4f6}.invoice-setting-configuration-subtitle{color:#d1d5db}.invoice-setting-configuration-panel{background:#374151;border-color:#4b5563}.invoice-setting-configuration-panel-header{background:linear-gradient(135deg,#4b5563 0%,#3f4a5a 100%)}.invoice-setting-configuration-setting-item{background:#4b5563}.invoice-setting-configuration-setting-label{color:#f3f4f6}.invoice-setting-configuration-setting-description{color:#9ca3af}.invoice-setting-configuration-no-data{background:#374151}.invoice-setting-configuration-no-data-text{color:#d1d5db}.invoice-setting-configuration-footer{background:#374151}.invoice-setting-configuration-footer-text{color:#d1d5db}}@media print{.invoice-setting-configuration{background:#fff;padding:0}.invoice-setting-configuration-panel{page-break-inside:avoid;box-shadow:none;border:1px solid #e2e8f0}.invoice-setting-configuration-toggle-label{display:none}}.custom-settings-container{background:#f5f7fa;border-radius:8px;max-width:1200px;margin:0 auto;padding:20px}.settings-header{border-bottom:2px solid #e0e6ed;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;display:flex}.settings-header h1{color:#2c3e50;margin:0;font-size:28px}.btn-add-new{color:#fff;cursor:pointer;background:#27ae60;border:none;border-radius:5px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .3s}.btn-add-new:hover:not(:disabled){background:#229954;transform:translateY(-2px);box-shadow:0 4px 12px #27ae604d}.btn-add-new:disabled{cursor:not-allowed;background:#bdc3c7}.settings-search{margin-bottom:25px}.search-input{border:2px solid #e0e6ed;border-radius:5px;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.search-input:focus{border-color:#3498db;outline:none;box-shadow:0 0 8px #3498db33}.settings-form-container{background:#fff;border-radius:8px;margin-bottom:30px;padding:25px;box-shadow:0 2px 8px #0000001a}.settings-form-container h2{color:#2c3e50;margin-top:0;margin-bottom:20px;font-size:20px}.settings-form{flex-direction:column;gap:20px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.form-group{flex-direction:column;display:flex}.form-group label{color:#2c3e50;margin-bottom:8px;font-size:13px;font-weight:600}.form-input,.form-select{border:2px solid #e0e6ed;border-radius:5px;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .3s}.form-input:focus,.form-select:focus{border-color:#3498db;outline:none;box-shadow:0 0 8px #3498db33}.form-input:disabled{cursor:not-allowed;background:#ecf0f1}.btn-submit{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:5px;padding:12px 25px;font-weight:700;transition:all .3s}.btn-submit:hover{background:#2980b9;transform:translateY(-2px);box-shadow:0 4px 12px #3498db4d}.btn-cancel{color:#fff;cursor:pointer;background:#95a5a6;border:none;border-radius:5px;padding:12px 25px;font-weight:700;transition:all .3s}.btn-cancel:hover{background:#7f8c8d;transform:translateY(-2px)}.settings-table-container{background:#fff;border-radius:8px;margin-bottom:30px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.settings-table{border-collapse:collapse;width:100%}.settings-table thead{color:#fff;background:#34495e}.settings-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;padding:15px;font-size:13px;font-weight:600}.settings-table td{border-bottom:1px solid #ecf0f1;padding:15px;font-size:14px}.settings-table tbody tr{transition:all .3s}.settings-table tbody tr:hover{background:#f8f9fa}.cell-id{color:#3498db;width:60px;font-weight:700}.cell-name{color:#2c3e50;font-weight:600}.cell-value{color:#555;font-family:Courier New,monospace}.cell-percentage{text-align:center}.percentage-input{text-align:center;border:1px solid #e0e6ed;border-radius:4px;width:70px;padding:6px 8px;font-size:13px}.percentage-input:focus{border-color:#3498db;outline:none}.cell-status{text-align:center}.status-badge{cursor:pointer;border:none;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .3s}.status-badge.yes{color:#155724;background:#d4edda}.status-badge.yes:hover{background:#c3e6cb}.status-badge.no{color:#721c24;background:#f8d7da}.status-badge.no:hover{background:#f5c6cb}.cell-actions{text-align:center;justify-content:center;gap:8px;display:flex}.btn-edit,.btn-delete{cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:18px;transition:all .3s}.btn-edit:hover:not(:disabled),.btn-delete:hover:not(:disabled){transform:scale(1.2)}.btn-edit:disabled,.btn-delete:disabled{opacity:.5;cursor:not-allowed}.loading,.no-data{text-align:center;color:#7f8c8d;padding:40px;font-size:16px}.settings-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;display:grid}.stat-card{text-align:center;background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:20px;display:flex;box-shadow:0 2px 8px #0000001a}.stat-label{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px}@media (width<=768px){.settings-header{flex-direction:column;align-items:flex-start;gap:15px}.form-row{grid-template-columns:1fr}.settings-table{font-size:12px}.settings-table th,.settings-table td{padding:10px}.cell-actions{flex-direction:column}}.msm-pagination-classic{background:#fff;border-top:1px solid #e0e6ed;border-radius:0 0 8px 8px;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.msm-pagination-classic-btn{color:#2d3748;cursor:pointer;letter-spacing:.3px;background:#fff;border:1px solid #cbd5e0;border-radius:4px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s}.msm-pagination-classic-btn:hover:not(:disabled){color:#667eea;background:#f0f4ff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea26}.msm-pagination-classic-btn:disabled{opacity:.5;cursor:not-allowed;color:#cbd5e0}.msm-pagination-classic-info{color:#2d3748;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.msm-pagination-classic-info span{color:#718096}.msm-pagination-page-input{text-align:center;color:#2d3748;background:#f9fafb;border:1px solid #cbd5e0;border-radius:4px;width:45px;padding:6px 8px;font-size:13px;font-weight:700;transition:all .3s}.msm-pagination-page-input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 8px #667eea33}.msm-pagination-page-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.msm-pagination-page-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (width<=768px){.msm-pagination-classic{gap:10px;padding:15px}.msm-pagination-classic-btn{padding:6px 12px;font-size:12px}.msm-pagination-classic-info{font-size:12px}.msm-pagination-page-input{width:40px;padding:5px 6px;font-size:12px}}@media (width<=480px){.msm-pagination-classic{gap:8px;padding:12px}.msm-pagination-classic-btn{padding:5px 10px;font-size:11px}.msm-pagination-classic-info{gap:6px;font-size:11px}.msm-pagination-page-input{width:35px;padding:4px 5px;font-size:11px}}.msm-file-input-wrapper{margin-bottom:10px;position:relative}.msm-file-input{display:none}.msm-file-label{cursor:pointer;color:#6b7280;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:500;transition:all .3s;display:flex}.msm-file-label:hover{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.msm-file-info{background-color:#f0fdf4;border-left:3px solid #10b981;border-radius:4px;margin-bottom:10px;padding:8px}.msm-file-info p{color:#065f46;margin:3px 0;font-size:12px}.msm-progress-bar{background-color:#e5e7eb;border-radius:6px;width:100%;height:20px;margin-bottom:10px;overflow:hidden}.msm-progress-fill{color:#fff;background:linear-gradient(90deg,#3b82f6,#8b5cf6);justify-content:center;align-items:center;height:100%;font-size:10px;font-weight:700;transition:width .3s;display:flex}.msm-upload-errors{background-color:#fef2f2;border-left:3px solid #ef4444;border-radius:4px;max-height:150px;margin-bottom:10px;padding:8px;overflow-y:auto}.msm-upload-errors h4{color:#991b1b;margin:0 0 6px;font-size:12px;font-weight:600}.msm-upload-errors ul{margin:0;padding:0;list-style:none}.msm-upload-errors li{color:#7f1d1d;padding:2px 0;font-size:11px;line-height:1.3}.msm-upload-instructions{background-color:#f0f9ff;border-left:3px solid #0284c7;border-radius:4px;margin-bottom:10px;padding:8px}.msm-upload-instructions h4{color:#0c4a6e;margin:0 0 6px;font-size:12px;font-weight:600}.msm-upload-instructions ul{columns:2;gap:10px;margin:0;padding:0;list-style:none}.msm-upload-instructions li{color:#0c4a6e;break-inside:avoid;padding:2px 0;font-size:11px;line-height:1.3}.msm-upload-instructions li:before{content:"✓ ";color:#10b981;font-weight:700}.msm-status-badge{text-transform:uppercase;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.msm-status-in-stock{color:#166534;background-color:#dcfce7}.msm-status-sold{color:#1e40af;background-color:#dbeafe}.msm-status-returned{color:#92400e;background-color:#fef3c7}.msm-status-damaged{color:#991b1b;background-color:#fee2e2}.msm-modal{background:#fff;border-radius:10px;width:90%;max-width:800px;max-height:85vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.msm-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #e5e7eb;padding:12px 15px}.msm-modal-header h3{margin:0;font-size:15px;font-weight:600}.msm-modal-body{max-height:calc(85vh - 120px);padding:12px 15px;overflow-y:auto}.msm-modal-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;justify-content:flex-end;gap:8px;padding:10px 15px;display:flex}.msm-modal-btn{cursor:pointer;border:none;border-radius:5px;align-items:center;gap:4px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.msm-modal-close{cursor:pointer;color:#6b7280;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;display:flex;position:absolute;top:10px;right:10px}.msm-modal-close:hover{color:#1f2937}.msm-modal-cancel{color:#374151;background-color:#e5e7eb}.msm-modal-cancel:hover:not(:disabled){background-color:#d1d5db}.msm-modal-save{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.msm-modal-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 10px -3px #667eea4d}.msm-modal-btn:disabled{opacity:.5;cursor:not-allowed}.msm-form-group{margin-bottom:10px}.msm-form-label{color:#374151;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.msm-form-input{border:1px solid #d1d5db;border-radius:5px;width:100%;padding:7px 10px;font-family:inherit;font-size:12px;transition:all .3s}.msm-form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.msm-form-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.msm-modal-error{background-color:#fee2e2;border-left:3px solid #ef4444;border-radius:4px;margin-bottom:10px;padding:8px}.msm-modal-error p{color:#991b1b;margin:0;font-size:12px}.msm-table{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.msm-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.msm-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;padding:8px;font-size:11px;font-weight:600}.msm-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.msm-table tbody tr:hover{background-color:#f9fafb}.msm-table td{color:#374151;padding:8px;font-size:12px}.msm-store-name{color:#1f2937;font-weight:600}.msm-summary-stats{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:15px;display:grid}.msm-stat-card{background:#fff;border-left:3px solid #667eea;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex;box-shadow:0 1px 3px #0000001a}.msm-stat-label{text-transform:uppercase;color:#6b7280;letter-spacing:.3px;font-size:10px;font-weight:600}.msm-stat-value{color:#1f2937;font-size:20px;font-weight:700}.msm-controls-section{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:15px;display:flex}.msm-search-section{flex:1;min-width:200px}.msm-search-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:7px 10px;font-size:12px;transition:all .3s}.msm-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.msm-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.msm-add-btn:hover{transform:translateY(-1px);box-shadow:0 5px 10px -3px #667eea4d}.msm-pagination{background-color:#f9fafb;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:10px;display:flex}.msm-pagination-btn{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s}.msm-pagination-btn:hover:not(:disabled){color:#fff;background-color:#667eea;border-color:#667eea}.msm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.msm-pagination-input-group{color:#6b7280;align-items:center;gap:6px;font-size:11px;display:flex}.msm-pagination-input{text-align:center;border:1px solid #d1d5db;border-radius:3px;width:50px;padding:5px 8px;font-size:11px;font-weight:600}.msm-no-data{text-align:center;background-color:#f9fafb;border-radius:6px;padding:40px 15px}.msm-no-data-image{opacity:.7;max-width:150px;margin-bottom:12px}.msm-no-data p{color:#6b7280;margin:0;font-size:13px}.msm-no-access{text-align:center;background-color:#fef2f2;border:2px solid #fecaca;border-radius:6px;padding:40px 15px}.msm-no-access-image{max-width:180px;margin-bottom:12px}.msm-no-access p{color:#991b1b;margin:0;font-size:13px}.msm-error-message{color:#991b1b;background-color:#fee2e2;border-left:3px solid #ef4444;border-radius:4px;margin-bottom:12px;padding:8px 10px;font-size:12px}.msm-container{background-color:#f3f4f6;min-height:100vh;padding:12px}.msm-header{margin-bottom:15px}.msm-subtitle{color:#6b7280;margin:0;font-size:12px}.msm-table-section{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.msm-table-container{overflow-x:auto}@media (width<=768px){.msm-controls-section{flex-direction:column;gap:8px}.msm-search-section{width:100%}.msm-add-btn{justify-content:center;width:100%}.msm-summary-stats{grid-template-columns:repeat(2,1fr);gap:8px}.msm-modal{width:95%;max-height:90vh}.msm-table th,.msm-table td{padding:6px;font-size:11px}.msm-pagination{flex-direction:column;gap:8px}.msm-pagination-input-group{flex-direction:column;gap:4px}.msm-upload-instructions ul{columns:1}}@media (width<=480px){.msm-container{padding:8px}.msm-summary-stats{grid-template-columns:1fr;gap:8px}.msm-stat-card{padding:10px}.msm-modal{width:98%;max-height:95vh}.msm-table{font-size:11px}.msm-table th,.msm-table td{padding:5px}.msm-actions-cell{flex-direction:column;gap:3px}.msm-add-btn{padding:6px 12px;font-size:11px}.msm-search-input{padding:6px 8px;font-size:11px}}.sms-settings-container{background:#f8fafc;border-radius:12px;max-width:900px;margin:0 auto;padding:20px}.sms-settings-header{border-bottom:2px solid #e2e8f0;margin-bottom:30px;padding-bottom:20px}.sms-settings-title{align-items:center;gap:16px;display:flex}.sms-settings-title h1{color:#1f2937;margin:0;font-size:24px;font-weight:700}.sms-settings-title p{color:#6b7280;margin:4px 0 0;font-size:14px}.sms-settings-form{background:#fff;border-radius:10px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000001a}.sms-setting-group{margin-bottom:24px}.sms-setting-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sms-setting-label{color:#1f2937;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.sms-status-badge{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.sms-status-badge.enabled{color:#065f46;background:#d1fae5}.sms-status-badge.disabled{color:#991b1b;background:#fee2e2}.sms-toggle-container{align-items:center;gap:16px;display:flex}.sms-toggle{width:60px;height:34px;display:inline-block;position:relative}.sms-toggle input{opacity:0;width:0;height:0}.sms-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:34px;transition:all .4s;position:absolute;inset:0}.sms-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:26px;height:26px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.sms-toggle-slider{background-color:#10b981}input:checked+.sms-toggle-slider:before{transform:translate(26px)}.sms-toggle-description{color:#6b7280;margin:0;font-size:13px}.sms-input{border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.sms-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.sms-password-input{align-items:center;gap:8px;display:flex}.sms-password-input .sms-input{margin-bottom:0}.sms-show-password-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.sms-show-password-btn:hover{background:#e5e7eb}.sms-help-text{color:#6b7280;margin-top:6px;font-size:12px;display:block}.sms-divider{border:none;border-top:1px solid #e5e7eb;margin:24px 0}.sms-info-box{background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:6px;margin-bottom:24px;padding:16px}.sms-info-box h3{color:#1e40af;margin:0 0 12px;font-size:14px;font-weight:700}.sms-info-box ul{margin:0;padding-left:20px;list-style:none}.sms-info-box li{color:#1e40af;margin-bottom:8px;font-size:13px;line-height:1.5}.sms-info-box li:last-child{margin-bottom:0}.sms-button-group{flex-wrap:wrap;gap:12px;display:flex}.sms-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.sms-btn:disabled{opacity:.6;cursor:not-allowed}.sms-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.sms-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.sms-btn-secondary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.sms-btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #8b5cf64d}.sms-btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.sms-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #10b9814d}.sms-status-info{background:#fff;border-radius:10px;padding:20px;box-shadow:0 1px 3px #0000001a}.sms-status-info h3{color:#1f2937;margin:0 0 16px;font-size:16px;font-weight:700}.sms-status-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.sms-status-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;justify-content:space-between;align-items:center;padding:12px;display:flex}.sms-status-label{color:#6b7280;font-size:13px;font-weight:600}.sms-status-value{color:#1f2937;font-size:14px;font-weight:700}.sms-status-value.enabled{color:#10b981}.sms-status-value.disabled{color:#ef4444}.backup-settings-container{max-width:1200px;margin:0 auto;padding:20px}.backup-settings-header{margin-bottom:30px}.backup-settings-title{align-items:center;gap:16px;display:flex}.backup-settings-title h1{color:#2d3748;margin:0;font-size:28px}.backup-settings-title p{color:#718096;margin:4px 0 0;font-size:14px}.backup-settings-form{background-color:#fff;border-radius:8px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #0000001a}.backup-setting-group{margin-bottom:20px}.backup-setting-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.backup-setting-label{color:#2d3748;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.backup-input{box-sizing:border-box;border:1px solid #e2e8f0;border-radius:6px;width:100%;padding:10px;font-size:13px;transition:all .3s}.backup-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.backup-input:disabled{cursor:not-allowed;background-color:#f7fafc}.backup-password-input{gap:8px;display:flex}.backup-password-input .backup-input{flex:1}.backup-show-password-btn{cursor:pointer;color:#3b82f6;background-color:#f0f4f8;border:1px solid #e2e8f0;border-radius:6px;padding:10px 12px;font-size:12px;font-weight:600;transition:all .3s}.backup-show-password-btn:hover:not(:disabled){background-color:#e2e8f0}.backup-show-password-btn:disabled{opacity:.5;cursor:not-allowed}.backup-help-text{color:#a0aec0;margin-top:4px;font-size:11px;display:block}.backup-toggle-container{align-items:center;gap:12px;display:flex}.backup-toggle{width:50px;height:28px;display:inline-block;position:relative}.backup-toggle input{opacity:0;width:0;height:0}.backup-toggle-slider{cursor:pointer;background-color:#cbd5e1;border-radius:28px;transition:all .4s;position:absolute;inset:0}.backup-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:22px;height:22px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.backup-toggle-slider{background-color:#10b981}input:checked+.backup-toggle-slider:before{transform:translate(22px)}.backup-toggle-description{color:#718096;margin:0;font-size:13px}.backup-divider{border:none;border-top:1px solid #e2e8f0;margin:24px 0}.backup-info-box{background-color:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;margin-top:20px;padding:16px}.backup-info-box h3{color:#0369a1;margin:0 0 12px;font-size:14px}.backup-info-box ul{margin:0;padding-left:20px}.backup-info-box li{color:#0c4a6e;margin:6px 0;font-size:12px}.backup-button-group{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.backup-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.backup-btn:disabled{opacity:.5;cursor:not-allowed}.backup-btn-primary{color:#fff;background-color:#3b82f6}.backup-btn-primary:hover:not(:disabled){background-color:#2563eb}.backup-btn-secondary{color:#fff;background-color:#10b981}.backup-btn-secondary:hover:not(:disabled){background-color:#059669}.backup-status-badge{border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.backup-status-badge.enabled{color:#065f46;background-color:#d1fae5}.backup-status-badge.disabled{color:#991b1b;background-color:#fee2e2}.backup-status-info{background-color:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 8px #0000001a}.backup-status-info h3{color:#2d3748;margin:0 0 16px;font-size:16px}.backup-status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.backup-status-item{background-color:#f7fafc;border-left:4px solid #3b82f6;border-radius:6px;padding:12px}.backup-status-label{color:#a0aec0;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.backup-status-value{color:#2d3748;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex}.backup-status-value.enabled{color:#10b981}.backup-status-value.disabled{color:#ef4444}@media (width<=768px){.backup-settings-form{padding:16px}.backup-settings-title h1{font-size:20px}.backup-button-group{flex-direction:column}.backup-btn{justify-content:center;width:100%}}.itm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.itm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.itm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.itm-header-icon{font-size:18px}.itm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.itm-mobile-menu-toggle:active{background:#fff3}.itm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.itm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.itm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.itm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.itm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.itm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.itm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.itm-mobile-menu-item:active{background:#f3f4f6}.itm-mobile-menu-item.active{color:#667eea;background:#f0f4ff;border-left-color:#667eea}.itm-mobile-menu-item.open{background:#fafafa}.itm-mobile-menu-icon{min-width:16px;font-size:14px}.itm-mobile-menu-label{flex:1}.itm-mobile-menu-badge{color:#667eea;font-size:10px;font-weight:700}.itm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.itm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.itm-mobile-close-all:active{background:#fecaca}.itm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.itm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.itm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.itm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.itm-btn-with-label:active{transform:scale(.97)}.itm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.itm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.itm-btn-icon{flex-shrink:0;font-size:12px}.itm-btn-text{display:inline-block}.itm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.itm-close-all-compact:hover{color:#dc2626;background:#fecaca}.itm-close-all-compact:active{transform:scale(.97)}.itm-button-bar::-webkit-scrollbar{height:3px}.itm-button-bar::-webkit-scrollbar-track{background:0 0}.itm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.itm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.itm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.itm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.itm-tabs-scroll::-webkit-scrollbar{height:3px}.itm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.itm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.itm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.itm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.itm-tab-label:hover{color:#374151;background:#f3f4f6}.itm-tab-label:active{transform:scale(.97)}.itm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.itm-tab-label-icon{font-size:10px}.itm-tab-label-text{display:inline-block}.itm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.itm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.itm-tab-label-close:active{transform:scale(.85)}.itm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.itm-tab-content{animation:.2s ease-out slideIn}.itm-content::-webkit-scrollbar{width:6px}.itm-content::-webkit-scrollbar-track{background:0 0}.itm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.itm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.itm-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.itm-placeholder-icon{font-size:40px}.itm-placeholder-content h3{color:#374151;margin:0;font-size:16px}.itm-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.itm-placeholder-message{color:#4c5f8f;background:#e8ecf1;border-left:3px solid #667eea;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.itm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.itm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.itm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.itm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.itm-mobile-menu-content::-webkit-scrollbar{width:4px}.itm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.itm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.itm-header-compact{height:44px;padding:0 10px}.itm-header-title{gap:6px;font-size:14px}.itm-header-icon{font-size:16px}.itm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.itm-mobile-menu-overlay{display:block}.itm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.itm-button-bar{display:none}.itm-tab-labels{gap:1px;height:32px;padding:0 4px}.itm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.itm-tab-label-text{display:none}.itm-tab-label-icon{font-size:10px}.itm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.itm-content{padding:12px}.itm-placeholder-content{height:250px}.itm-empty h2{font-size:16px}.itm-empty p{font-size:12px}.itm-empty-icon{font-size:48px}}@media (width<=480px){.itm-header-compact{height:40px;padding:0 8px}.itm-header-title{gap:4px;font-size:12px}.itm-header-icon{font-size:14px}.itm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.itm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.itm-mobile-menu-header{padding:8px 10px}.itm-mobile-menu-header h3{font-size:12px}.itm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.itm-mobile-menu-icon{min-width:14px;font-size:12px}.itm-mobile-menu-footer{padding:6px 10px}.itm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.itm-tab-labels{gap:0;height:28px;padding:0 2px}.itm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.itm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.itm-content{padding:10px}.itm-placeholder-content{height:200px;font-size:12px}.itm-empty-icon{font-size:40px}.itm-empty h2{font-size:14px}.itm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.itm-header-title span{display:none}.itm-header-icon{font-size:16px}.itm-header-compact{height:38px;padding:0 6px}.itm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.itm-mobile-menu-icon{font-size:11px}.itm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.itm-tab-label-icon{font-size:8px}.itm-tab-label-close{width:8px;height:8px;font-size:5px}.itm-content{padding:8px}.itm-empty-icon{font-size:36px}.itm-empty h2{font-size:12px}.itm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.itm-header-compact{height:40px}.itm-header-title{font-size:13px}.itm-button-bar{height:36px;padding:0 4px}.itm-btn-with-label{padding:4px 8px;font-size:10px}.itm-tab-labels{height:28px}.itm-tab-label{padding:4px 8px;font-size:8px}.itm-content{padding:12px}.itm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.itm-container{background:#1f2937}.itm-button-bar,.itm-mobile-menu,.itm-tab-labels,.itm-content{background:#111827;border-bottom-color:#374151}.itm-header-compact{border-bottom-color:#374151}.itm-btn-with-label,.itm-tab-label{color:#d1d5db}.itm-btn-with-label:hover,.itm-tab-label:hover{background:#1f2937}.itm-btn-with-label.active{color:#a5b4fc;background:#667eea26;border-color:#667eea}.itm-tab-label.active{color:#a5b4fc;background:#667eea1a;border-bottom-color:#667eea}.itm-mobile-menu-item{color:#d1d5db}.itm-mobile-menu-item.active{color:#a5b4fc;background:#667eea26}.itm-mobile-menu-header,.itm-mobile-menu-footer{background:#1f2937;border-color:#374151}.itm-mobile-menu-header h3{color:#f3f4f6}.itm-placeholder-content{background:#1f2937;border-color:#374151}.itm-placeholder-content h3{color:#f3f4f6}.itm-placeholder-content p{color:#9ca3af}.itm-placeholder-message{color:#a5b4fc;background:#667eea1a;border-left-color:#667eea}.itm-empty h2{color:#f3f4f6}.itm-empty p,.itm-empty-icon{color:#9ca3af}}@media print{.itm-header-compact,.itm-button-bar,.itm-mobile-menu,.itm-tab-labels,.itm-mobile-menu-toggle,.itm-close-all-compact{display:none}.itm-container{height:auto}.itm-content{padding:0}}@media (prefers-reduced-motion:reduce){.itm-btn-with-label,.itm-tab-label,.itm-mobile-menu-item,.itm-tab-content,.itm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.itm-btn-with-label.active,.itm-tab-label.active,.itm-mobile-menu-item.active{border-width:2px;font-weight:700}.itm-header-compact{border-bottom-width:2px}}.transfer-income-tax-container{max-width:1800px;margin:0 auto;padding:12px 16px}.page-title{margin-bottom:4px!important;font-size:1.25rem!important;font-weight:600!important}.page-subtitle{margin-bottom:12px!important;font-size:.8rem!important}.compact-card{margin-bottom:12px!important;box-shadow:0 1px 3px #00000014!important}.compact-card-content{padding:12px 16px!important}.compact-card-content:last-child{padding-bottom:12px!important}.section-title{margin-bottom:8px!important;font-size:1rem!important;font-weight:600!important}.compact-button{height:40px!important;font-size:.85rem!important}.compact-alert{margin-bottom:12px!important;padding:8px 12px!important;font-size:.85rem!important}.summary-box{text-align:center;border-radius:8px;padding:12px}.summary-box-blue{background-color:#e3f2fd}.summary-box-purple{background-color:#f3e5f5}.summary-box-green{background-color:#e8f5e9}.summary-box-orange{background-color:#fff3e0}.summary-box .MuiTypography-caption{margin-bottom:4px;font-size:.7rem;display:block}.summary-box .MuiTypography-h6{font-weight:600;font-size:1.1rem!important}.summary-box .MuiTypography-body1{font-size:.95rem!important}.compact-table{margin-top:8px}.compact-table .MuiTableCell-root{padding:6px 12px!important;font-size:.8rem!important}.table-header{background-color:#f5f5f5!important}.table-header .MuiTableCell-root{font-size:.8rem!important;font-weight:600!important}.copied-header{background-color:#e8f5e9!important}.transfer-button{height:42px!important;font-size:.9rem!important;font-weight:600!important}.data-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.compact-tabs{min-height:40px!important;margin-bottom:12px!important}.compact-tab{min-height:40px!important;padding:8px 12px!important;font-size:.8rem!important}.data-table-container{max-height:450px;margin-top:8px}.data-table-container .MuiTableCell-root{padding:6px 10px!important;font-size:.75rem!important}.data-table-container .MuiTableCell-head{z-index:10;background-color:#fafafa;position:sticky;top:0;font-weight:600!important}@media (width<=1366px){.transfer-income-tax-container{padding:10px 12px}.page-title{font-size:1.1rem!important}.section-title{font-size:.95rem!important}.compact-card-content{padding:10px 12px!important}.summary-box{padding:10px}}@media (width<=900px){.data-header{flex-direction:column;align-items:flex-start}.data-table-container{max-height:350px}}.exp-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.exp-header-compact{z-index:100;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.exp-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.exp-header-icon{font-size:18px}.exp-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.exp-mobile-menu-toggle:active{background:#fff3}.exp-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.exp-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.exp-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.exp-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.exp-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.exp-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.exp-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.exp-mobile-menu-item:active{background:#f3f4f6}.exp-mobile-menu-item.active{color:#ef4444;background:#fef2f2;border-left-color:#ef4444}.exp-mobile-menu-item.open{background:#fafafa}.exp-mobile-menu-icon{min-width:16px;font-size:14px}.exp-mobile-menu-label{flex:1}.exp-mobile-menu-badge{color:#ef4444;font-size:10px;font-weight:700}.exp-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.exp-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.exp-mobile-close-all:active{background:#fecaca}.exp-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.exp-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.exp-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.exp-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.exp-btn-with-label:active{transform:scale(.97)}.exp-btn-with-label.active{color:#ef4444;background:#fef2f2;border-color:#ef4444}.exp-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.exp-btn-icon{flex-shrink:0;font-size:12px}.exp-btn-text{display:inline-block}.exp-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.exp-close-all-compact:hover{color:#dc2626;background:#fecaca}.exp-close-all-compact:active{transform:scale(.97)}.exp-button-bar::-webkit-scrollbar{height:3px}.exp-button-bar::-webkit-scrollbar-track{background:0 0}.exp-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.exp-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.exp-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.exp-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.exp-tabs-scroll::-webkit-scrollbar{height:3px}.exp-tabs-scroll::-webkit-scrollbar-track{background:0 0}.exp-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.exp-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.exp-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.exp-tab-label:hover{color:#374151;background:#f3f4f6}.exp-tab-label:active{transform:scale(.97)}.exp-tab-label.active{color:#ef4444;background:#fef2f2;border-bottom-color:#ef4444}.exp-tab-label-icon{font-size:10px}.exp-tab-label-text{display:inline-block}.exp-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.exp-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.exp-tab-label-close:active{transform:scale(.85)}.exp-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.exp-tab-content{animation:.2s ease-out slideIn}.exp-content::-webkit-scrollbar{width:6px}.exp-content::-webkit-scrollbar-track{background:0 0}.exp-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.exp-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.exp-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.exp-placeholder-icon{font-size:40px}.exp-placeholder-content h3{color:#374151;margin:0;font-size:16px}.exp-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.exp-placeholder-message{color:#991b1b;background:#fee2e2;border-left:3px solid #ef4444;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.exp-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.exp-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.exp-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.exp-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.exp-mobile-menu-content::-webkit-scrollbar{width:4px}.exp-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.exp-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.exp-header-compact{height:44px;padding:0 10px}.exp-header-title{gap:6px;font-size:14px}.exp-header-icon{font-size:16px}.exp-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.exp-mobile-menu-overlay{display:block}.exp-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.exp-button-bar{display:none}.exp-tab-labels{gap:1px;height:32px;padding:0 4px}.exp-tab-label{gap:3px;padding:4px 8px;font-size:9px}.exp-tab-label-text{display:none}.exp-tab-label-icon{font-size:10px}.exp-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.exp-content{padding:12px}.exp-placeholder-content{height:250px}.exp-empty h2{font-size:16px}.exp-empty p{font-size:12px}.exp-empty-icon{font-size:48px}}@media (width<=480px){.exp-header-compact{height:40px;padding:0 8px}.exp-header-title{gap:4px;font-size:12px}.exp-header-icon{font-size:14px}.exp-mobile-menu-toggle{padding:2px 4px;font-size:14px}.exp-mobile-menu{max-height:calc(100vh - 40px);top:40px}.exp-mobile-menu-header{padding:8px 10px}.exp-mobile-menu-header h3{font-size:12px}.exp-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.exp-mobile-menu-icon{min-width:14px;font-size:12px}.exp-mobile-menu-footer{padding:6px 10px}.exp-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.exp-tab-labels{gap:0;height:28px;padding:0 2px}.exp-tab-label{gap:2px;padding:3px 6px;font-size:8px}.exp-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.exp-content{padding:10px}.exp-placeholder-content{height:200px;font-size:12px}.exp-empty-icon{font-size:40px}.exp-empty h2{font-size:14px}.exp-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.exp-header-title span{display:none}.exp-header-icon{font-size:16px}.exp-header-compact{height:38px;padding:0 6px}.exp-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.exp-mobile-menu-icon{font-size:11px}.exp-tab-label{gap:1px;padding:2px 4px;font-size:7px}.exp-tab-label-icon{font-size:8px}.exp-tab-label-close{width:8px;height:8px;font-size:5px}.exp-content{padding:8px}.exp-empty-icon{font-size:36px}.exp-empty h2{font-size:12px}.exp-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.exp-header-compact{height:40px}.exp-header-title{font-size:13px}.exp-button-bar{height:36px;padding:0 4px}.exp-btn-with-label{padding:4px 8px;font-size:10px}.exp-tab-labels{height:28px}.exp-tab-label{padding:4px 8px;font-size:8px}.exp-content{padding:12px}.exp-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.exp-container{background:#1f2937}.exp-button-bar,.exp-mobile-menu,.exp-tab-labels,.exp-content{background:#111827;border-bottom-color:#374151}.exp-header-compact{border-bottom-color:#374151}.exp-btn-with-label,.exp-tab-label{color:#d1d5db}.exp-btn-with-label:hover,.exp-tab-label:hover{background:#1f2937}.exp-btn-with-label.active{color:#fca5a5;background:#ef444426;border-color:#ef4444}.exp-tab-label.active{color:#fca5a5;background:#ef44441a;border-bottom-color:#ef4444}.exp-mobile-menu-item{color:#d1d5db}.exp-mobile-menu-item.active{color:#fca5a5;background:#ef444426}.exp-mobile-menu-header,.exp-mobile-menu-footer{background:#1f2937;border-color:#374151}.exp-mobile-menu-header h3{color:#f3f4f6}.exp-placeholder-content{background:#1f2937;border-color:#374151}.exp-placeholder-content h3{color:#f3f4f6}.exp-placeholder-content p{color:#9ca3af}.exp-placeholder-message{color:#fca5a5;background:#ef44441a;border-left-color:#ef4444}.exp-empty h2{color:#f3f4f6}.exp-empty p,.exp-empty-icon{color:#9ca3af}}@media print{.exp-header-compact,.exp-button-bar,.exp-mobile-menu,.exp-tab-labels,.exp-mobile-menu-toggle,.exp-close-all-compact{display:none}.exp-container{height:auto}.exp-content{padding:0}}@media (prefers-reduced-motion:reduce){.exp-btn-with-label,.exp-tab-label,.exp-mobile-menu-item,.exp-tab-content,.exp-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.exp-btn-with-label.active,.exp-tab-label.active,.exp-mobile-menu-item.active{border-width:2px;font-weight:700}.exp-header-compact{border-bottom-width:2px}}.aca-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.aca-modal{border:3px solid var(--system-main-color);background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:600px;padding-bottom:15px;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.aca-header{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.aca-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:700}.aca-summary-stats{background:#f9fafb;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px 15px;display:grid}.aca-stat-card{border-left:3px solid var(--system-main-color);background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.aca-stat-label{color:#666;font-size:11px;font-weight:600}.aca-stat-value{color:var(--system-main-color);font-size:13px;font-weight:700}.aca-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:12px 15px}.aca-form-title{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 10px;padding-bottom:8px;font-size:12px;font-weight:700}.aca-body-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:0;display:flex}.aca-form-group{flex:1;min-width:120px}.aca-form-group label{color:#374151;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.aca-input,.aca-select{border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:12px;transition:all .3s}.aca-input{background-color:#fff}.aca-input:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 2px #4f46e50d}.aca-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%3E%3Cpolygon%20points='0,0%205,5%2010,0'%20fill='%23999'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;padding-right:28px}.aca-select:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 2px #4f46e50d}.aca-save-btn{background-color:var(--saveButton-color);color:var(--black);cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;height:32px;padding:6px 16px;font-size:12px;font-weight:700;transition:all .3s;display:flex}.aca-save-btn:hover:not(:disabled){background-color:var(--saveButton-color-hover);color:var(--white)}.aca-save-btn:disabled{opacity:.6;cursor:not-allowed}.aca-saved-list{padding:12px 15px}.aca-saved-list h4{color:#1f2937;border-bottom:1px solid #e5e7eb;margin:0 0 10px;padding-bottom:8px;font-size:12px;font-weight:700}.aca-table-container{-webkit-overflow-scrolling:touch;border:1px solid #e5e7eb;border-radius:6px;max-height:350px;overflow:auto;box-shadow:0 1px 3px #0000000d}.aca-table{border-collapse:collapse;width:100%;min-width:700px;font-size:11px}.aca-table th{color:#1f2937;text-align:center;z-index:10;white-space:nowrap;background-color:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.aca-table td{text-align:center;color:#374151;white-space:nowrap;border-bottom:1px solid #e5e7eb;padding:6px}.aca-table tbody tr{transition:all .2s}.aca-table tbody tr:hover{background-color:#f9fafb}.aca-table tbody tr:last-child td{border-bottom:none}.aca-amount-cell{color:#059669;font-size:11px;font-weight:700}.aca-reason-cell{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100px;padding-left:8px;overflow:hidden}.aca-delete-btn{color:var(--white);cursor:pointer;white-space:nowrap;background-color:#ef4444;border:none;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:600;transition:all .3s}.aca-delete-btn:hover{background-color:#dc2626}.aca-export-buttons{flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:10px;display:flex}.aca-export-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s;display:inline-flex}.aca-export-btn.excel{color:#fff;background-color:#10b981}.aca-export-btn.excel:hover{background-color:#059669}.aca-export-btn.csv{color:#fff;background-color:#f59e0b}.aca-export-btn.csv:hover{background-color:#d97706}.aca-export-btn.pdf{color:#fff;background-color:#ef4444}.aca-export-btn.pdf:hover{background-color:#dc2626}.aca-no-data{text-align:center;color:#999;background-color:#f9fafb;border-radius:6px;margin:12px 15px;padding:40px 15px;font-size:13px}.aca-no-data p{margin:0;font-weight:500}.aca-table-container::-webkit-scrollbar{width:8px;height:8px}.aca-table-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.aca-table-container::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.aca-table-container::-webkit-scrollbar-thumb:hover{background:#555}.aca-table-container{scrollbar-color:#888 #f1f1f1;scrollbar-width:thin}@media screen and (width<=768px){.aca-modal{width:95%;max-height:95vh}.aca-body-row{flex-direction:column;align-items:stretch;gap:8px}.aca-form-group{min-width:100%}.aca-summary-stats{grid-template-columns:repeat(2,1fr);gap:8px}.aca-table-container{max-height:300px}.aca-table{min-width:600px}}@media screen and (width<=480px){.aca-modal{width:98%}.aca-header h3{font-size:12px}.aca-summary-stats{grid-template-columns:1fr;gap:6px}.aca-stat-card{padding:8px}.aca-stat-label{font-size:10px}.aca-stat-value{font-size:12px}.aca-table{min-width:500px;font-size:10px}.aca-table th{padding:4px 3px;font-size:9px}.aca-table td{padding:4px 3px}.aca-delete-btn{padding:3px 6px;font-size:9px}.aca-export-btn{padding:5px 10px;font-size:10px}.aca-table-container{max-height:250px}}.um-container{background:#fff;flex-direction:column;height:550vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.um-header-compact{z-index:100;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.um-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.um-header-icon{font-size:18px}.um-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.um-mobile-menu-toggle:active{background:#fff3}.um-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.um-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.um-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.um-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.um-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.um-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.um-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.um-mobile-menu-item:active{background:#f3f4f6}.um-mobile-menu-item.active{color:#3b82f6;background:#eff6ff;border-left-color:#3b82f6}.um-mobile-menu-item.open{background:#fafafa}.um-mobile-menu-icon{min-width:16px;font-size:14px}.um-mobile-menu-label{flex:1}.um-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.um-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.um-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.um-mobile-close-all:active{background:#fecaca}.um-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.um-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.um-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.um-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.um-btn-with-label:active{transform:scale(.97)}.um-btn-with-label.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.um-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.um-btn-icon{flex-shrink:0;font-size:12px}.um-btn-text{display:inline-block}.um-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.um-close-all-compact:hover{color:#dc2626;background:#fecaca}.um-close-all-compact:active{transform:scale(.97)}.um-button-bar::-webkit-scrollbar{height:3px}.um-button-bar::-webkit-scrollbar-track{background:0 0}.um-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.um-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.um-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.um-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.um-tabs-scroll::-webkit-scrollbar{height:3px}.um-tabs-scroll::-webkit-scrollbar-track{background:0 0}.um-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.um-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.um-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.um-tab-label:hover{color:#374151;background:#f3f4f6}.um-tab-label:active{transform:scale(.97)}.um-tab-label.active{color:#3b82f6;background:#eff6ff;border-bottom-color:#3b82f6}.um-tab-label-icon{font-size:10px}.um-tab-label-text{display:inline-block}.um-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.um-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.um-tab-label-close:active{transform:scale(.85)}.um-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.um-tab-content{animation:.2s ease-out slideIn}.um-content::-webkit-scrollbar{width:6px}.um-content::-webkit-scrollbar-track{background:0 0}.um-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.um-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.um-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.um-placeholder-icon{font-size:40px}.um-placeholder-content h3{color:#374151;margin:0;font-size:16px}.um-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.um-placeholder-message{color:#1e40af;background:#dbeafe;border-left:3px solid #3b82f6;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.um-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.um-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.um-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.um-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.um-mobile-menu-content::-webkit-scrollbar{width:4px}.um-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.um-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.um-header-compact{height:44px;padding:0 10px}.um-header-title{gap:6px;font-size:14px}.um-header-icon{font-size:16px}.um-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.um-mobile-menu-overlay{display:block}.um-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.um-button-bar{display:none}.um-tab-labels{gap:1px;height:32px;padding:0 4px}.um-tab-label{gap:3px;padding:4px 8px;font-size:9px}.um-tab-label-text{display:none}.um-tab-label-icon{font-size:10px}.um-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.um-content{padding:12px}.um-placeholder-content{height:250px}.um-empty h2{font-size:16px}.um-empty p{font-size:12px}.um-empty-icon{font-size:48px}}@media (width<=480px){.um-header-compact{height:40px;padding:0 8px}.um-header-title{gap:4px;font-size:12px}.um-header-icon{font-size:14px}.um-mobile-menu-toggle{padding:2px 4px;font-size:14px}.um-mobile-menu{max-height:calc(100vh - 40px);top:40px}.um-mobile-menu-header{padding:8px 10px}.um-mobile-menu-header h3{font-size:12px}.um-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.um-mobile-menu-icon{min-width:14px;font-size:12px}.um-mobile-menu-footer{padding:6px 10px}.um-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.um-tab-labels{gap:0;height:28px;padding:0 2px}.um-tab-label{gap:2px;padding:3px 6px;font-size:8px}.um-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.um-content{padding:10px}.um-placeholder-content{height:200px;font-size:12px}.um-empty-icon{font-size:40px}.um-empty h2{font-size:14px}.um-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.um-header-title span{display:none}.um-header-icon{font-size:16px}.um-header-compact{height:38px;padding:0 6px}.um-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.um-mobile-menu-icon{font-size:11px}.um-tab-label{gap:1px;padding:2px 4px;font-size:7px}.um-tab-label-icon{font-size:8px}.um-tab-label-close{width:8px;height:8px;font-size:5px}.um-content{padding:8px}.um-empty-icon{font-size:36px}.um-empty h2{font-size:12px}.um-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.um-header-compact{height:40px}.um-header-title{font-size:13px}.um-button-bar{height:36px;padding:0 4px}.um-btn-with-label{padding:4px 8px;font-size:10px}.um-tab-labels{height:28px}.um-tab-label{padding:4px 8px;font-size:8px}.um-content{padding:12px}.um-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.um-container{background:#1f2937}.um-button-bar,.um-mobile-menu,.um-tab-labels,.um-content{background:#111827;border-bottom-color:#374151}.um-header-compact{border-bottom-color:#374151}.um-btn-with-label,.um-tab-label{color:#d1d5db}.um-btn-with-label:hover,.um-tab-label:hover{background:#1f2937}.um-btn-with-label.active{color:#93c5fd;background:#3b82f626;border-color:#3b82f6}.um-tab-label.active{color:#93c5fd;background:#3b82f61a;border-bottom-color:#3b82f6}.um-mobile-menu-item{color:#d1d5db}.um-mobile-menu-item.active{color:#93c5fd;background:#3b82f626}.um-mobile-menu-header,.um-mobile-menu-footer{background:#1f2937;border-color:#374151}.um-mobile-menu-header h3{color:#f3f4f6}.um-placeholder-content{background:#1f2937;border-color:#374151}.um-placeholder-content h3{color:#f3f4f6}.um-placeholder-content p{color:#9ca3af}.um-placeholder-message{color:#93c5fd;background:#3b82f61a;border-left-color:#3b82f6}.um-empty h2{color:#f3f4f6}.um-empty p,.um-empty-icon{color:#9ca3af}}@media print{.um-header-compact,.um-button-bar,.um-mobile-menu,.um-tab-labels,.um-mobile-menu-toggle,.um-close-all-compact{display:none}.um-container{height:auto}.um-content{padding:0}}@media (prefers-reduced-motion:reduce){.um-btn-with-label,.um-tab-label,.um-mobile-menu-item,.um-tab-content,.um-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.um-btn-with-label.active,.um-tab-label.active,.um-mobile-menu-item.active{border-width:2px;font-weight:700}.um-header-compact{border-bottom-width:2px}}.em-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.em-header-compact{z-index:100;background:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.em-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.em-header-icon{font-size:18px}.em-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.em-mobile-menu-toggle:active{background:#fff3}.em-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.em-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.em-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.em-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.em-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.em-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.em-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.em-mobile-menu-item:active{background:#f3f4f6}.em-mobile-menu-item.active{color:#3b82f6;background:#eff6ff;border-left-color:#3b82f6}.em-mobile-menu-item.open{background:#fafafa}.em-mobile-menu-icon{min-width:16px;font-size:14px}.em-mobile-menu-label{flex:1}.em-mobile-menu-badge{color:#3b82f6;font-size:10px;font-weight:700}.em-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.em-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.em-mobile-close-all:active{background:#fecaca}.em-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.em-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.em-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.em-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.em-btn-with-label:active{transform:scale(.97)}.em-btn-with-label.active{color:#3b82f6;background:#eff6ff;border-color:#3b82f6}.em-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.em-btn-icon{flex-shrink:0;font-size:12px}.em-btn-text{display:inline-block}.em-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.em-close-all-compact:hover{color:#dc2626;background:#fecaca}.em-close-all-compact:active{transform:scale(.97)}.em-button-bar::-webkit-scrollbar{height:3px}.em-button-bar::-webkit-scrollbar-track{background:0 0}.em-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.em-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.em-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.em-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.em-tabs-scroll::-webkit-scrollbar{height:3px}.em-tabs-scroll::-webkit-scrollbar-track{background:0 0}.em-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.em-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.em-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.em-tab-label:hover{color:#374151;background:#f3f4f6}.em-tab-label:active{transform:scale(.97)}.em-tab-label.active{color:#3b82f6;background:#eff6ff;border-bottom-color:#3b82f6}.em-tab-label-icon{font-size:10px}.em-tab-label-text{display:inline-block}.em-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.em-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.em-tab-label-close:active{transform:scale(.85)}.em-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.em-tab-content{animation:.2s ease-out slideIn}.em-content::-webkit-scrollbar{width:6px}.em-content::-webkit-scrollbar-track{background:0 0}.em-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.em-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.em-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.em-placeholder-icon{font-size:40px}.em-placeholder-content h3{color:#374151;margin:0;font-size:16px}.em-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.em-placeholder-message{color:#1e40af;background:#dbeafe;border-left:3px solid #3b82f6;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.em-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.em-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.em-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.em-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.em-mobile-menu-content::-webkit-scrollbar{width:4px}.em-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.em-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.em-header-compact{height:44px;padding:0 10px}.em-header-title{gap:6px;font-size:14px}.em-header-icon{font-size:16px}.em-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.em-mobile-menu-overlay{display:block}.em-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.em-button-bar{display:none}.em-tab-labels{gap:1px;height:32px;padding:0 4px}.em-tab-label{gap:3px;padding:4px 8px;font-size:9px}.em-tab-label-text{display:none}.em-tab-label-icon{font-size:10px}.em-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.em-content{padding:12px}.em-placeholder-content{height:250px}.em-empty h2{font-size:16px}.em-empty p{font-size:12px}.em-empty-icon{font-size:48px}}@media (width<=480px){.em-header-compact{height:40px;padding:0 8px}.em-header-title{gap:4px;font-size:12px}.em-header-icon{font-size:14px}.em-mobile-menu-toggle{padding:2px 4px;font-size:14px}.em-mobile-menu{max-height:calc(100vh - 40px);top:40px}.em-mobile-menu-header{padding:8px 10px}.em-mobile-menu-header h3{font-size:12px}.em-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.em-mobile-menu-icon{min-width:14px;font-size:12px}.em-mobile-menu-footer{padding:6px 10px}.em-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.em-tab-labels{gap:0;height:28px;padding:0 2px}.em-tab-label{gap:2px;padding:3px 6px;font-size:8px}.em-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.em-content{padding:10px}.em-placeholder-content{height:200px;font-size:12px}.em-empty-icon{font-size:40px}.em-empty h2{font-size:14px}.em-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.em-header-title span{display:none}.em-header-icon{font-size:16px}.em-header-compact{height:38px;padding:0 6px}.em-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.em-mobile-menu-icon{font-size:11px}.em-tab-label{gap:1px;padding:2px 4px;font-size:7px}.em-tab-label-icon{font-size:8px}.em-tab-label-close{width:8px;height:8px;font-size:5px}.em-content{padding:8px}.em-empty-icon{font-size:36px}.em-empty h2{font-size:12px}.em-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.em-header-compact{height:40px}.em-header-title{font-size:13px}.em-button-bar{height:36px;padding:0 4px}.em-btn-with-label{padding:4px 8px;font-size:10px}.em-tab-labels{height:28px}.em-tab-label{padding:4px 8px;font-size:8px}.em-content{padding:12px}.em-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.em-container{background:#1f2937}.em-button-bar,.em-mobile-menu,.em-tab-labels,.em-content{background:#111827;border-bottom-color:#374151}.em-header-compact{border-bottom-color:#374151}.em-btn-with-label,.em-tab-label{color:#d1d5db}.em-btn-with-label:hover,.em-tab-label:hover{background:#1f2937}.em-btn-with-label.active{color:#93c5fd;background:#3b82f626;border-color:#3b82f6}.em-tab-label.active{color:#93c5fd;background:#3b82f61a;border-bottom-color:#3b82f6}.em-mobile-menu-item{color:#d1d5db}.em-mobile-menu-item.active{color:#93c5fd;background:#3b82f626}.em-mobile-menu-header,.em-mobile-menu-footer{background:#1f2937;border-color:#374151}.em-mobile-menu-header h3{color:#f3f4f6}.em-placeholder-content{background:#1f2937;border-color:#374151}.em-placeholder-content h3{color:#f3f4f6}.em-placeholder-content p{color:#9ca3af}.em-placeholder-message{color:#93c5fd;background:#3b82f61a;border-left-color:#3b82f6}.em-empty h2{color:#f3f4f6}.em-empty p,.em-empty-icon{color:#9ca3af}}@media print{.em-header-compact,.em-button-bar,.em-mobile-menu,.em-tab-labels,.em-mobile-menu-toggle,.em-close-all-compact{display:none}.em-container{height:auto}.em-content{padding:0}}@media (prefers-reduced-motion:reduce){.em-btn-with-label,.em-tab-label,.em-mobile-menu-item,.em-tab-content,.em-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.em-btn-with-label.active,.em-tab-label.active,.em-mobile-menu-item.active{border-width:2px;font-weight:700}.em-header-compact{border-bottom-width:2px}}.cm-button-bar::-webkit-scrollbar{height:3px}.cm-button-bar::-webkit-scrollbar-track{background:0 0}.cm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cm-tab-label:active{transform:scale(.97)}.cm-tab-label-close:active{transform:scale(.85)}.cm-content::-webkit-scrollbar{width:6px}.cm-content::-webkit-scrollbar-track{background:0 0}.cm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.cm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cm-placeholder-content{color:#6b7280;background:#f9f9f9;border:2px dashed #e5e5e5;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:300px;font-size:14px;font-weight:600;display:flex}.cm-placeholder-icon{font-size:40px}.cm-placeholder-content h3{color:#374151;margin:0;font-size:16px}.cm-placeholder-content p{color:#9ca3af;margin:0;font-size:12px}.cm-placeholder-message{color:#0369a1;background:#e0f2fe;border-left:3px solid #3498db;border-radius:3px;margin-top:8px;padding:10px 12px;font-size:11px;font-weight:500}.cm-mobile-menu-content::-webkit-scrollbar{width:4px}.cm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.cm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.cm-header-compact{height:44px;padding:0 10px}.cm-header-title{gap:6px;font-size:14px}.cm-header-icon{font-size:16px}.cm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.cm-mobile-menu-overlay{display:block}.cm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.cm-button-bar{display:none}.cm-tab-labels{gap:1px;height:32px;padding:0 4px}.cm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.cm-tab-label-text{display:none}.cm-tab-label-icon{font-size:10px}.cm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.cm-content{padding:12px}.cm-placeholder-content{height:250px}.cm-empty h2{font-size:16px}.cm-empty p{font-size:12px}.cm-empty-icon{font-size:48px}}@media (width<=480px){.cm-header-compact{height:40px;padding:0 8px}.cm-header-title{gap:4px;font-size:12px}.cm-header-icon{font-size:14px}.cm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.cm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.cm-mobile-menu-header{padding:8px 10px}.cm-mobile-menu-header h3{font-size:12px}.cm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.cm-mobile-menu-icon{min-width:14px;font-size:12px}.cm-mobile-menu-footer{padding:6px 10px}.cm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.cm-tab-labels{gap:0;height:28px;padding:0 2px}.cm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.cm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.cm-content{padding:10px}.cm-placeholder-content{height:200px;font-size:12px}.cm-empty-icon{font-size:40px}.cm-empty h2{font-size:14px}.cm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.cm-header-title span{display:none}.cm-header-icon{font-size:16px}.cm-header-compact{height:38px;padding:0 6px}.cm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.cm-mobile-menu-icon{font-size:11px}.cm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.cm-tab-label-icon{font-size:8px}.cm-tab-label-close{width:8px;height:8px;font-size:5px}.cm-content{padding:8px}.cm-empty-icon{font-size:36px}.cm-empty h2{font-size:12px}.cm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.cm-header-compact{height:40px}.cm-header-title{font-size:13px}.cm-button-bar{height:36px;padding:0 4px}.cm-btn-with-label{padding:4px 8px;font-size:10px}.cm-tab-labels{height:28px}.cm-tab-label{padding:4px 8px;font-size:8px}.cm-content{padding:12px}.cm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.cm-container{background:#1f2937}.cm-button-bar,.cm-mobile-menu,.cm-tab-labels,.cm-content{background:#111827;border-bottom-color:#374151}.cm-header-compact{border-bottom-color:#374151}.cm-btn-with-label,.cm-tab-label{color:#d1d5db}.cm-btn-with-label:hover,.cm-tab-label:hover{background:#1f2937}.cm-btn-with-label.active{color:#60a5fa;background:#3498db26;border-color:#3498db}.cm-tab-label.active{color:#60a5fa;background:#3498db1a;border-bottom-color:#3498db}.cm-mobile-menu-item{color:#d1d5db}.cm-mobile-menu-item.active{color:#60a5fa;background:#3498db26}.cm-mobile-menu-header,.cm-mobile-menu-footer{background:#1f2937;border-color:#374151}.cm-mobile-menu-header h3,.cm-empty h2{color:#f3f4f6}.cm-empty p,.cm-empty-icon{color:#9ca3af}}@media print{.cm-header-compact,.cm-button-bar,.cm-mobile-menu,.cm-tab-labels,.cm-mobile-menu-toggle,.cm-close-all-compact{display:none}.cm-container{height:auto}.cm-content{padding:0}}@media (prefers-reduced-motion:reduce){.cm-btn-with-label,.cm-tab-label,.cm-mobile-menu-item,.cm-tab-content,.cm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.cm-btn-with-label.active,.cm-tab-label.active,.cm-mobile-menu-item.active{border-width:2px;font-weight:700}.cm-header-compact{border-bottom-width:2px}}.add-customer-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.add-customer-modal-container{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.add-customer-modal-header{background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-bottom:1px solid #e5e5e5;flex-shrink:0;padding:24px}.add-customer-modal-title-wrapper{flex-direction:column;gap:4px;display:flex}.add-customer-modal-title{color:#fff;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:700;display:flex}.add-customer-modal-subtitle{color:#ffffffe6;margin:0;font-size:13px;font-weight:500}.add-customer-modal-body{flex:1;padding:24px;overflow-y:auto}.add-customer-form-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.add-customer-form-group{flex-direction:column;gap:6px;display:flex}.add-customer-form-group-full{grid-column:1/-1}.add-customer-form-label{color:#374151;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.add-customer-required{color:#ef4444;font-weight:700}.add-customer-form-input,.add-customer-form-select{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .2s}.add-customer-form-input:focus,.add-customer-form-select:focus{background:#fff;border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db1a}.add-customer-form-input::placeholder{color:#9ca3af}.add-customer-form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}.add-customer-form-select:disabled{cursor:not-allowed;color:#9ca3af;background-color:#f3f4f6}.add-customer-modal-footer{background:#f9fafb;border-top:1px solid #e5e5e5;flex-shrink:0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.add-customer-btn-cancel,.add-customer-btn-submit{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.add-customer-btn-cancel{color:#374151;background:#e5e7eb}.add-customer-btn-cancel:hover:not(:disabled){background:#d1d5db}.add-customer-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.add-customer-btn-submit{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.add-customer-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.add-customer-btn-submit:disabled{opacity:.6;cursor:not-allowed}.add-customer-modal-container::-webkit-scrollbar{width:6px}.add-customer-modal-container::-webkit-scrollbar-track{background:0 0}.add-customer-modal-container::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.add-customer-modal-container::-webkit-scrollbar-thumb:hover{background:#a0aec0}@media (width<=1024px){.add-customer-form-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.add-customer-modal-container{max-width:95vw;max-height:95vh}.add-customer-modal-header{padding:16px}.add-customer-modal-title{font-size:18px}.add-customer-modal-body{padding:16px}.add-customer-form-grid{grid-template-columns:repeat(2,1fr);gap:12px}.add-customer-modal-footer{flex-direction:column-reverse;padding:12px 16px}.add-customer-btn-cancel,.add-customer-btn-submit{justify-content:center;width:100%}}@media (width<=480px){.add-customer-modal-container{border-radius:8px}.add-customer-modal-header{padding:12px}.add-customer-modal-title{font-size:16px}.add-customer-modal-subtitle{font-size:12px}.add-customer-modal-body{padding:12px}.add-customer-form-grid{grid-template-columns:1fr;gap:12px}.add-customer-form-label{font-size:12px}.add-customer-form-input,.add-customer-form-select{padding:8px 10px;font-size:12px}.add-customer-modal-footer{gap:8px;padding:10px 12px}.add-customer-btn-cancel,.add-customer-btn-submit{padding:8px 16px;font-size:12px}}.cpm-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.cpm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.cpm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.cpm-header-icon{font-size:18px}.cpm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.cpm-mobile-menu-toggle:active{background:#fff3}.cpm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.cpm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.cpm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cpm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.cpm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.cpm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.cpm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cpm-mobile-menu-item:active{background:#f3f4f6}.cpm-mobile-menu-item.active{color:#667eea;background:#f0f4ff;border-left-color:#667eea}.cpm-mobile-menu-item.open{background:#fafafa}.cpm-mobile-menu-icon{min-width:16px;font-size:14px}.cpm-mobile-menu-label{flex:1}.cpm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.cpm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.cpm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cpm-mobile-close-all:active{background:#fecaca}.cpm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.cpm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.cpm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cpm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.cpm-btn-with-label:active{transform:scale(.97)}.cpm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.cpm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.cpm-btn-icon{flex-shrink:0;font-size:12px}.cpm-btn-text{display:inline-block}.cpm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cpm-close-all-compact:hover{color:#dc2626;background:#fecaca}.cpm-close-all-compact:active{transform:scale(.97)}.cpm-button-bar::-webkit-scrollbar{height:3px}.cpm-button-bar::-webkit-scrollbar-track{background:0 0}.cpm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cpm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cpm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.cpm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.cpm-tabs-scroll::-webkit-scrollbar{height:3px}.cpm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.cpm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cpm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cpm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.cpm-tab-label:hover{color:#374151;background:#f3f4f6}.cpm-tab-label:active{transform:scale(.97)}.cpm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.cpm-tab-label-icon{font-size:10px}.cpm-tab-label-text{display:inline-block}.cpm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.cpm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.cpm-tab-label-close:active{transform:scale(.85)}.cpm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.cpm-tab-content{animation:.2s ease-out slideIn}.cpm-content::-webkit-scrollbar{width:6px}.cpm-content::-webkit-scrollbar-track{background:0 0}.cpm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.cpm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cpm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.cpm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.cpm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.cpm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.cpm-mobile-menu-content::-webkit-scrollbar{width:4px}.cpm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.cpm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.cpm-header-compact{height:44px;padding:0 10px}.cpm-header-title{gap:6px;font-size:14px}.cpm-header-icon{font-size:16px}.cpm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.cpm-mobile-menu-overlay{display:block}.cpm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.cpm-button-bar{display:none}.cpm-tab-labels{gap:1px;height:32px;padding:0 4px}.cpm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.cpm-tab-label-text{display:none}.cpm-tab-label-icon{font-size:10px}.cpm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.cpm-content{padding:12px}.cpm-empty h2{font-size:16px}.cpm-empty p{font-size:12px}.cpm-empty-icon{font-size:48px}}@media (width<=480px){.cpm-header-compact{height:40px;padding:0 8px}.cpm-header-title{gap:4px;font-size:12px}.cpm-header-icon{font-size:14px}.cpm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.cpm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.cpm-mobile-menu-header{padding:8px 10px}.cpm-mobile-menu-header h3{font-size:12px}.cpm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.cpm-mobile-menu-icon{min-width:14px;font-size:12px}.cpm-mobile-menu-footer{padding:6px 10px}.cpm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.cpm-tab-labels{gap:0;height:28px;padding:0 2px}.cpm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.cpm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.cpm-content{padding:10px}.cpm-empty-icon{font-size:40px}.cpm-empty h2{font-size:14px}.cpm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.cpm-header-title span{display:none}.cpm-header-icon{font-size:16px}.cpm-header-compact{height:38px;padding:0 6px}.cpm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.cpm-mobile-menu-icon{font-size:11px}.cpm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.cpm-tab-label-icon{font-size:8px}.cpm-tab-label-close{width:8px;height:8px;font-size:5px}.cpm-content{padding:8px}.cpm-empty-icon{font-size:36px}.cpm-empty h2{font-size:12px}.cpm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.cpm-header-compact{height:40px}.cpm-header-title{font-size:13px}.cpm-button-bar{height:36px;padding:0 4px}.cpm-btn-with-label{padding:4px 8px;font-size:10px}.cpm-tab-labels{height:28px}.cpm-tab-label{padding:4px 8px;font-size:8px}.cpm-content{padding:12px}.cpm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.cpm-container{background:#1f2937}.cpm-button-bar,.cpm-mobile-menu,.cpm-tab-labels,.cpm-content{background:#111827;border-bottom-color:#374151}.cpm-header-compact{border-bottom-color:#374151}.cpm-btn-with-label,.cpm-tab-label{color:#d1d5db}.cpm-btn-with-label:hover,.cpm-tab-label:hover{background:#1f2937}.cpm-btn-with-label.active{color:#a5b4fc;background:#667eea26;border-color:#667eea}.cpm-tab-label.active{color:#a5b4fc;background:#667eea1a;border-bottom-color:#667eea}.cpm-mobile-menu-item{color:#d1d5db}.cpm-mobile-menu-item.active{color:#a5b4fc;background:#667eea26}.cpm-mobile-menu-header,.cpm-mobile-menu-footer{background:#1f2937;border-color:#374151}.cpm-mobile-menu-header h3,.cpm-empty h2{color:#f3f4f6}.cpm-empty p,.cpm-empty-icon{color:#9ca3af}}@media print{.cpm-header-compact,.cpm-button-bar,.cpm-mobile-menu,.cpm-tab-labels,.cpm-mobile-menu-toggle,.cpm-close-all-compact{display:none}.cpm-container{height:auto}.cpm-content{padding:0}}@media (prefers-reduced-motion:reduce){.cpm-btn-with-label,.cpm-tab-label,.cpm-mobile-menu-item,.cpm-tab-content,.cpm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.cpm-btn-with-label.active,.cpm-tab-label.active,.cpm-mobile-menu-item.active{border-width:2px;font-weight:700}.cpm-header-compact{border-bottom-width:2px}}.cheque-report-container{background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);min-height:85vh;padding:12px 16px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.cheque-report-header{text-align:center;margin-bottom:16px;animation:.4s fadeInDown}.cheque-report-title{color:#610e95;text-shadow:1px 1px 2px #0000001a;margin:0;font-size:22px;font-weight:700}.cheque-report-subtitle{color:#666;margin-top:4px;font-size:12px}.cheque-report-filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:14px;padding:12px 14px;animation:.4s fadeInUp;display:flex;box-shadow:0 2px 6px #00000014}.filter-group select,.filter-group input[type=date]{background:#fafafa;border:1.5px solid #e0e0e0;border-radius:6px;min-width:130px;padding:6px 10px;font-size:12px;transition:all .2s}.filter-group select:focus,.filter-group input[type=date]:focus{background:#fff;border-color:#610e95;outline:none;box-shadow:0 0 0 2px #610e951a}.btn-refresh,.btn-pdf{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-refresh{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-refresh:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.btn-pdf{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);margin-left:auto}.btn-pdf:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #f5576c4d}.btn-pdf:disabled{opacity:.5;cursor:not-allowed}.cheque-summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;animation:.5s fadeInUp;display:grid}.summary-card{background:#fff;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.summary-card:before{content:"";background:linear-gradient(90deg,#0000,currentColor,#0000);width:100%;height:3px;position:absolute;top:0;left:0}.card-icon{font-size:32px;line-height:1}.card-content h3{color:#666;text-transform:uppercase;letter-spacing:.3px;margin:0 0 4px;font-size:10px;font-weight:600}.card-count{color:#333;margin:0;font-size:24px;font-weight:700;line-height:1}.card-amount{color:#888;margin:3px 0 0;font-size:11px}.card-total:before{color:#610e95}.card-bank:before{color:#28a745}.card-supplier:before{color:#007bff}.card-returned:before{color:#dc3545}.card-pending:before{color:#6c757d}.cheque-report-table-container{background:#fff;border-radius:8px;animation:.6s fadeInUp;overflow:hidden;box-shadow:0 2px 6px #00000014}.cheque-report-table{border-collapse:collapse;width:100%}.cheque-report-table thead{color:#fff;background:linear-gradient(135deg,#610e95 0%,#8e44ad 100%)}.cheque-report-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;padding:10px 12px;font-size:11px;font-weight:600}.cheque-report-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s}.cheque-report-table tbody tr:hover{background:#f8f9fa}.cheque-report-table td{color:#333;padding:8px 12px;font-size:12px}.amount-cell{color:#610e95;font-weight:600}.status-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:4px 10px;font-size:10px;font-weight:600;display:inline-block}.status-bank-deposited{color:#155724;background:#d4edda}.status-supplier-transferred{color:#0c5460;background:#d1ecf1}.status-returned{color:#721c24;background:#f8d7da}.status-pending{color:#383d41;background:#e2e3e5}.no-data-cell{text-align:center;padding:40px 20px}.no-data-cell img{opacity:.6;max-width:150px;margin-bottom:12px}.no-data-cell span{color:#999;font-size:13px;display:block}.cheque-pagination{background:#fafafa;border-top:1.5px solid #f0f0f0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.page-btn{color:#610e95;cursor:pointer;background:#fff;border:1.5px solid #610e95;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.page-btn:hover:not(:disabled){color:#fff;background:#610e95;transform:translateY(-1px)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#555;align-items:center;gap:14px;font-size:12px;font-weight:600;display:flex}.goto-page{align-items:center;gap:6px;display:flex}.goto-page label{font-size:11px}.goto-page input{text-align:center;border:1.5px solid #e0e0e0;border-radius:5px;width:50px;padding:4px 8px;font-size:12px}.goto-page input:focus{border-color:#610e95;outline:none}.cheque-report-loading{flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:60vh;display:flex}.loading-cell{text-align:center;color:#999;padding:30px;font-size:12px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@media (width<=1366px){.cheque-summary-cards{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.cheque-report-container{padding:8px}.cheque-report-filters{flex-direction:column;align-items:stretch}.btn-pdf{margin-left:0}.cheque-summary-cards{grid-template-columns:1fr}.cheque-report-table{font-size:10px}.cheque-report-table th,.cheque-report-table td{padding:6px 8px}.cheque-pagination{flex-direction:column;gap:10px}}@media (width>=1920px){.cheque-report-container{max-width:1880px;margin:0 auto}.cheque-summary-cards{grid-template-columns:repeat(5,1fr)}}.supplier-transfer-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.supplier-transfer-modal{background:#fff;border-radius:10px;width:400px;max-width:90%;padding:30px 25px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;animation:.3s slideDown;position:relative;box-shadow:0 5px 15px #0000004d}.close-button{cursor:pointer;color:#555;background:0 0;border:none;font-size:20px;transition:color .2s;position:absolute;top:10px;right:15px}.close-button:hover{color:#000}.supplier-transfer-modal h2{color:#333;text-align:center;border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:10px;font-size:22px}.supplier-transfer-modal p{color:#444;margin:10px 0;font-size:15px}.supplier-transfer-modal p strong{color:#000}.error{color:red;text-align:center;margin:20px 0}.confirm-button{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:6px;width:100%;margin-top:25px;padding:12px 0;font-size:16px;transition:background-color .3s;display:block}.confirm-button:hover{background-color:#218838}.dropdown-suggestions{z-index:10;background:#fff;border:1px solid #ccc;border-radius:4px;width:calc(100% - 50px);max-height:150px;margin-top:65px;position:absolute;overflow-y:auto}.dropdown-item{cursor:pointer;padding:8px 10px}.dropdown-item:hover{background-color:#f0f0f0}.form-group{margin:15px 0;position:relative}.form-group input{border:1px solid #ccc;border-radius:5px;width:100%;padding:8px}.supplier-transfer-modal .loading{text-align:center;color:#555;font-size:16px}.bank-transfer-overlay{z-index:2000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.bank-transfer-modal{background:#fff;border-radius:8px;width:380px;max-width:90%;padding:25px;position:relative;box-shadow:0 4px 12px #0000004d}.bank-transfer-modal h2{text-align:center;margin-bottom:16px}.form-group{margin:15px 0}.form-group label{margin-bottom:6px;font-weight:700;display:block}.form-group select{border:1px solid #ccc;border-radius:4px;width:100%;padding:8px}.confirm-button{color:#fff;cursor:pointer;background:#007bff;border:none;border-radius:5px;width:100%;margin-top:20px;padding:10px 0;font-size:15px}.confirm-button:hover{background:#0069d9}.spm-container{background:#fff;flex-direction:column;height:150vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.spm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.spm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.spm-header-icon{font-size:18px}.spm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.spm-mobile-menu-toggle:active{background:#fff3}.spm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.spm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.spm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.spm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.spm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.spm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.spm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.spm-mobile-menu-item:active{background:#f3f4f6}.spm-mobile-menu-item.active{color:#667eea;background:#f0f4ff;border-left-color:#667eea}.spm-mobile-menu-item.open{background:#fafafa}.spm-mobile-menu-icon{min-width:16px;font-size:14px}.spm-mobile-menu-label{flex:1}.spm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.spm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.spm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.spm-mobile-close-all:active{background:#fecaca}.spm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.spm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.spm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.spm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.spm-btn-with-label:active{transform:scale(.97)}.spm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.spm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.spm-btn-icon{flex-shrink:0;font-size:12px}.spm-btn-text{display:inline-block}.spm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.spm-close-all-compact:hover{color:#dc2626;background:#fecaca}.spm-close-all-compact:active{transform:scale(.97)}.spm-button-bar::-webkit-scrollbar{height:3px}.spm-button-bar::-webkit-scrollbar-track{background:0 0}.spm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.spm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.spm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.spm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.spm-tabs-scroll::-webkit-scrollbar{height:3px}.spm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.spm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.spm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.spm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.spm-tab-label:hover{color:#374151;background:#f3f4f6}.spm-tab-label:active{transform:scale(.97)}.spm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.spm-tab-label-icon{font-size:10px}.spm-tab-label-text{display:inline-block}.spm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.spm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.spm-tab-label-close:active{transform:scale(.85)}.spm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.spm-tab-content{animation:.2s ease-out slideIn}.spm-content::-webkit-scrollbar{width:6px}.spm-content::-webkit-scrollbar-track{background:0 0}.spm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.spm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.spm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.spm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.spm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.spm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.spm-empty-features{background:#fff;border:2px solid #e5e5e5;border-radius:8px;max-width:600px;margin-top:16px;padding:16px}.spm-empty-features h4{color:#1f2937;margin:0 0 10px;font-size:13px;font-weight:700}.spm-empty-features ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.spm-empty-features li{color:#4b5563;text-align:left;background:#f9fafb;border-left:3px solid #667eea;border-radius:4px;padding:6px 10px;font-size:11px}.spm-mobile-menu-content::-webkit-scrollbar{width:4px}.spm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.spm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.spm-header-compact{height:44px;padding:0 10px}.spm-header-title{gap:6px;font-size:14px}.spm-header-icon{font-size:16px}.spm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.spm-mobile-menu-overlay{display:block}.spm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.spm-button-bar{display:none}.spm-tab-labels{gap:1px;height:32px;padding:0 4px}.spm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.spm-tab-label-text{display:none}.spm-tab-label-icon{font-size:10px}.spm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.spm-content{padding:12px}.spm-empty h2{font-size:16px}.spm-empty p{font-size:12px}.spm-empty-icon{font-size:48px}.spm-empty-features{max-width:100%;padding:12px}.spm-empty-features h4{margin-bottom:8px;font-size:12px}.spm-empty-features ul{grid-template-columns:1fr}.spm-empty-features li{padding:5px 8px;font-size:10px}}@media (width<=480px){.spm-header-compact{height:40px;padding:0 8px}.spm-header-title{gap:4px;font-size:12px}.spm-header-icon{font-size:14px}.spm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.spm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.spm-mobile-menu-header{padding:8px 10px}.spm-mobile-menu-header h3{font-size:12px}.spm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.spm-mobile-menu-icon{min-width:14px;font-size:12px}.spm-mobile-menu-footer{padding:6px 10px}.spm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.spm-tab-labels{gap:0;height:28px;padding:0 2px}.spm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.spm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.spm-content{padding:10px}.spm-empty-icon{font-size:40px}.spm-empty h2{font-size:14px}.spm-empty p{max-width:220px;font-size:11px}.spm-empty-features{max-width:100%;padding:10px}.spm-empty-features h4{margin-bottom:6px;font-size:11px}.spm-empty-features li{padding:4px 6px;font-size:9px}}@media (width<=360px){.spm-header-title span{display:none}.spm-header-icon{font-size:16px}.spm-header-compact{height:38px;padding:0 6px}.spm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.spm-mobile-menu-icon{font-size:11px}.spm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.spm-tab-label-icon{font-size:8px}.spm-tab-label-close{width:8px;height:8px;font-size:5px}.spm-content{padding:8px}.spm-empty-icon{font-size:36px}.spm-empty h2{font-size:12px}.spm-empty p{max-width:200px;font-size:10px}.spm-empty-features{padding:8px}.spm-empty-features h4{font-size:10px}.spm-empty-features li{padding:3px 5px;font-size:8px}}@media (height<=500px) and (orientation:landscape){.spm-header-compact{height:40px}.spm-header-title{font-size:13px}.spm-button-bar{height:36px;padding:0 4px}.spm-btn-with-label{padding:4px 8px;font-size:10px}.spm-tab-labels{height:28px}.spm-tab-label{padding:4px 8px;font-size:8px}.spm-content{padding:12px}.spm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.spm-container{background:#1f2937}.spm-button-bar,.spm-mobile-menu,.spm-tab-labels,.spm-content{background:#111827;border-bottom-color:#374151}.spm-header-compact{border-bottom-color:#374151}.spm-btn-with-label,.spm-tab-label{color:#d1d5db}.spm-btn-with-label:hover,.spm-tab-label:hover{background:#1f2937}.spm-btn-with-label.active{color:#a5b4fc;background:#667eea26;border-color:#667eea}.spm-tab-label.active{color:#a5b4fc;background:#667eea1a;border-bottom-color:#667eea}.spm-mobile-menu-item{color:#d1d5db}.spm-mobile-menu-item.active{color:#a5b4fc;background:#667eea26}.spm-mobile-menu-header,.spm-mobile-menu-footer{background:#1f2937;border-color:#374151}.spm-mobile-menu-header h3,.spm-empty h2{color:#f3f4f6}.spm-empty p,.spm-empty-icon{color:#9ca3af}.spm-empty-features{background:#1f2937;border-color:#374151}.spm-empty-features h4{color:#f3f4f6}.spm-empty-features li{color:#d1d5db;background:#111827;border-left-color:#667eea}}@media print{.spm-header-compact,.spm-button-bar,.spm-mobile-menu,.spm-tab-labels,.spm-mobile-menu-toggle,.spm-close-all-compact{display:none}.spm-container{height:auto}.spm-content{padding:0}}@media (prefers-reduced-motion:reduce){.spm-btn-with-label,.spm-tab-label,.spm-mobile-menu-item,.spm-tab-content,.spm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.spm-btn-with-label.active,.spm-tab-label.active,.spm-mobile-menu-item.active{border-width:2px;font-weight:700}.spm-header-compact{border-bottom-width:2px}}.pdm-container{background:#fff;flex-direction:column;height:200vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.pdm-header-compact{z-index:100;background:linear-gradient(135deg,#3498db 0%,#2980b9 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.pdm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.pdm-header-icon{font-size:18px}.pdm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.pdm-mobile-menu-toggle:active{background:#fff3}.pdm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.pdm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.pdm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.pdm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.pdm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.pdm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.pdm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.pdm-mobile-menu-item:active{background:#f3f4f6}.pdm-mobile-menu-item.active{color:#3498db;background:#f0f8ff;border-left-color:#3498db}.pdm-mobile-menu-item.open{background:#fafafa}.pdm-mobile-menu-icon{min-width:16px;font-size:14px}.pdm-mobile-menu-label{flex:1}.pdm-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.pdm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.pdm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pdm-mobile-close-all:active{background:#fecaca}.pdm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.pdm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.pdm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pdm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.pdm-btn-with-label:active{transform:scale(.97)}.pdm-btn-with-label.active{color:#3498db;background:#f0f8ff;border-color:#3498db}.pdm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.pdm-btn-icon{flex-shrink:0;font-size:12px}.pdm-btn-text{display:inline-block}.pdm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.pdm-close-all-compact:hover{color:#dc2626;background:#fecaca}.pdm-close-all-compact:active{transform:scale(.97)}.pdm-button-bar::-webkit-scrollbar{height:3px}.pdm-button-bar::-webkit-scrollbar-track{background:0 0}.pdm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pdm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pdm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.pdm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.pdm-tabs-scroll::-webkit-scrollbar{height:3px}.pdm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.pdm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pdm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pdm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.pdm-tab-label:hover{color:#374151;background:#f3f4f6}.pdm-tab-label:active{transform:scale(.97)}.pdm-tab-label.active{color:#3498db;background:#f0f8ff;border-bottom-color:#3498db}.pdm-tab-label-icon{font-size:10px}.pdm-tab-label-text{display:inline-block}.pdm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.pdm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.pdm-tab-label-close:active{transform:scale(.85)}.pdm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.pdm-tab-content{animation:.2s ease-out slideIn}.pdm-content::-webkit-scrollbar{width:6px}.pdm-content::-webkit-scrollbar-track{background:0 0}.pdm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.pdm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pdm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.pdm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.pdm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.pdm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.pdm-mobile-menu-content::-webkit-scrollbar{width:4px}.pdm-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.pdm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.pdm-header-compact{height:44px;padding:0 10px}.pdm-header-title{gap:6px;font-size:14px}.pdm-header-icon{font-size:16px}.pdm-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.pdm-mobile-menu-overlay{display:block}.pdm-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.pdm-button-bar{display:none}.pdm-tab-labels{gap:1px;height:32px;padding:0 4px}.pdm-tab-label{gap:3px;padding:4px 8px;font-size:9px}.pdm-tab-label-text{display:none}.pdm-tab-label-icon{font-size:10px}.pdm-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.pdm-content{padding:12px}.pdm-empty h2{font-size:16px}.pdm-empty p{font-size:12px}.pdm-empty-icon{font-size:48px}}@media (width<=480px){.pdm-header-compact{height:40px;padding:0 8px}.pdm-header-title{gap:4px;font-size:12px}.pdm-header-icon{font-size:14px}.pdm-mobile-menu-toggle{padding:2px 4px;font-size:14px}.pdm-mobile-menu{max-height:calc(100vh - 40px);top:40px}.pdm-mobile-menu-header{padding:8px 10px}.pdm-mobile-menu-header h3{font-size:12px}.pdm-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.pdm-mobile-menu-icon{min-width:14px;font-size:12px}.pdm-mobile-menu-footer{padding:6px 10px}.pdm-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.pdm-tab-labels{gap:0;height:28px;padding:0 2px}.pdm-tab-label{gap:2px;padding:3px 6px;font-size:8px}.pdm-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.pdm-content{padding:10px}.pdm-empty-icon{font-size:40px}.pdm-empty h2{font-size:14px}.pdm-empty p{max-width:220px;font-size:11px}}@media (width<=360px){.pdm-header-title span{display:none}.pdm-header-icon{font-size:16px}.pdm-header-compact{height:38px;padding:0 6px}.pdm-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.pdm-mobile-menu-icon{font-size:11px}.pdm-tab-label{gap:1px;padding:2px 4px;font-size:7px}.pdm-tab-label-icon{font-size:8px}.pdm-tab-label-close{width:8px;height:8px;font-size:5px}.pdm-content{padding:8px}.pdm-empty-icon{font-size:36px}.pdm-empty h2{font-size:12px}.pdm-empty p{max-width:200px;font-size:10px}}@media (height<=500px) and (orientation:landscape){.pdm-header-compact{height:40px}.pdm-header-title{font-size:13px}.pdm-button-bar{height:36px;padding:0 4px}.pdm-btn-with-label{padding:4px 8px;font-size:10px}.pdm-tab-labels{height:28px}.pdm-tab-label{padding:4px 8px;font-size:8px}.pdm-content{padding:12px}.pdm-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.pdm-container{background:#1f2937}.pdm-button-bar,.pdm-mobile-menu,.pdm-tab-labels,.pdm-content{background:#111827;border-bottom-color:#374151}.pdm-header-compact{border-bottom-color:#374151}.pdm-btn-with-label,.pdm-tab-label{color:#d1d5db}.pdm-btn-with-label:hover,.pdm-tab-label:hover{background:#1f2937}.pdm-btn-with-label.active{color:#60a5fa;background:#3498db26;border-color:#3498db}.pdm-tab-label.active{color:#60a5fa;background:#3498db1a;border-bottom-color:#3498db}.pdm-mobile-menu-item{color:#d1d5db}.pdm-mobile-menu-item.active{color:#60a5fa;background:#3498db26}.pdm-mobile-menu-header,.pdm-mobile-menu-footer{background:#1f2937;border-color:#374151}.pdm-mobile-menu-header h3,.pdm-empty h2{color:#f3f4f6}.pdm-empty p,.pdm-empty-icon{color:#9ca3af}}@media print{.pdm-header-compact,.pdm-button-bar,.pdm-mobile-menu,.pdm-tab-labels,.pdm-mobile-menu-toggle,.pdm-close-all-compact{display:none}.pdm-container{height:auto}.pdm-content{padding:0}}@media (prefers-reduced-motion:reduce){.pdm-btn-with-label,.pdm-tab-label,.pdm-mobile-menu-item,.pdm-tab-content,.pdm-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.pdm-btn-with-label.active,.pdm-tab-label.active,.pdm-mobile-menu-item.active{border-width:2px;font-weight:700}.pdm-header-compact{border-bottom-width:2px}}@keyframes pdm-spin{to{transform:rotate(360deg)}}.pdm-loading{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:20px;padding:60px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.pdm-spinner{border:4px solid #f0f4ff;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite pdm-spin}.pdm-loading p{color:#718096;margin:0;font-size:14px}.pdm-no-access{text-align:center;background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:20px;padding:80px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.pdm-no-access-icon{margin-bottom:20px;font-size:64px}.pdm-no-access h2{color:#ef4444;margin:0 0 10px;font-size:24px;font-weight:700}.pdm-no-access p{color:#718096;margin:0;font-size:14px}.pdm-no-access-contact{color:#a0aec0;margin-top:10px;font-size:12px}.product-model-overlay{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.product-model-container{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1400px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.product-model-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.product-model-title-section{flex-direction:column;gap:5px;display:flex}.product-model-title{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.product-model-subtitle{opacity:.9;color:#fffc;font-size:12px;font-style:italic}.product-model-controls{align-items:center;gap:8px;display:flex}.product-model-btn{color:#fff;cursor:pointer;background-color:#fff3;border:1px solid #ffffff4d;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.product-model-btn:hover{background:#ffffff4d;transform:scale(1.05);box-shadow:0 4px 8px #00000026}.product-model-btn.close-btn:hover{background:#dc3545;border-color:#dc3545}.product-model-body{background-color:#fff;flex:1;padding:14px 18px;overflow-y:auto}.product-model-body::-webkit-scrollbar{width:6px}.product-model-body::-webkit-scrollbar-track{background:#f1f1f1}.product-model-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.product-model-body::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media (width<=1600px){.product-model-container{width:90vw;max-height:90vh}}@media (width<=1024px){.product-model-container{width:95vw;max-height:95vh}.product-model-title{font-size:14px}.product-model-header{padding:12px 14px}}@media (width<=768px){.product-model-container{border-radius:8px;width:95%;max-height:90vh}.product-model-header{padding:12px 14px}.product-model-title{font-size:13px}.product-model-subtitle{font-size:11px}.product-model-body{padding:12px 14px}.product-model-btn{width:28px;height:28px;font-size:14px}}@media (width<=480px){.product-model-container{width:98%;max-height:95vh}.product-model-header{padding:10px 12px}.product-model-title{font-size:12px}.product-model-subtitle{font-size:10px}.product-model-body{padding:10px 12px}.product-model-btn{width:26px;height:26px;font-size:12px}}@media print{.product-model-overlay{display:none}}.mpm-overlay{z-index:100000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.mpm-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:95%;max-width:1400px;max-height:700px;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.mpm-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.mpm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.mpm-search-section{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:10px;padding:12px 18px;display:flex}.mpm-search-wrapper{flex-wrap:wrap;flex:1;align-items:flex-end;gap:8px;min-width:300px;display:flex}.mpm-search-group{flex:1;align-items:center;min-width:200px;display:flex;position:relative}.mpm-search-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.mpm-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:12px;transition:all .3s}.mpm-search-input:focus{border-color:var(--system-main-color);background-color:#fff;outline:none;box-shadow:0 0 0 3px #667eea1a}.mpm-search-select{cursor:pointer;background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-size:12px;transition:all .3s}.mpm-search-select:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.mpm-action-buttons{flex-wrap:wrap;gap:6px;display:flex}.mpm-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.mpm-btn-search{color:#fff;background:#3b82f6}.mpm-btn-search:hover{background:#2563eb;transform:translateY(-2px)}.mpm-btn-refresh{color:#fff;background:#f59e0b}.mpm-btn-refresh:hover{background:#d97706;transform:translateY(-2px)}.mpm-btn-columns{color:#fff;background:#8b5cf6}.mpm-btn-columns:hover{background:#7c3aed;transform:translateY(-2px)}.mpm-btn-barcode{color:#fff;background:#10b981}.mpm-btn-barcode:hover{background:#059669;transform:translateY(-2px)}.mpm-column-panel{border-bottom:1px solid #bae6fd;border-left:4px solid var(--system-main-color);background:#f0f9ff;padding:12px 18px}.mpm-column-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mpm-column-header h4{color:#1f2937;margin:0;font-size:13px;font-weight:700}.mpm-column-buttons{gap:6px;display:flex}.mpm-col-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.mpm-col-btn:hover{background:#5568d3}.mpm-column-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.mpm-column-label{cursor:pointer;color:#374151;align-items:center;gap:6px;font-size:12px;display:flex}.mpm-column-label input{cursor:pointer;width:14px;height:14px}.mpm-content{background-color:#fff;flex-direction:column;flex:1;gap:12px;padding:12px 18px;display:flex;overflow-y:auto}.mpm-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;overflow-x:auto}.mpm-table{border-collapse:collapse;width:100%;font-size:12px}.mpm-table thead{z-index:5;background:#f9fafb;border-bottom:2px solid #e5e7eb;position:sticky;top:0}.mpm-table th{text-align:left;color:#374151;text-transform:uppercase;letter-spacing:.3px;border-right:1px solid #e5e7eb;padding:10px 12px;font-size:11px;font-weight:700}.mpm-table th:last-child{border-right:none}.mpm-table td{border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;padding:10px 12px}.mpm-table td:last-child{border-right:none}.mpm-table tbody tr:hover{background-color:#f9fafb}.mpm-table tbody tr:last-child td{border-bottom:none}.mpm-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 2px;padding:0;transition:all .2s;display:inline-flex}.mpm-action-btn.mpm-edit{color:#3b82f6;background:#dbeafe}.mpm-action-btn.mpm-edit:hover{color:#fff;background:#3b82f6}.mpm-action-btn.mpm-view{color:#10b981;background:#d1fae5}.mpm-action-btn.mpm-view:hover{color:#fff;background:#10b981}.mpm-action-btn.mpm-delete{color:#dc2626;background:#fee2e2}.mpm-action-btn.mpm-delete:hover{color:#fff;background:#dc2626}.mpm-action-btn:not(.mpm-edit):not(.mpm-view):not(.mpm-delete){color:#6b7280;background:#f3f4f6}.mpm-action-btn:not(.mpm-edit):not(.mpm-view):not(.mpm-delete):hover{color:#fff;background:#667eea}.mpm-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:10px 0;display:flex}.mpm-pagination-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .2s}.mpm-pagination-btn:hover:not(:disabled){background:#5568d3;transform:scale(1.05)}.mpm-pagination-btn:disabled{cursor:not-allowed;background:#cbd5e1}.mpm-pagination label{color:#374151;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.mpm-pagination-input{text-align:center;border:1px solid #d1d5db;border-radius:4px;width:50px;padding:6px 8px;font-size:12px}.mpm-pagination-info{color:#6b7280;text-align:center;min-width:100px;font-size:12px;font-weight:600}.mpm-export-buttons{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px 0;display:flex}.mpm-export-btn{cursor:pointer;color:#fff;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.mpm-export-btn.excel{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.mpm-export-btn.excel:hover{transform:translateY(-2px);box-shadow:0 4px 8px #10b9814d}.mpm-export-btn.csv{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.mpm-export-btn.csv:hover{transform:translateY(-2px);box-shadow:0 4px 8px #3b82f64d}.mpm-export-btn.pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.mpm-export-btn.pdf:hover{transform:translateY(-2px);box-shadow:0 4px 8px #ef44444d}.mpm-content::-webkit-scrollbar{width:6px}.mpm-content::-webkit-scrollbar-track{background:#f1f1f1}.mpm-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.mpm-content::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.mpm-table-wrapper::-webkit-scrollbar{height:6px}.mpm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.mpm-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.mpm-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media (width<=1024px){.mpm-modal{max-width:90vw;max-height:90vh}.mpm-table{font-size:11px}.mpm-table th,.mpm-table td{padding:8px 10px}}@media (width<=768px){.mpm-modal{width:95%;max-height:95vh}.mpm-header h3{font-size:14px}.mpm-search-section{flex-direction:column;align-items:stretch}.mpm-search-wrapper{flex-direction:column}.mpm-action-buttons{width:100%}.mpm-btn{flex:1;justify-content:center}.mpm-table{font-size:10px}.mpm-table th,.mpm-table td{padding:6px 8px}.mpm-action-btn{width:24px;height:24px}}@media (width<=480px){.mpm-modal{width:98%;max-height:98vh}.mpm-header h3{font-size:12px}.mpm-search-input,.mpm-search-select{font-size:11px}.mpm-btn{padding:6px 10px;font-size:10px}.mpm-table{font-size:9px}.mpm-table th,.mpm-table td{padding:4px 6px}.mpm-column-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.cui-simple-mode{flex-direction:column;gap:12px;display:flex}.cui-product-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;padding:10px 12px;font-size:12px}.cui-product-info p{color:#0369a1;margin:4px 0;font-weight:500}.cui-product-info p:first-child{font-size:13px;font-weight:700}.cui-simple-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;display:grid}.cui-field-group{flex-direction:column;gap:4px;display:flex}.cui-field-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.cui-input-readonly{color:#6b7280;cursor:not-allowed;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 10px;font-size:12px}.cui-input-active{color:#059669;background:#f0fff4;border:2px solid #10b981;border-radius:4px;outline:none;padding:8px 10px;font-size:12px;font-weight:600;transition:all .2s}.cui-input-active:focus{border-color:#059669;box-shadow:0 0 0 3px #10b9811a}.cui-average-display{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.cui-average-display strong{font-family:Courier New,monospace;font-size:14px}.cui-button-group{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.cui-btn-cancel{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s}.cui-btn-cancel:hover{background:#d1d5db}.cui-btn-submit{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 2px 8px #10b9814d;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.cui-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.cui-btn-submit:active{transform:translateY(0)}.cui-btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .2s}.cui-btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af}.cui-advanced-mode{flex-direction:column;gap:12px;display:flex}.cui-prices-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;display:grid}.cui-price-box{text-align:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;align-items:center;padding:8px 10px;transition:all .2s;display:flex}.cui-price-box:hover{border-color:#d1d5db;box-shadow:0 2px 6px #0000000d}.cui-price-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;word-break:break-word;margin-bottom:4px;font-size:9px;font-weight:600;display:block}.cui-price-value{color:#667eea;font-family:Courier New,monospace;font-size:13px;font-weight:700;display:block}.cui-update-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:10px 12px;transition:all .2s}.cui-update-box:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#f0f9ff 0%,#eff6ff 100%);border-color:#667eea}.cui-checkbox{cursor:pointer;color:#1f2937;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.cui-checkbox input{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.cui-update-content{flex-direction:column;gap:8px;margin-left:24px;display:flex}.cui-mode-toggle{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.cui-mode-btn{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s}.cui-mode-btn:hover{background:#f3f4f6;border-color:#9ca3af}.cui-mode-btn.active{color:#fff;background:#667eea;border-color:#667eea}.cui-input-small{border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-size:12px;transition:all .2s}.cui-input-small:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cui-result-mini{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;padding:8px 10px;font-size:11px;font-weight:600}.cui-result-mini strong{margin-left:4px;font-family:Courier New,monospace;font-size:12px}@media (width<=768px){.cui-simple-grid,.cui-prices-grid{grid-template-columns:repeat(2,1fr)}.cui-button-group{flex-wrap:wrap}.cui-btn-cancel,.cui-btn-submit,.cui-btn-secondary{flex:1;min-width:100px}}@media (width<=480px){.cui-simple-grid,.cui-prices-grid,.cui-mode-toggle{grid-template-columns:1fr}.cui-button-group{flex-direction:column}.cui-btn-cancel,.cui-btn-submit,.cui-btn-secondary{width:100%}.cui-update-content{margin-left:0}}.cui-pricing-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0;display:grid}.cui-price-update-card{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border:2px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .3s}.cui-price-update-card:has(input[type=checkbox]:checked){background:linear-gradient(135deg,#f0f9ff 0%,#eff6ff 100%);border-color:#667eea;box-shadow:0 4px 12px #667eea26}.cui-price-card-title{cursor:pointer;color:#1f2937;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.cui-price-card-title input{cursor:pointer;accent-color:#667eea;width:16px;height:16px}.cui-price-card-content{flex-direction:column;gap:8px;margin-left:24px;display:flex}.cui-mode-toggle-compact{grid-template-columns:repeat(2,1fr);gap:4px;display:grid}.cui-mode-btn-compact{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 8px;font-size:10px;font-weight:600;transition:all .2s}.cui-mode-btn-compact:hover{background:#f3f4f6;border-color:#9ca3af}.cui-mode-btn-compact.active{color:#fff;background:#667eea;border-color:#667eea;box-shadow:0 2px 6px #667eea4d}.cui-input-compact{background:#fff;border:1px solid #d1d5db;border-radius:4px;outline:none;width:100%;padding:7px 8px;font-size:11px;font-weight:500;transition:all .2s}.cui-input-compact:focus{background:#f0f9ff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.cui-result-compact{color:#059669;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:4px;padding:8px;font-family:Courier New,monospace;font-size:11px;font-weight:700}.cui-result-compact strong{margin-top:2px;font-size:12px;display:block}@media (width<=1024px){.cui-pricing-row{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.cui-pricing-row{grid-template-columns:1fr}.cui-price-update-card{padding:10px}.cui-price-card-content{margin-left:20px}}@media (width<=480px){.cui-pricing-row{grid-template-columns:1fr;gap:10px}.cui-price-update-card{padding:8px}.cui-mode-toggle-compact{grid-template-columns:1fr}.cui-price-card-title{font-size:11px}.cui-input-compact{padding:6px;font-size:10px}}.cui-cost-row{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px;padding:12px;display:grid}.cui-cost-field{flex-direction:column;gap:4px;display:flex}.cui-cost-field label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}@media (width<=768px){.cui-cost-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.cui-cost-row{grid-template-columns:1fr}}:root{--rs-bg-primary:#fff;--rs-bg-secondary:#f8f9fa;--rs-bg-tertiary:#f0f2f5;--rs-text-primary:#1a1a1a;--rs-text-secondary:#4a4a4a;--rs-text-muted:gray;--rs-border:#e0e0e0;--rs-accent:#667eea;--rs-accent-hover:#5568d3;--rs-success:#10b981;--rs-danger:#ef4444;--rs-warning:#f59e0b}.rs-container{min-height:100vh;color:var(--rs-text-primary);background:#f5f5f5;padding:12px}.rs-header{margin-bottom:16px}.rs-main-title{color:var(--rs-text-primary);align-items:center;gap:8px;margin:0 0 4px;font-size:20px;font-weight:800;display:flex}.rs-subtitle{color:var(--rs-text-secondary);margin:0;font-size:12px;font-weight:500}.rs-summary-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:16px;display:grid}.rs-stat-card{background:var(--rs-bg-primary);border:1px solid var(--rs-border);border-left:3px solid var(--rs-accent);border-radius:8px;flex-direction:column;gap:6px;padding:12px;transition:all .3s;display:flex;box-shadow:0 1px 4px #0000000f}.rs-stat-card:hover{background:var(--rs-bg-secondary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.rs-stat-label{color:var(--rs-text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.rs-stat-value{color:var(--rs-accent);font-size:20px;font-weight:800}.rs-form-card{background:var(--rs-bg-primary);border:1px solid var(--rs-border);border-radius:8px;margin-bottom:14px;padding:14px;box-shadow:0 1px 4px #0000000f}.rs-form-title{color:var(--rs-text-primary);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.rs-form-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.rs-form-group{flex-direction:column;display:flex;position:relative}.rs-form-label{color:var(--rs-text-primary);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:700}.rs-form-input{border:1px solid var(--rs-border);background:var(--rs-bg-primary);color:var(--rs-text-primary);border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:all .3s}.rs-form-input:focus{border-color:var(--rs-accent);background:var(--rs-bg-tertiary);outline:none;box-shadow:0 0 0 2px #667eea1a}.rs-form-input:disabled{background:var(--rs-bg-secondary);cursor:not-allowed;opacity:.7}.rs-form-input::placeholder{color:var(--rs-text-muted);font-size:11px;font-weight:500}.rs-autocomplete{position:relative}.rs-suggestions{background:var(--rs-bg-primary);border:1px solid var(--rs-accent);z-index:1000;border-radius:6px;max-height:280px;margin-top:2px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.rs-suggestion-item{cursor:pointer;border-bottom:1px solid var(--rs-border);background:var(--rs-bg-primary);padding:10px;transition:all .2s}.rs-suggestion-item:hover{background:var(--rs-bg-tertiary);padding-left:12px}.rs-suggestion-item:last-child{border-bottom:none}.rs-suggestion-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.rs-suggestion-header strong{color:var(--rs-accent);font-size:12px;font-weight:800}.rs-price{color:var(--rs-success);font-size:11px;font-weight:700}.rs-mobile{color:var(--rs-text-muted);font-size:10px;font-weight:600}.rs-suggestion-details{color:var(--rs-text-primary);margin-bottom:4px;font-size:12px;font-weight:600}.rs-suggestion-footer{justify-content:space-between;align-items:center;display:flex}.rs-suggestion-footer small{color:var(--rs-text-secondary);font-size:10px;font-weight:600}.rs-stock{color:var(--rs-accent);font-weight:700}.rs-selected{color:var(--rs-success);margin-top:4px;font-size:10px;font-weight:700;display:block}.rs-bill-info{background:#f0f4ff;border:1px solid #bfdbfe;border-radius:6px;margin-bottom:12px;padding:10px}.rs-bill-info p{color:var(--rs-accent);margin:0;font-size:12px;font-weight:700}.rs-add-item-section{background:var(--rs-bg-tertiary);border:1px solid var(--rs-border);border-radius:6px;margin-bottom:12px;padding:10px}.rs-add-item-section h4{color:var(--rs-text-primary);align-items:center;gap:4px;margin-top:0;margin-bottom:10px;font-size:12px;font-weight:800;display:flex}.rs-bill-items{margin-bottom:12px}.rs-bill-items h4{color:var(--rs-text-primary);margin-bottom:8px;font-size:12px;font-weight:800}.rs-outstanding-bills{margin-bottom:12px}.rs-outstanding-bills h4{color:var(--rs-text-primary);margin-bottom:8px;font-size:12px;font-weight:800}.rs-finalize-section{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.rs-btn-primary{background:linear-gradient(135deg, var(--rs-accent) 0%, var(--rs-accent-hover) 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea4d}.rs-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #667eea66}.rs-btn-primary:disabled{opacity:.6;cursor:not-allowed}.rs-btn-danger{background:linear-gradient(135deg, var(--rs-danger) 0%, #dc2626 100%);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;height:36px;padding:8px 12px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 6px #ef44444d}.rs-btn-danger:hover{transform:translateY(-1px);box-shadow:0 3px 10px #ef444466}.rs-btn-success{background:linear-gradient(135deg, var(--rs-success) 0%, #059669 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:800;transition:all .3s;box-shadow:0 2px 6px #10b9814d}.rs-btn-success:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 10px #10b98166}.rs-btn-success:disabled{opacity:.6;cursor:not-allowed}.rs-filters{background:var(--rs-bg-primary);border:1px solid var(--rs-border);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px;padding:10px;display:grid;box-shadow:0 1px 4px #0000000f}.rs-table-section{background:var(--rs-bg-primary);border:1px solid var(--rs-border);border-radius:8px;margin-bottom:14px;overflow:hidden;box-shadow:0 1px 4px #0000000f}.rs-table-wrapper{overflow-x:auto}.rs-table{border-collapse:collapse;width:100%;font-size:12px}.rs-table thead{background:linear-gradient(135deg, var(--rs-accent) 0%, var(--rs-accent-hover) 100%);color:#fff}.rs-table thead th{text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:10px 8px;font-size:11px;font-weight:800}.rs-table tbody tr{border-bottom:1px solid var(--rs-border);transition:all .2s}.rs-table tbody tr:hover{background:var(--rs-bg-tertiary)}.rs-table tbody td{color:var(--rs-text-primary);padding:8px;font-size:12px;font-weight:600}.rs-supplier-id,.rs-product-id,.rs-bill-number{color:var(--rs-accent);font-weight:800}.rs-barcode{color:var(--rs-text-secondary);font-family:Courier New,monospace;font-size:10px;font-weight:600}.rs-quantity,.rs-amount{color:var(--rs-success);font-weight:800}.rs-date{color:var(--rs-text-muted);font-size:10px;font-weight:600}.rs-actions{justify-content:center;gap:4px;display:flex}.rs-badge{white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:800;display:inline-block}.rs-badge.pending{color:#856404;background-color:#fff3cd}.rs-badge.approved{color:#155724;background-color:#d4edda}.rs-badge.rejected{color:#721c24;background-color:#f8d7da}.rs-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.rs-action-btn.success{background:linear-gradient(135deg, var(--rs-success) 0%, #059669 100%);color:#fff;box-shadow:0 1px 4px #10b9814d}.rs-action-btn.success:hover{transform:scale(1.08);box-shadow:0 2px 6px #10b98166}.rs-action-btn.delete{background:linear-gradient(135deg, var(--rs-danger) 0%, #dc2626 100%);color:#fff;box-shadow:0 1px 4px #ef44444d}.rs-action-btn.delete:hover{transform:scale(1.08);box-shadow:0 2px 6px #ef444466}.rs-action-btn.view{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 1px 4px #3b82f64d}.rs-action-btn.view:hover{transform:scale(1.08);box-shadow:0 2px 6px #3b82f666}.rs-delete-icon{object-fit:contain;width:12px;height:12px}.rs-pagination{border-top:1px solid var(--rs-border);background:var(--rs-bg-secondary);justify-content:center;align-items:center;gap:8px;padding:10px;display:flex}.rs-pagination-btn{background:var(--rs-bg-primary);border:1px solid var(--rs-border);cursor:pointer;color:var(--rs-text-primary);border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .2s}.rs-pagination-btn:hover:not(:disabled){background:var(--rs-accent);color:#fff;border-color:var(--rs-accent)}.rs-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.rs-pagination-input{color:var(--rs-text-secondary);align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.rs-pagination-input input{border:1px solid var(--rs-border);text-align:center;background:var(--rs-bg-primary);width:40px;color:var(--rs-text-primary);border-radius:3px;padding:4px 6px;font-size:11px;font-weight:700}.rs-export-section{border-top:1px solid var(--rs-border);background:var(--rs-bg-secondary);flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex}.rs-export-btn{cursor:pointer;color:#fff;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:11px;font-weight:800;transition:all .3s;display:flex}.rs-export-btn.excel{background:linear-gradient(135deg, var(--rs-success) 0%, #059669 100%);box-shadow:0 1px 4px #10b9814d}.rs-export-btn.excel:hover{transform:translateY(-1px);box-shadow:0 2px 8px #10b98166}.rs-export-btn.csv{background:linear-gradient(135deg, var(--rs-warning) 0%, #d97706 100%);box-shadow:0 1px 4px #f59e0b4d}.rs-export-btn.csv:hover{transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b66}.rs-export-btn.pdf{background:linear-gradient(135deg, var(--rs-danger) 0%, #dc2626 100%);box-shadow:0 1px 4px #ef44444d}.rs-export-btn.pdf:hover{transform:translateY(-1px);box-shadow:0 2px 8px #ef444466}.rs-no-data{background:var(--rs-bg-primary);border:1px solid var(--rs-border);text-align:center;border-radius:8px;padding:40px 20px;box-shadow:0 1px 4px #0000000f}.rs-no-data img{opacity:.6;width:80px;height:80px;margin-bottom:12px}.rs-no-data p{color:var(--rs-text-secondary);margin:0;font-size:12px;font-weight:600}.rs-no-access{background:var(--rs-bg-primary);border:1px solid var(--rs-border);text-align:center;border-radius:8px;padding:40px 20px;box-shadow:0 1px 4px #0000000f}.rs-no-access-image{width:100px;height:100px;margin-bottom:12px}.rs-no-access p{color:var(--rs-text-secondary);margin:0;font-size:12px;font-weight:600}.rs-suggestions::-webkit-scrollbar{width:6px}.rs-suggestions::-webkit-scrollbar-track{background:var(--rs-bg-secondary)}.rs-suggestions::-webkit-scrollbar-thumb{background:var(--rs-border);border-radius:3px}.rs-suggestions::-webkit-scrollbar-thumb:hover{background:var(--rs-accent)}.rs-table-wrapper::-webkit-scrollbar{height:6px}.rs-table-wrapper::-webkit-scrollbar-track{background:var(--rs-bg-secondary)}.rs-table-wrapper::-webkit-scrollbar-thumb{background:var(--rs-border);border-radius:3px}.rs-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--rs-accent)}@media (width<=1024px){.rs-form-grid{grid-template-columns:1fr 1fr}.rs-table{font-size:11px}.rs-table thead th,.rs-table tbody td{padding:8px 6px}}@media (width<=768px){.rs-container{padding:8px}.rs-main-title{font-size:16px}.rs-form-grid,.rs-filters{grid-template-columns:1fr}.rs-table{font-size:10px}.rs-table thead th,.rs-table tbody td{padding:6px 4px}.rs-export-section{flex-direction:column}.rs-export-btn{justify-content:center;width:100%}.rs-pagination{flex-direction:column;gap:6px}.rs-pagination-input,.rs-finalize-section{flex-direction:column}.rs-btn-success{width:100%}}.rs-modal-overlay{animation:.3s ease-in-out fadeIn}.rs-modal-content{animation:.3s ease-in-out slideUp}.rs-return-bills-section{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.rs-return-bills-section .rs-form-title{color:#1f2937;align-items:center;gap:8px;margin-bottom:20px;font-size:18px;font-weight:700;display:flex}.rs-actions{align-items:center;gap:8px;display:flex}.rs-action-btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.rs-action-btn.view{color:#fff;background:#667eea}.rs-action-btn.view:hover{background:#5568d3;transform:translateY(-2px)}.rs-action-btn.delete{color:#fff;background:#ef4444}.rs-action-btn.delete:hover:not(:disabled){background:#dc2626;transform:translateY(-2px)}.rs-action-btn.delete:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.rs-modal-content{width:95%!important;max-height:95vh!important;padding:20px!important}.rs-return-bills-section{padding:16px}}.po-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.po-header{background:#fff;border-left:3px solid #667eea;border-radius:6px;margin-bottom:12px;padding:10px 14px;box-shadow:0 1px 3px #0000000d}.po-title{color:#667eea;margin:0;font-size:18px;font-weight:700}.po-form{flex-direction:column;gap:12px;display:flex}.po-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000d}.po-section-header{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:#667eea;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;display:flex}.po-content{padding:12px;position:relative}.po-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex;position:relative}.po-col{flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex;position:relative}.po-label{color:#2d3748;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.po-input{color:#2d3748;box-sizing:border-box;background:#fff;border:1px solid #cbd5e0;border-radius:4px;padding:7px 10px;font-family:inherit;font-size:12px;transition:all .2s}.po-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.po-input::placeholder{color:#cbd5e0;font-size:11px}.po-search-box{z-index:10;background:#fff;border:1px solid #cbd5e0;border-radius:4px;align-items:center;padding:0 8px;transition:all .2s;display:flex;position:relative}.po-search-box:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.po-search-icon{color:#cbd5e0;margin-right:6px;font-size:12px}.po-search-box input{background:0 0;border:none;flex:1;padding:7px 0;font-size:12px}.po-search-box input:focus{outline:none}.po-clear-icon{color:#cbd5e0;cursor:pointer;margin-left:6px;font-size:12px;transition:color .2s}.po-clear-icon:hover{color:#ef4444}.po-dropdown{z-index:9999;background:#fff;border:1px solid #cbd5e0;border-radius:4px;min-width:250px;max-height:200px;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #00000026}.po-dropdown-item{cursor:pointer;white-space:nowrap;border-bottom:1px solid #f0f0f0;padding:7px 10px;font-size:12px;transition:background .2s}.po-dropdown-item:hover{color:#667eea;background:#f0f9ff}.po-dropdown-item:last-child{border-bottom:none}.po-dropdown-item strong{color:#667eea;margin-right:6px;font-weight:700}.po-table{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.po-table thead{background:#f0f4ff;border-bottom:2px solid #e2e8f0}.po-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#2d3748;padding:8px 10px;font-size:11px;font-weight:700}.po-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.po-table tbody tr:hover{background:#f8fafc}.po-table tbody td{color:#2d3748;vertical-align:middle;padding:8px 10px;font-size:12px;position:relative}.po-center{text-align:center}.po-input-cell{color:#2d3748;box-sizing:border-box;background:#fff;border:1px solid #cbd5e0;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .2s}.po-input-cell:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea14}.po-dropdown-cell{z-index:9999;background:#fff;border:1px solid #cbd5e0;border-radius:4px;min-width:280px;max-height:160px;position:fixed;overflow-y:auto;box-shadow:0 4px 12px #00000026}.po-empty{text-align:center;color:#cbd5e0;font-size:12px;font-weight:500;padding:30px 10px!important}.po-remove-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:all .2s;display:inline-flex}.po-remove-btn:hover{background:#dc2626;transform:scale(1.1);box-shadow:0 2px 6px #ef44444d}.po-remove-btn:active{transform:scale(.95)}.po-remove-btn svg{width:16px;height:16px;display:block}.po-add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#10b981;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.po-add-btn:hover{background:#059669;transform:translateY(-1px)}.po-summary{background:#fff;border-radius:6px;gap:12px;padding:12px;display:flex;box-shadow:0 1px 3px #0000000d}.po-summary-item{background:#f0f4ff;border-left:2px solid #667eea;border-radius:4px;flex-direction:column;flex:1;gap:3px;padding:10px;display:flex}.po-summary-label{color:#718096;text-transform:uppercase;letter-spacing:.2px;font-size:10px;font-weight:700}.po-summary-value{color:#667eea;font-size:16px;font-weight:700}.po-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.po-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.po-btn-primary{color:#fff;background:#667eea}.po-btn-primary:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.po-btn-primary:disabled{opacity:.6;cursor:not-allowed}.po-btn-secondary{color:#667eea;background:#fff;border:1px solid #667eea}.po-btn-secondary:hover:not(:disabled){color:#fff;background:#667eea}@media (width<=768px){.po-container{padding:8px}.po-row{flex-direction:column;gap:8px}.po-col{min-width:100%}.po-table{font-size:11px}.po-table thead th,.po-table tbody td{padding:6px 8px}.po-input-cell{padding:5px 6px;font-size:10px}.po-actions{flex-direction:column}.po-btn{width:100%;font-size:11px}.po-dropdown,.po-dropdown-cell{min-width:200px}}.pol-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pol-header{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000f}.pol-title{color:#667eea;margin:0;font-size:18px;font-weight:700}.pol-filters{background:#fff;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding:12px;display:flex;box-shadow:0 1px 3px #0000000f}.pol-filter-group{flex-direction:column;flex:1;gap:4px;min-width:150px;display:flex}.pol-filter-label{color:#2d3748;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.pol-input{color:#2d3748;box-sizing:border-box;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:7px 10px;font-size:12px;transition:all .2s}.pol-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.pol-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.pol-btn-refresh{color:#fff;background:#667eea;box-shadow:0 2px 4px #667eea33}.pol-btn-refresh:hover{background:#5568d3;transform:translateY(-1px)}.pol-btn-excel{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 4px #10b98133}.pol-btn-excel:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.pol-btn-csv{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 2px 4px #8b5cf633}.pol-btn-csv:hover{transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.pol-btn-pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 4px #ef444433}.pol-btn-pdf:hover{transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.pol-table-section{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.pol-table-wrapper{overflow-x:auto}.pol-table{border-collapse:collapse;width:100%;font-size:12px}.pol-table thead{background:#f0f4ff;border-bottom:2px solid #e2e8f0}.pol-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#2d3748;padding:10px;font-size:11px;font-weight:700}.pol-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.pol-table tbody tr:hover{background:#f8fafc}.pol-table tbody td{color:#2d3748;vertical-align:middle;padding:10px;font-size:12px}.pol-center{text-align:center}.pol-bold{color:#667eea;font-weight:700}.pol-supplier-info{flex-direction:column;gap:2px;display:flex}.pol-supplier-name{color:#2d3748;font-weight:600}.pol-supplier-id{color:#a0aec0;font-size:11px}.pol-actions{justify-content:center;gap:6px;display:flex}.pol-btn-action{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.pol-btn-view{color:#fff;background:#667eea}.pol-btn-view:hover{background:#5568d3;transform:scale(1.1)}.pol-btn-delete{color:#fff;background:#ef4444}.pol-btn-delete:hover{background:#dc2626;transform:scale(1.1)}.pol-empty-row td{padding:40px 10px!important}.pol-empty-message{color:#cbd5e0;flex-direction:column;align-items:center;gap:8px;display:flex}.pol-no-data-image{opacity:.5;width:80px}.pol-empty-message p{margin:0;font-size:12px}.pol-no-access{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.pol-no-access-image{width:150px;margin-bottom:20px}.pol-pagination{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding:12px;display:flex;box-shadow:0 1px 3px #0000000f}.pol-pagination-btn{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s}.pol-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px)}.pol-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pol-pagination-input-group{color:#2d3748;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.pol-pagination-input{text-align:center;border:1px solid #cbd5e0;border-radius:4px;width:50px;padding:6px;font-size:12px;font-weight:700}.pol-pagination-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.pol-export{background:#fff;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;gap:10px;padding:12px;display:flex;box-shadow:0 1px 3px #0000000f}.pol-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.pol-modal{background:#fff;border-radius:8px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.pol-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px;display:flex}.pol-modal-header h3{margin:0;font-size:14px;font-weight:700}.pol-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;display:flex}.pol-modal-close:hover{opacity:.8}.pol-modal-body{padding:14px}.pol-modal-info{background:#f8fafc;border-radius:6px;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;padding:10px;display:grid}.pol-info-row{flex-direction:column;gap:2px;display:flex}.pol-info-label{color:#718096;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.pol-modal-subtitle{color:#2d3748;text-transform:uppercase;letter-spacing:.2px;margin:10px 0 8px;font-size:13px;font-weight:700}.pol-modal-table-wrapper{overflow-x:auto}.pol-modal-table{border-collapse:collapse;width:100%;font-size:11px}.pol-modal-table thead{background:#f0f4ff;border-bottom:1px solid #e2e8f0}.pol-modal-table thead th{text-align:left;color:#2d3748;text-transform:uppercase;padding:8px;font-size:10px;font-weight:700}.pol-modal-table tbody tr{border-bottom:1px solid #e2e8f0}.pol-modal-table tbody td{color:#2d3748;padding:8px}.pol-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:12px;display:flex}.pol-btn-secondary{color:#667eea;background:#fff;border:1px solid #667eea}.pol-btn-secondary:hover{color:#fff;background:#667eea}@media (width<=768px){.pol-container{padding:8px}.pol-filters{flex-direction:column;gap:8px}.pol-filter-group{min-width:100%}.pol-table{font-size:11px}.pol-table thead th,.pol-table tbody td{padding:8px}.pol-modal{max-width:95%}.pol-modal-info{grid-template-columns:1fr}}.pol-btn-print{color:#fff;background:#f59e0b;box-shadow:0 2px 4px #f59e0b33}.pol-btn-print:hover{background:#d97706;transform:scale(1.1);box-shadow:0 4px 8px #f59e0b4d}.pol-modal-header-actions{align-items:center;gap:8px;display:flex}.pol-btn-modal-print{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#f59e0b;border:none;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 2px 4px #f59e0b33}.pol-btn-modal-print:hover{background:#d97706;transform:translateY(-1px);box-shadow:0 4px 8px #f59e0b4d}.pcs-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:85vh;padding:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.pcs-header{background:#fff;border-left:3px solid #667eea;border-radius:8px;margin-bottom:12px;padding:12px 14px;box-shadow:0 1px 3px #0000000f}.pcs-title{color:#667eea;margin:0;font-size:18px;font-weight:700}.pcs-search-form{background:#fff;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:12px;padding:12px;display:flex;box-shadow:0 1px 3px #0000000f}.pcs-search-group{flex:1;align-items:flex-end;gap:8px;min-width:300px;display:flex}.pcs-input{color:#2d3748;box-sizing:border-box;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:8px 12px;font-size:12px;transition:all .2s}.pcs-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.pcs-input-search{flex:1}.pcs-filter-group{flex-direction:column;flex:1;gap:4px;min-width:200px;display:flex}.pcs-filter-label{color:#2d3748;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.pcs-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.pcs-btn-search{color:#fff;background:#667eea;box-shadow:0 2px 4px #667eea33}.pcs-btn-search:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.pcs-btn-search:disabled{opacity:.6;cursor:not-allowed}.pcs-btn-refresh{color:#fff;background:#667eea;box-shadow:0 2px 4px #667eea33}.pcs-btn-refresh:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.pcs-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.pcs-btn-export{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 4px #10b98133}.pcs-btn-export:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.pcs-btn-secondary{color:#667eea;background:#fff;border:1px solid #667eea}.pcs-btn-secondary:hover{color:#fff;background:#667eea}.pcs-search-input-wrapper{flex:1;min-width:250px;position:relative}.pcs-clear-btn{color:#cbd5e0;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:all .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.pcs-clear-btn:hover{color:#667eea}.pcs-suggestions-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;max-height:300px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.pcs-suggestion-item{cursor:pointer;border-bottom:1px solid #f0f4ff;padding:12px;transition:all .2s}.pcs-suggestion-item:hover{background:#f8fafc}.pcs-suggestion-item:last-child{border-bottom:none}.pcs-suggestion-row{gap:20px;margin-bottom:8px;display:flex}.pcs-suggestion-field{flex:1;gap:6px;display:flex}.pcs-suggestion-label{color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;min-width:40px;font-size:10px;font-weight:700}.pcs-suggestion-value{color:#667eea;font-size:12px;font-weight:600}.pcs-suggestion-supplier-row{border-top:1px solid #e2e8f0;gap:6px;padding-top:4px;display:flex}.pcs-suggestion-supplier-row .pcs-suggestion-label{min-width:60px}.pcs-suggestion-supplier-row .pcs-suggestion-value{color:#2d3748;font-weight:500}.pcs-supplier-input-wrapper{width:100%;position:relative}.pcs-supplier-suggestions-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 6px 6px;max-height:300px;margin-top:-1px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.pcs-supplier-suggestion-item{cursor:pointer;border-bottom:1px solid #f0f4ff;justify-content:space-between;align-items:center;padding:12px;transition:all .2s;display:flex}.pcs-supplier-suggestion-item:hover{background:#f8fafc}.pcs-supplier-suggestion-item:last-child{border-bottom:none}.pcs-supplier-name{color:#2d3748;font-size:12px;font-weight:600}.pcs-supplier-count{color:#a0aec0;font-size:11px;font-weight:500}.pcs-results-section{background:#fff;border-radius:8px;margin-bottom:12px;overflow:hidden;box-shadow:0 1px 3px #0000000f}.pcs-results-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.pcs-results-header h3{color:#2d3748;margin:0;font-size:13px;font-weight:700}.pcs-results-info{color:#718096;background:#fff;border-radius:6px;margin-bottom:12px;padding:10px 14px;font-size:12px;font-weight:600;box-shadow:0 1px 3px #0000000f}.pcs-table-wrapper{overflow-x:auto}.pcs-table{border-collapse:collapse;width:100%;font-size:12px}.pcs-table thead{background:#f0f4ff;border-bottom:2px solid #e2e8f0}.pcs-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#2d3748;padding:10px;font-size:11px;font-weight:700}.pcs-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.pcs-table tbody tr:hover{background:#f8fafc}.pcs-table tbody td{color:#2d3748;vertical-align:middle;padding:10px;font-size:12px}.pcs-center{text-align:center}.pcs-bold{color:#667eea;font-weight:700}.pcs-highlight{color:#92400e;background:#fef3c7;border-radius:4px;padding:8px 10px;font-weight:600}.pcs-actions{justify-content:center;gap:6px;display:flex}.pcs-btn-action{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:12px;transition:all .2s;display:flex}.pcs-btn-history{color:#fff;background:#667eea}.pcs-btn-history:hover{background:#5568d3;transform:scale(1.1)}.pcs-pagination{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.pcs-pagination-btn{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:7px 12px;font-size:12px;font-weight:700;transition:all .2s}.pcs-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px)}.pcs-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pcs-pagination-info{color:#2d3748;font-size:12px;font-weight:700}.pcs-no-results{text-align:center;color:#cbd5e0;background:#fff;border-radius:8px;padding:40px 20px;font-size:14px;box-shadow:0 1px 3px #0000000f}.pcs-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.pcs-modal{background:#fff;border-radius:8px;width:100%;max-width:900px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.pcs-modal-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:14px;display:flex}.pcs-modal-header h3{margin:0;font-size:14px;font-weight:700}.pcs-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;display:flex}.pcs-modal-close:hover{opacity:.8}.pcs-modal-body{padding:14px}.pcs-loading{text-align:center;color:#a0aec0;padding:20px}.pcs-no-data{text-align:center;color:#cbd5e0;padding:20px}.pcs-history-wrapper{overflow-x:auto}.pcs-history-table{border-collapse:collapse;width:100%;font-size:11px}.pcs-history-table thead{background:#f0f4ff;border-bottom:1px solid #e2e8f0}.pcs-history-table thead th{text-align:left;color:#2d3748;text-transform:uppercase;padding:8px;font-size:10px;font-weight:700}.pcs-history-table tbody tr{border-bottom:1px solid #e2e8f0}.pcs-history-table tbody tr:hover{background:#f8fafc}.pcs-history-table tbody td{color:#2d3748;padding:8px}.pcs-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:12px;display:flex}.pcs-loading-container{background:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex;box-shadow:0 1px 3px #0000000f}.pcs-spinner{border:4px solid #f0f4ff;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:.8s linear infinite spin}.pcs-access-denied{text-align:center;color:#ef4444;background:#fff;border-radius:8px;padding:60px 20px;box-shadow:0 1px 3px #0000000f}.pcs-access-denied h2{color:#ef4444;margin:0 0 10px;font-size:24px}.pcs-access-denied p{color:#a0aec0;margin:0}@media (width<=768px){.pcs-search-form{flex-direction:column}.pcs-search-group{flex-direction:column;min-width:100%}.pcs-filter-group{min-width:100%}.pcs-suggestions-dropdown,.pcs-supplier-suggestions-dropdown{max-height:200px}.pcs-table{font-size:11px}.pcs-table thead th,.pcs-table tbody td{padding:8px}.pcs-modal{max-width:95%}.pcs-results-header{flex-direction:column;align-items:flex-start;gap:10px}}.pcs-suggestions-dropdown::-webkit-scrollbar{width:6px}.pcs-supplier-suggestions-dropdown::-webkit-scrollbar{width:6px}.pcs-suggestions-dropdown::-webkit-scrollbar-track{background:#f0f4ff}.pcs-supplier-suggestions-dropdown::-webkit-scrollbar-track{background:#f0f4ff}.pcs-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.pcs-supplier-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.pcs-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pcs-supplier-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cm-container{background:#fff;flex-direction:column;height:200vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.cm-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.cm-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.cm-header-icon{font-size:18px}.cm-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.cm-mobile-menu-toggle:active{background:#fff3}.cm-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.cm-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.cm-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.cm-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.cm-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.cm-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.cm-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.cm-mobile-menu-item:active{background:#f3f4f6}.cm-mobile-menu-item.active{color:#667eea;background:#f0f8ff;border-left-color:#667eea}.cm-mobile-menu-item.open{background:#fafafa}.cm-mobile-menu-icon{min-width:16px;font-size:14px}.cm-mobile-menu-label{flex:1}.cm-mobile-menu-badge{color:#667eea;font-size:10px;font-weight:700}.cm-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.cm-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cm-mobile-close-all:active{background:#fecaca}.cm-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.cm-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.cm-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.cm-btn-with-label:active{transform:scale(.97)}.cm-btn-with-label.active{color:#667eea;background:#f0f4ff;border-color:#667eea}.cm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.cm-btn-icon{flex-shrink:0;font-size:12px}.cm-btn-text{display:inline-block}.cm-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.cm-close-all-compact:hover{color:#dc2626;background:#fecaca}.cm-close-all-compact:active{transform:scale(.97)}.cm-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.cm-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.cm-tabs-scroll::-webkit-scrollbar{height:3px}.cm-tabs-scroll::-webkit-scrollbar-track{background:0 0}.cm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cm-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.cm-tab-label:hover{color:#374151;background:#f3f4f6}.cm-tab-label.active{color:#667eea;background:#f0f4ff;border-bottom-color:#667eea}.cm-tab-label-icon{font-size:10px}.cm-tab-label-text{display:inline-block}.cm-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.cm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.cm-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.cm-tab-content{animation:.2s ease-out slideIn}.cm-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.cm-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.cm-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.cm-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}@media (width<=768px){.cm-header-compact{height:44px;padding:0 10px}.cm-mobile-menu-toggle{justify-content:center;align-items:center;display:flex}.cm-mobile-menu-overlay{display:block}.cm-mobile-menu{display:flex;top:44px}.cm-button-bar{display:none}.cm-tab-labels{height:32px}.cm-tab-label-text{display:none}.cm-content{padding:12px}}@media (prefers-color-scheme:dark){.cm-container{background:#1f2937}.cm-button-bar,.cm-mobile-menu,.cm-tab-labels,.cm-content{background:#111827;border-bottom-color:#374151}.cm-btn-with-label.active{color:#a5b4fc;background:#667eea26}.cm-tab-label.active{color:#a5b4fc;background:#667eea1a}}.sales-overview-container{background-color:#f5f7fa;min-height:100vh;padding:20px}.income-stats-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-item{background:#fff;border-left:4px solid #3498db;border-radius:6px;flex-direction:column;gap:6px;padding:12px 15px;display:flex;box-shadow:0 1px 3px #00000014}.stat-value.negative{color:#e74c3c}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:20px;display:grid}.summary-card{background:#fff;border-left:4px solid #3498db;border-radius:6px;padding:15px;transition:all .2s;box-shadow:0 1px 3px #00000014}.summary-card:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001f}.summary-card h4{color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:11px;font-weight:700}.summary-value{color:#2c3e50;margin:0;font-size:16px;font-weight:700}.charts-section{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.chart-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;transition:all .2s;box-shadow:0 1px 3px #00000014}.chart-wrapper:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001f}.chart-header{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chart-header h3{color:#2c3e50;flex:1;margin:0;font-size:13px;font-weight:600}.fullscreen-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#3498db;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.fullscreen-btn:hover{background:#2980b9;transform:translateY(-1px)}.table-section{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:20px;box-shadow:0 1px 3px #00000014}.table-section h3{color:#2c3e50;margin:0 0 15px;font-size:14px;font-weight:600}.table-filters{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.search-input,.filter-select{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;min-width:180px;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .2s}.search-input:focus,.filter-select:focus{border-color:#3498db;outline:none;box-shadow:0 0 4px #3498db33}.table-wrapper{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px;overflow-x:auto}.sales-table{border-collapse:collapse;width:100%;font-size:12px}.sales-table thead{z-index:10;background-color:#f8f9fa;border-bottom:2px solid #dee2e6;position:sticky;top:0}.sales-table th{text-align:left;color:#495057;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background-color:#f8f9fa;padding:10px;font-size:11px;font-weight:600}.sales-table tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .15s}.sales-table tbody tr:hover{background-color:#f8f9fa}.sales-table td{padding:10px}.sales-table .invoice-id{color:#3498db;font-size:12px;font-weight:600}.sales-table .customer-id{color:#555;font-weight:500}.sales-table .amount{text-align:right;color:#2c3e50;font-weight:500}.sales-table .amount.highlight{color:#27ae60;font-weight:600}.sales-table .amount.balance{color:#9b59b6}.sales-table .date{color:#7f8c8d;white-space:nowrap;font-size:11px}.sales-table .employee-name,.sales-table .store-name{color:#555;font-size:11px}.sales-table .no-data{text-align:center;color:#999;font-style:italic;padding:25px!important}.payment-badge{white-space:nowrap;text-transform:capitalize;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.payment-badge.cash-payment{color:#155724;background-color:#d4edda}.payment-badge.card-payment,.payment-badge.card{color:#004085;background-color:#cce5ff}.payment-badge.bank-transfer-payment,.payment-badge.bank{color:#856404;background-color:#fff3cd}.payment-badge.credit-payment,.payment-badge.credit{color:#721c24;background-color:#f8d7da}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.pagination-btn{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.pagination-btn:hover:not(:disabled){color:#fff;background-color:#3498db;border-color:#3498db;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#666;font-size:12px;font-weight:500}.error-message{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;margin-bottom:20px;padding:15px;font-size:12px}.retry-btn{color:#fff;cursor:pointer;background-color:#721c24;border:none;border-radius:4px;margin-top:10px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.retry-btn:hover{background-color:#5a1419}.loading-spinner{color:#999;justify-content:center;align-items:center;min-height:150px;font-size:12px;display:flex}@media (width<=1400px){.charts-section{grid-template-columns:repeat(2,1fr)}.income-stats-row{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.charts-section{grid-template-columns:1fr}.income-stats-row{grid-template-columns:repeat(3,1fr)}.filter-row{flex-direction:column;align-items:stretch}.filter-group{flex:1}.date-input-new{min-width:100%}.btn-apply-new,.btn-reset-new{flex:1}}@media (width<=768px){.sales-overview-container{padding:12px}.date-range-filter-new{margin-bottom:15px;padding:12px 15px}.filter-row{flex-direction:column;align-items:stretch;gap:10px}.filter-group{flex:1}.date-input-new{min-width:100%;padding:7px 9px;font-size:11px}.btn-apply-new,.btn-reset-new{flex:1;padding:7px 12px;font-size:10px}.income-stats-row{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.stat-item{padding:10px 12px}.stat-label{font-size:10px}.stat-value{font-size:13px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.summary-card{padding:12px}.summary-card h4{margin-bottom:6px;font-size:10px}.summary-value{font-size:14px}.charts-section{grid-template-columns:1fr;gap:15px;margin-bottom:20px}.chart-wrapper{padding:12px}.chart-header h3{font-size:12px}.fullscreen-btn{padding:5px 8px;font-size:10px}.table-section{padding:15px}.table-section h3{margin-bottom:12px;font-size:13px}.table-filters{gap:8px;margin-bottom:12px}.search-input,.filter-select{min-width:150px;padding:7px 10px;font-size:11px}.sales-table{font-size:11px}.sales-table th{padding:8px;font-size:10px}.sales-table td{padding:8px}.payment-badge{padding:2px 6px;font-size:9px}.pagination{gap:8px;margin-top:12px}.pagination-btn{padding:5px 10px;font-size:11px}.pagination-info{font-size:11px}}@media (width<=480px){.sales-overview-container{padding:10px}.date-range-filter-new{margin-bottom:12px;padding:10px 12px}.filter-row{flex-direction:column;gap:8px}.filter-group label{font-size:10px}.date-input-new{min-width:100%;padding:6px 8px;font-size:11px}.btn-apply-new,.btn-reset-new{flex:1;padding:6px 10px;font-size:10px}.date-range-info-new{margin-top:8px;padding:6px 10px;font-size:11px}.income-stats-row{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.stat-item{padding:8px 10px}.stat-label{font-size:9px}.stat-value{font-size:12px}.summary-cards{grid-template-columns:1fr;gap:8px;margin-bottom:12px}.summary-card{padding:10px}.summary-card h4{margin-bottom:4px;font-size:9px}.summary-value{font-size:13px}.charts-section{grid-template-columns:1fr;gap:12px;margin-bottom:15px}.chart-wrapper{padding:10px}.chart-header h3{font-size:11px}.fullscreen-btn{padding:4px 6px;font-size:9px}.chart-loading{min-height:250px;font-size:11px}.table-section{padding:12px}.table-section h3{margin-bottom:10px;font-size:12px}.table-filters{flex-direction:column;gap:6px;margin-bottom:10px}.search-input,.filter-select{min-width:100%;padding:6px 8px;font-size:11px}.sales-table{font-size:10px}.sales-table th{padding:6px;font-size:9px}.sales-table td{padding:6px}.sales-table .invoice-id{font-size:11px}.sales-table .date,.sales-table .employee-name,.sales-table .store-name{font-size:10px}.payment-badge{padding:2px 5px;font-size:8px}.pagination{gap:6px;margin-top:10px}.pagination-btn{padding:4px 8px;font-size:10px}.pagination-info{font-size:10px}.error-message{padding:12px;font-size:11px}.retry-btn{margin-top:8px;padding:6px 12px;font-size:11px}.loading-spinner{min-height:120px;font-size:11px}}@media print{.date-range-filter-new,.table-filters,.pagination,.fullscreen-btn{display:none}.sales-overview-container{background:#fff;padding:0}.chart-wrapper,.summary-card,.table-section,.stat-item{box-shadow:none;page-break-inside:avoid;border:1px solid #ddd}}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb{background:#bbb;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#888}.export-btn{color:#333;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.export-btn:disabled{opacity:.5;cursor:not-allowed}.export-btn.pdf-btn{color:#fff;background-color:#e74c3c;border-color:#c0392b}.export-btn.pdf-btn:hover:not(:disabled){background-color:#c0392b}.export-btn.excel-btn{color:#fff;background-color:#27ae60;border-color:#229954}.export-btn.excel-btn:hover:not(:disabled){background-color:#229954}.export-btn.csv-btn{color:#fff;background-color:#3498db;border-color:#2980b9}.export-btn.csv-btn:hover:not(:disabled){background-color:#2980b9}.topproduct-container{background-color:#f5f7fa;min-height:100vh;padding:20px}.product-id-top{color:#3498db;font-size:10px;font-weight:500}.barcode-top{color:#7f8c8d;font-size:10px}.pagination-btn-top{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}@media (width<=1400px){.charts-section-top{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.charts-section-top{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.date-input-new{min-width:100%}.btn-apply-new,.btn-reset-new{flex:1}}@media (width<=768px){.topproduct-container{padding:12px}.charts-section-top{grid-template-columns:1fr;gap:15px}.summary-cards-top{grid-template-columns:repeat(2,1fr)}.products-table-top{font-size:10px}.products-table-top th,.products-table-top td{padding:6px}}@media (width<=480px){.topproduct-container{padding:10px}.charts-section-top{grid-template-columns:1fr;gap:12px}.summary-cards-top{grid-template-columns:1fr}.products-table-top{font-size:9px}.products-table-top th,.products-table-top td{padding:5px}}.pagination-btn-top:hover:not(:disabled){color:#fff;background-color:#3498db;border-color:#3498db;transform:translateY(-1px);box-shadow:0 2px 6px #3498db4d}.pagination-btn-top:disabled{opacity:.5;cursor:not-allowed;color:#999;background-color:#ecf0f1}.pagination-info-top{color:#666;padding:0 10px;font-size:12px;font-weight:600}.export-btn-top:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.export-btn-top.pdf-btn:hover{background-color:#c0392b}.export-btn-top.excel-btn:hover{background-color:#229954}.export-btn-top.csv-btn:hover{background-color:#2980b9}.topcategory-container{background-color:#f5f7fa;min-height:100vh;padding:20px}.date-range-filter-new{background:#fff;border:1px solid #e0e0e0;border-radius:6px;margin-bottom:20px;padding:15px 20px;box-shadow:0 1px 3px #00000014}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.filter-group{flex-direction:column;gap:4px;display:flex}.date-input-new{background:#fff;border:1px solid #ddd;border-radius:4px;min-width:130px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .2s}.date-input-new:focus{border-color:#3498db;outline:none;box-shadow:0 0 4px #3498db33}.btn-apply-new,.btn-reset-new{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border:none;border-radius:4px;padding:8px 14px;font-size:11px;font-weight:600;transition:all .2s}.btn-apply-new{color:#fff;background:#2ecc71;box-shadow:0 2px 6px #2ecc714d}.btn-apply-new:hover{background:#27ae60;box-shadow:0 2px 8px #2ecc7166}.btn-reset-new{color:#333;background:#ecf0f1;border:1px solid #bdc3c7}.btn-reset-new:hover{background:#d5dbdb}.date-range-info-new{color:#2c3e50;background:#e8f4f8;border-left:3px solid #3498db;border-radius:3px;padding:8px 12px;font-size:12px;font-weight:500}.summary-cards-top{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:20px;display:grid}.summary-card-top{background:#fff;border-left:4px solid #3498db;border-radius:6px;flex-direction:column;gap:6px;padding:12px 15px;display:flex;box-shadow:0 1px 3px #00000014}.stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600}.stat-value{color:#2c3e50;font-size:14px;font-weight:700}.stat-value.highlight{color:#3498db;font-size:15px}.stat-value.positive{color:#27ae60}.charts-section-top{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px;display:grid}.chart-wrapper-top{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:15px;transition:all .2s;box-shadow:0 1px 3px #00000014}.chart-wrapper-top:hover{transform:translateY(-2px);box-shadow:0 3px 8px #0000001f}.chart-header-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.chart-header-top h3{color:#2c3e50;flex:1;margin:0;font-size:13px;font-weight:600}.fullscreen-btn-top{color:#fff;cursor:pointer;white-space:nowrap;background:#3498db;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.fullscreen-btn-top:hover{background:#2980b9;transform:translateY(-1px)}.chart-loading{color:#999;justify-content:center;align-items:center;min-height:300px;font-size:13px;display:flex}.table-section-top{background:#fff;border:1px solid #e0e0e0;border-radius:6px;padding:20px;box-shadow:0 1px 3px #00000014}.table-section-top h3{color:#2c3e50;margin:0 0 15px;font-size:14px;font-weight:600}.table-filters-top{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.search-input-top{background:#fff;border:1px solid #ddd;border-radius:4px;flex:1;min-width:200px;padding:8px 12px;font-family:inherit;font-size:12px;transition:all .2s}.search-input-top:focus{border-color:#3498db;outline:none;box-shadow:0 0 4px #3498db33}.export-buttons-top{flex-wrap:wrap;gap:8px;margin-bottom:15px;display:flex}.export-btn-top{color:#333;cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.export-btn-top:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.export-btn-top:disabled{opacity:.5;cursor:not-allowed}.export-btn-top.pdf-btn{color:#fff;background-color:#e74c3c;border-color:#c0392b}.export-btn-top.pdf-btn:hover:not(:disabled){background-color:#c0392b}.export-btn-top.excel-btn{color:#fff;background-color:#27ae60;border-color:#229954}.export-btn-top.excel-btn:hover:not(:disabled){background-color:#229954}.export-btn-top.csv-btn{color:#fff;background-color:#3498db;border-color:#2980b9}.export-btn-top.csv-btn:hover:not(:disabled){background-color:#2980b9}.table-wrapper-top{background:#fff;border:1px solid #e0e0e0;border-radius:4px;margin-bottom:15px;overflow-x:auto}.products-table-top{border-collapse:collapse;width:100%;font-size:11px}.products-table-top thead{z-index:10;background-color:#f8f9fa;border-bottom:2px solid #dee2e6;position:sticky;top:0}.products-table-top th{text-align:left;color:#495057;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;padding:8px;font-size:10px;font-weight:600}.products-table-top tbody tr{border-bottom:1px solid #e0e0e0;transition:background-color .15s}.products-table-top tbody tr:hover{background-color:#f8f9fa}.products-table-top td{padding:8px}.invoice-id-top{color:#3498db;font-size:10px;font-weight:500}.product-name-top{color:#2c3e50;font-weight:600}.category-top{color:#e74c3c;font-weight:600}.brand-top{color:#7f8c8d;font-size:10px}.quantity-top{text-align:right;font-weight:500}.cost-top,.mrp-top,.rate-top{text-align:right;color:#555;font-size:10px;font-weight:500}.discount-top{text-align:right;color:#e74c3c;font-weight:600}.amount-top{text-align:right;font-weight:500}.amount-top.highlight-top{color:#3498db;font-weight:600}.profit-top{text-align:right;font-weight:600}.profit-top.positive-top{color:#27ae60}.profit-top.negative-top{color:#e74c3c}.profit-pct-top{text-align:right;font-weight:600}.profit-pct-top.positive-top{color:#27ae60}.profit-pct-top.negative-top{color:#e74c3c}.store-top{color:#7f8c8d;font-size:10px}.date-top{color:#7f8c8d;white-space:nowrap;font-size:10px}.no-data-top{text-align:center;color:#999;font-style:italic;padding:25px!important}.table-row-hover-top:hover{background-color:#f8f9fa}.pagination-top{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:15px;display:flex}.pagination-btn-top{color:#333;cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:4px;padding:8px 14px;font-size:12px;font-weight:600;transition:all .2s}.pagination-btn-top:hover:not(:disabled){color:#fff;background-color:#3498db;border-color:#3498db;transform:translateY(-1px)}.pagination-btn-top:disabled{opacity:.5;cursor:not-allowed}.pagination-info-top{color:#666;font-size:12px;font-weight:500}.loading-spinner-top{color:#999;justify-content:center;align-items:center;min-height:150px;font-size:12px;display:flex}@media (width<=1400px){.charts-section-top{grid-template-columns:repeat(2,1fr)}}@media (width<=1024px){.charts-section-top{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.date-input-new{min-width:100%}.btn-apply-new,.btn-reset-new{flex:1}}@media (width<=768px){.topcategory-container{padding:12px}.charts-section-top{grid-template-columns:1fr;gap:15px}.summary-cards-top{grid-template-columns:repeat(2,1fr)}.products-table-top{font-size:10px}.products-table-top th,.products-table-top td{padding:6px}.products-table-top th{font-size:9px}.export-buttons-top{flex-direction:column}.export-btn-top{flex:1;justify-content:center}}@media (width<=480px){.topcategory-container{padding:10px}.charts-section-top{grid-template-columns:1fr;gap:12px}.summary-cards-top{grid-template-columns:1fr}.products-table-top{font-size:9px}.products-table-top th,.products-table-top td{padding:5px}.products-table-top th{font-size:8px}.filter-row{flex-direction:column}.date-input-new{min-width:100%}.export-buttons-top{flex-direction:column}.export-btn-top{flex:1}}.smd-container{background:#fff;flex-direction:column;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;display:flex;position:relative;overflow:hidden}.smd-header-compact{z-index:100;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #0000001a;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex;box-shadow:0 2px 8px #0000001f}.smd-header-title{color:#fff;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.smd-header-icon{font-size:18px}.smd-mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:18px;transition:all .2s;display:none}.smd-mobile-menu-toggle:active{background:#fff3}.smd-mobile-menu-overlay{z-index:200;background:#00000080;animation:.2s ease-out fadeIn;display:none;position:fixed;inset:0}.smd-mobile-menu{z-index:250;background:#fff;border-bottom:1px solid #e5e5e5;flex-direction:column;max-height:calc(100vh - 48px);animation:.3s ease-out slideDown;display:none;position:absolute;top:48px;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.smd-mobile-menu-header{background:#f9fafb;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.smd-mobile-menu-header h3{color:#1f2937;margin:0;font-size:14px;font-weight:600}.smd-mobile-menu-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px 4px;font-size:16px;display:flex}.smd-mobile-menu-content{flex-direction:column;gap:0;max-height:calc(100vh - 180px);padding:4px 0;display:flex;overflow-y:auto}.smd-mobile-menu-item{cursor:pointer;color:#4b5563;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.smd-mobile-menu-item:active{background:#f3f4f6}.smd-mobile-menu-item.active{color:#667eea;background:#eff6ff;border-left-color:#667eea}.smd-mobile-menu-item.open{background:#fafafa}.smd-mobile-menu-icon{min-width:16px;font-size:14px}.smd-mobile-menu-label{flex:1}.smd-mobile-menu-badge{color:#10b981;font-size:10px;font-weight:700}.smd-mobile-menu-footer{background:#f9fafb;border-top:1px solid #e5e5e5;padding:8px 12px}.smd-mobile-close-all{cursor:pointer;color:#dc2626;background:#fee2e2;border:none;border-radius:4px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.smd-mobile-close-all:active{background:#fecaca}.smd-button-bar{background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;justify-content:space-between;align-items:center;gap:3px;height:44px;padding:0 6px;display:flex;overflow:auto hidden}.smd-buttons-row{flex-wrap:nowrap;align-items:center;gap:4px;min-width:min-content;display:flex}.smd-btn-with-label{cursor:pointer;color:#4a5568;white-space:nowrap;background:0 0;border:2px solid #0000;border-left-width:3px;border-radius:4px;flex-shrink:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.smd-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.smd-btn-with-label:active{transform:scale(.97)}.smd-btn-with-label.active{color:#667eea;background:#eff6ff;border-color:#667eea}.smd-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.smd-btn-icon{flex-shrink:0;font-size:12px}.smd-btn-text{display:inline-block}.smd-close-all-compact{cursor:pointer;color:#ef4444;white-space:nowrap;background:#fee2e2;border:none;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.smd-close-all-compact:hover{color:#dc2626;background:#fecaca}.smd-close-all-compact:active{transform:scale(.97)}.smd-button-bar::-webkit-scrollbar{height:3px}.smd-button-bar::-webkit-scrollbar-track{background:0 0}.smd-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.smd-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.smd-tab-labels{background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;align-items:center;gap:2px;height:36px;padding:0 6px;display:flex;overflow:hidden}.smd-tabs-scroll{scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent;flex:1;gap:0;display:flex;overflow-x:auto}.smd-tabs-scroll::-webkit-scrollbar{height:3px}.smd-tabs-scroll::-webkit-scrollbar-track{background:0 0}.smd-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.smd-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.smd-tab-label{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:10px;font-weight:500;transition:all .2s;display:flex;position:relative}.smd-tab-label:hover{color:#374151;background:#f3f4f6}.smd-tab-label:active{transform:scale(.97)}.smd-tab-label.active{color:#667eea;background:#eff6ff;border-bottom-color:#667eea}.smd-tab-label-icon{font-size:10px}.smd-tab-label-text{display:inline-block}.smd-tab-label-close{width:14px;height:14px;color:inherit;cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;margin-left:2px;padding:0;font-size:8px;transition:all .2s;display:flex}.smd-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.smd-tab-label-close:active{transform:scale(.85)}.smd-content{background:#fff;flex:1;padding:16px;overflow:hidden auto}.smd-tab-content{animation:.2s ease-out slideIn}.smd-content::-webkit-scrollbar{width:6px}.smd-content::-webkit-scrollbar-track{background:0 0}.smd-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.smd-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.smd-empty{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;display:flex}.smd-empty-icon{opacity:.3;font-size:56px;animation:3s ease-in-out infinite float}.smd-empty h2{color:#374151;margin:0;font-size:18px;font-weight:600}.smd-empty p{color:#9ca3af;max-width:280px;margin:0;font-size:13px}.smd-empty-info{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:400px;margin-top:20px;display:grid}.smd-info-item{background:#f9fafb;border-left:3px solid #667eea;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex}.smd-info-label{color:#1f2937;font-size:12px;font-weight:600}.smd-info-desc{color:#6b7280;font-size:11px}.smd-mobile-menu-content::-webkit-scrollbar{width:4px}.smd-mobile-menu-content::-webkit-scrollbar-track{background:0 0}.smd-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}@media (width<=768px){.smd-header-compact{height:44px;padding:0 10px}.smd-header-title{gap:6px;font-size:14px}.smd-header-icon{font-size:16px}.smd-mobile-menu-toggle{justify-content:center;align-items:center;padding:3px 5px;font-size:16px;display:flex}.smd-mobile-menu-overlay{display:block}.smd-mobile-menu{max-height:calc(100vh - 44px);display:flex;top:44px}.smd-button-bar{display:none}.smd-tab-labels{gap:1px;height:32px;padding:0 4px}.smd-tab-label{gap:3px;padding:4px 8px;font-size:9px}.smd-tab-label-text{display:none}.smd-tab-label-icon{font-size:10px}.smd-tab-label-close{width:12px;height:12px;margin-left:1px;font-size:7px}.smd-content{padding:12px}.smd-empty h2{font-size:16px}.smd-empty p{font-size:12px}.smd-empty-icon{font-size:48px}.smd-empty-info{grid-template-columns:1fr;max-width:300px}}@media (width<=480px){.smd-header-compact{height:40px;padding:0 8px}.smd-header-title{gap:4px;font-size:12px}.smd-header-icon{font-size:14px}.smd-mobile-menu-toggle{padding:2px 4px;font-size:14px}.smd-mobile-menu{max-height:calc(100vh - 40px);top:40px}.smd-mobile-menu-header{padding:8px 10px}.smd-mobile-menu-header h3{font-size:12px}.smd-mobile-menu-item{gap:8px;padding:8px 10px;font-size:11px}.smd-mobile-menu-icon{min-width:14px;font-size:12px}.smd-mobile-menu-footer{padding:6px 10px}.smd-mobile-close-all{gap:4px;padding:6px 8px;font-size:10px}.smd-tab-labels{gap:0;height:28px;padding:0 2px}.smd-tab-label{gap:2px;padding:3px 6px;font-size:8px}.smd-tab-label-close{width:10px;height:10px;margin-left:0;font-size:6px}.smd-content{padding:10px}.smd-empty-icon{font-size:40px}.smd-empty h2{font-size:14px}.smd-empty p{max-width:220px;font-size:11px}.smd-empty-info{max-width:250px}}@media (width<=360px){.smd-header-title span{display:none}.smd-header-icon{font-size:16px}.smd-header-compact{height:38px;padding:0 6px}.smd-mobile-menu-item{gap:6px;padding:7px 9px;font-size:10px}.smd-mobile-menu-icon{font-size:11px}.smd-tab-label{gap:1px;padding:2px 4px;font-size:7px}.smd-tab-label-icon{font-size:8px}.smd-tab-label-close{width:8px;height:8px;font-size:5px}.smd-content{padding:8px}.smd-empty-icon{font-size:36px}.smd-empty h2{font-size:12px}.smd-empty p{max-width:200px;font-size:10px}.smd-empty-info{grid-template-columns:1fr;gap:8px;max-width:200px}.smd-info-item{padding:8px}.smd-info-label{font-size:10px}.smd-info-desc{font-size:9px}}@media (height<=500px) and (orientation:landscape){.smd-header-compact{height:40px}.smd-header-title{font-size:13px}.smd-button-bar{height:36px;padding:0 4px}.smd-btn-with-label{padding:4px 8px;font-size:10px}.smd-tab-labels{height:28px}.smd-tab-label{padding:4px 8px;font-size:8px}.smd-content{padding:12px}.smd-mobile-menu-item{padding:6px 10px;font-size:10px}}@media (prefers-color-scheme:dark){.smd-container{background:#1f2937}.smd-button-bar,.smd-mobile-menu,.smd-tab-labels,.smd-content{background:#111827;border-bottom-color:#374151}.smd-header-compact{border-bottom-color:#374151}.smd-btn-with-label,.smd-tab-label{color:#d1d5db}.smd-btn-with-label:hover,.smd-tab-label:hover{background:#1f2937}.smd-btn-with-label.active{color:#a5b4fc;background:#667eea26;border-color:#667eea}.smd-tab-label.active{color:#a5b4fc;background:#667eea1a;border-bottom-color:#667eea}.smd-mobile-menu-item{color:#d1d5db}.smd-mobile-menu-item.active{color:#a5b4fc;background:#667eea26}.smd-mobile-menu-header,.smd-mobile-menu-footer{background:#1f2937;border-color:#374151}.smd-mobile-menu-header h3,.smd-empty h2{color:#f3f4f6}.smd-empty p,.smd-empty-icon{color:#9ca3af}.smd-info-item{background:#1f2937;border-left-color:#667eea}.smd-info-label{color:#f3f4f6}.smd-info-desc{color:#9ca3af}}@media print{.smd-header-compact,.smd-button-bar,.smd-mobile-menu,.smd-tab-labels,.smd-mobile-menu-toggle,.smd-close-all-compact{display:none}.smd-container{height:auto}.smd-content{padding:0}}@media (prefers-reduced-motion:reduce){.smd-btn-with-label,.smd-tab-label,.smd-mobile-menu-item,.smd-tab-content,.smd-mobile-menu{transition:none;animation:none}}@media (prefers-contrast:more){.smd-btn-with-label.active,.smd-tab-label.active,.smd-mobile-menu-item.active{border-width:2px;font-weight:700}.smd-header-compact{border-bottom-width:2px}}.systempanel-container{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);min-height:100vh;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.systempanel-header{background:#fff;border-radius:8px;margin-bottom:16px;padding:12px 16px;box-shadow:0 2px 6px #0000000f}.systempanel-title{color:#1a202c;align-items:center;gap:8px;margin:0 0 4px;font-size:18px;font-weight:700;display:flex}.systempanel-subtitle{color:#718096;margin:0;font-size:12px}.systempanel-alert{border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:12px 14px;font-size:12px;font-weight:600;animation:.3s ease-out slideDown;display:flex}.systempanel-alert-success{color:#065f46;background:#d1fae5;border-left:4px solid #10b981}.systempanel-alert-error{color:#991b1b;background:#fee2e2;border-left:4px solid #ef4444}.systempanel-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:16px;display:grid}.systempanel-stat-card{background:#fff;border-left:4px solid #667eea;border-radius:8px;flex-direction:column;gap:4px;padding:12px 14px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000f}.systempanel-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.systempanel-stat-card.loan{border-left-color:#f59e0b}.systempanel-stat-card.payment{border-left-color:#10b981}.systempanel-stat-card.pending{border-left-color:#ef4444}.systempanel-stat-label{color:#718096;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.systempanel-stat-value{color:#2d3748;font-size:16px;font-weight:700}.systempanel-action-bar{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.systempanel-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:600;transition:all .3s;display:flex}.systempanel-btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.systempanel-btn-primary:hover{transform:translateY(-2px);box-shadow:0 3px 8px #667eea4d}.systempanel-btn-success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.systempanel-btn-success:hover{transform:translateY(-2px);box-shadow:0 3px 8px #10b9814d}.systempanel-btn-secondary{color:#4a5568;background:#e2e8f0}.systempanel-btn-secondary:hover{background:#cbd5e1}.systempanel-content{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=1200px){.systempanel-content{grid-template-columns:1fr}}.systempanel-section{background:#fff;border-radius:8px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000f}.systempanel-section-header{background:#fff;border-bottom:2px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.systempanel-section-title{color:#1a202c;margin:0;font-size:13px;font-weight:700}.systempanel-table-wrapper{flex:1;max-height:450px;overflow-x:auto}.systempanel-table{border-collapse:collapse;width:100%;font-size:12px}.systempanel-table thead{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.systempanel-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#fff;border:none;padding:10px 12px;font-size:11px;font-weight:600}.systempanel-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s}.systempanel-table tbody tr:hover{background:#f7fafc}.systempanel-table tbody td{color:#2d3748;padding:10px 12px;font-size:12px}.systempanel-table-id{color:#667eea;font-family:Courier New,monospace;font-size:11px;font-weight:600}.systempanel-table-amount{color:#10b981;font-weight:600}.systempanel-table-remark{white-space:nowrap;text-overflow:ellipsis;color:#718096;max-width:200px;overflow:hidden}.systempanel-badge{text-transform:uppercase;letter-spacing:.2px;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.systempanel-badge-pending{color:#92400e;background:#fef3c7}.systempanel-badge-partial{color:#1e40af;background:#dbeafe}.systempanel-badge-success,.systempanel-badge-paid,.systempanel-badge-full{color:#065f46;background:#d1fae5}.systempanel-action-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:600;transition:all .3s}.systempanel-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #667eea4d}.systempanel-action-btn:disabled{opacity:.5;cursor:not-allowed}.systempanel-action-badge{color:#059669;background:#d1fae5;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.systempanel-empty{color:#718096;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.systempanel-empty-icon{margin-bottom:12px;font-size:48px}.systempanel-empty-text{color:#718096;margin:0;font-size:12px}.systempanel-modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.systempanel-modal{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 10px 40px #0003}.systempanel-modal-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px;display:flex}.systempanel-modal-title{color:#fff;margin:0;font-size:14px;font-weight:700}.systempanel-modal-close{background-color:var(--closebutton-color);width:25px;height:25px;color:var(--black);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex;top:10px;right:10px}.systempanel-modal-close:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}.systempanel-modal-form{padding:16px}.systempanel-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:flex-end;gap:8px;padding:16px;display:flex}.systempanel-form-group{margin-bottom:12px}.systempanel-form-group:last-child{margin-bottom:0}.systempanel-form-label{color:#2d3748;text-transform:uppercase;letter-spacing:.2px;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.systempanel-form-input,.systempanel-form-select{color:#2d3748;box-sizing:border-box;background:#fff;border:2px solid #e2e8f0;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.systempanel-form-input:focus,.systempanel-form-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.systempanel-form-hint{color:#718096;margin-top:4px;font-size:10px;display:block}.systempanel-loan-info{background:#f7fafc;border-left:4px solid #667eea;border-radius:6px;margin-bottom:16px;padding:12px}.systempanel-info-row{justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;display:flex}.systempanel-info-label{color:#4a5568;font-weight:600}.systempanel-info-value{color:#2d3748;font-weight:700}.systempanel-info-value.remaining{color:#ef4444}.systempanel-filter-buttons{gap:8px;margin-left:auto;display:flex}.systempanel-filter-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s}.systempanel-filter-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.systempanel-filter-btn.active{color:#fff;background:#667eea;border-color:#667eea}.systempanel-row-paid{opacity:.8;background:#f0fdf4}.systempanel-row-paid td{color:#6b7280}.systempanel-view-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s}.systempanel-view-btn:hover{color:#1f2937;background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}.systempanel-file-modal{max-width:750px;max-height:90vh;overflow-y:auto}.systempanel-file-viewer{background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:20px;display:flex}.systempanel-file-viewer img,.systempanel-file-viewer iframe{border-radius:8px;box-shadow:0 4px 12px #0000001a}.systempanel-expand-btn{cursor:pointer;color:#667eea;background:0 0;border:none;padding:4px 8px;font-size:14px;transition:all .2s}.systempanel-expand-btn:hover{color:#764ba2;transform:scale(1.2)}.systempanel-history-row{background:#f8fafc}.systempanel-history-row td{padding:16px!important}.systempanel-payment-history{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.systempanel-payment-history h4{color:#1e293b;margin:0 0 12px;font-size:13px;font-weight:700}.systempanel-history-table-wrapper{overflow-x:auto}.systempanel-history-table{border-collapse:collapse;width:100%;font-size:12px}.systempanel-history-table thead{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:1px solid #cbd5e1}.systempanel-history-table th{text-align:left;color:#fff;border:none;padding:8px;font-size:11px;font-weight:600}.systempanel-history-table td{color:#2d3748;border-bottom:1px solid #e2e8f0;padding:8px}.systempanel-history-table tbody tr:hover{background:#f8fafc}.systempanel-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.systempanel-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.systempanel-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.systempanel-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.systempanel-history-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.systempanel-history-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.systempanel-history-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.systempanel-history-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.systempanel-filter-buttons{width:100%;margin-left:0}.systempanel-section-header{flex-direction:column;align-items:flex-start}}@media (width<=767px){.systempanel-container{padding:12px}.systempanel-header{margin-bottom:12px;padding:10px 12px}.systempanel-title{font-size:14px}.systempanel-stats{grid-template-columns:repeat(2,1fr);gap:10px}.systempanel-action-bar{gap:6px}.systempanel-btn{flex:1;padding:8px 12px;font-size:11px}.systempanel-content{grid-template-columns:1fr;gap:12px}.systempanel-table-wrapper{max-height:380px}.systempanel-table{font-size:11px}.systempanel-table thead th{padding:8px;font-size:10px}.systempanel-table tbody td{padding:8px;font-size:11px}.systempanel-modal{width:95%;max-height:95vh}.systempanel-history-table{font-size:11px}.systempanel-history-table th,.systempanel-history-table td{padding:6px;font-size:10px}.systempanel-filter-buttons{flex-direction:column;width:100%}.systempanel-filter-btn{width:100%}}@media (width<=480px){.systempanel-container{padding:8px}.systempanel-header{margin-bottom:8px;padding:8px 10px}.systempanel-title{font-size:13px}.systempanel-stats{grid-template-columns:1fr;gap:8px}.systempanel-stat-label{font-size:10px}.systempanel-stat-value{font-size:14px}.systempanel-action-bar{flex-direction:column;gap:4px}.systempanel-btn{width:100%;padding:8px 12px;font-size:10px}.systempanel-section-header{flex-direction:column;align-items:flex-start;padding:10px}.systempanel-section-title{font-size:12px}.systempanel-table-wrapper{max-height:350px}.systempanel-table{font-size:10px}.systempanel-table thead th{padding:6px;font-size:9px}.systempanel-table tbody td{padding:6px;font-size:10px}.systempanel-action-btn{padding:4px 8px;font-size:10px}.systempanel-view-btn{padding:3px 6px;font-size:10px}.systempanel-modal{width:98%;max-height:98vh}.systempanel-modal-header{padding:12px}.systempanel-modal-title{font-size:13px}.systempanel-modal-form{padding:12px}.systempanel-modal-footer{flex-direction:column-reverse;padding:12px}.systempanel-modal-footer .systempanel-btn{width:100%}.systempanel-filter-buttons{flex-direction:column;width:100%;margin-left:0}.systempanel-filter-btn{width:100%;padding:6px 12px}.systempanel-history-table{font-size:10px}.systempanel-history-table th,.systempanel-history-table td{padding:4px;font-size:9px}.systempanel-payment-history{padding:8px}.systempanel-payment-history h4{margin-bottom:8px;font-size:12px}}@media print{.systempanel-action-bar,.systempanel-filter-buttons,.systempanel-action-btn,.systempanel-view-btn{display:none}.systempanel-table-wrapper,.systempanel-history-table-wrapper{max-height:none}}.systempanel-btn:focus,.systempanel-filter-btn:focus,.systempanel-view-btn:focus,.systempanel-expand-btn:focus{outline-offset:2px;outline:2px solid #667eea}@media (prefers-color-scheme:dark){.systempanel-container{background:linear-gradient(135deg,#1a202c 0%,#2d3748 100%)}.systempanel-header,.systempanel-section,.systempanel-modal,.systempanel-payment-history{color:#e2e8f0;background:#2d3748}.systempanel-title,.systempanel-section-title{color:#e2e8f0}.systempanel-table tbody td{color:#cbd5e1}.systempanel-form-input,.systempanel-form-select{color:#e2e8f0;background:#1a202c;border-color:#4a5568}.systempanel-form-input:focus,.systempanel-form-select:focus{border-color:#667eea}}.container{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.container:before{content:"";z-index:1;background:radial-gradient(circle,#ffffff1a 1px,#0000 1px) 0 0/50px 50px;width:200%;height:200%;animation:20s ease-in-out infinite float;position:absolute;top:-50%;left:-50%}.left-side{text-align:center;z-index:2;flex-direction:column;justify-content:center;align-items:center;width:50%;padding:0 40px;display:flex;position:relative}.logo{filter:drop-shadow(0 10px 20px #0003);width:100%;max-width:350px;margin-bottom:30px;transition:transform .3s}.logo:hover{transform:scale(1.05)}.logo-preview{text-align:center;margin-top:15px}.logo-preview img{object-fit:cover;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:4px solid #ffffff4d;border-radius:50%;width:120px;height:120px;transition:all .3s;box-shadow:0 8px 32px #0000001a}.logo-preview img:hover{border-color:#fff9;transform:scale(1.1)}.pos-title{color:#fff;text-shadow:0 4px 8px #0000004d;letter-spacing:-1px;margin:0;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.2}.pos-version{color:#ffffffe6;text-shadow:0 2px 4px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;margin-top:15px;padding:8px 20px;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:300}.right-side{z-index:2;justify-content:center;align-items:center;width:50%;padding:0 40px;display:flex;position:relative}.pos-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #fff3;border-radius:20px;width:100%;max-width:450px;padding:50px 40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0000001a}.pos-form:before{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:4px;position:absolute;top:0;left:0;right:0}.pos-form h2{text-align:center;color:#2d3748;margin-bottom:35px;font-size:32px;font-weight:700;position:relative}.pos-form h2:after{content:"";background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.form-group{margin-bottom:25px;position:relative}.form-group label{color:#4a5568;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:14px;font-weight:600;display:block}.form-group input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;width:100%;padding:16px 20px;font-size:16px;transition:all .3s;box-shadow:0 2px 4px #0000000d}.form-group input:focus{border:2px solid #667eea;outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px #667eea1a}.form-group input::placeholder{color:#a0aec0;font-weight:400}.form-group input[type=file]{cursor:pointer;background:#f7fafc;border:2px dashed #cbd5e0;padding:12px 20px;transition:all .3s}.form-group input[type=file]:hover{background:#edf2f7;border-color:#667eea}.submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #667eea66}.submit-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea99}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;box-shadow:none;background:#a0aec0;transform:none}.footer-text{text-align:center;color:#718096;margin-top:30px;font-size:12px;line-height:1.5}.footer-text p{margin:6px 0;font-weight:500}.footer-text p:first-child{color:#4a5568;font-weight:600}@media (width<=1024px){.container,.left-side,.right-side{padding:0 20px}.pos-form{max-width:400px;padding:40px 30px}}@media (width<=768px){.container{flex-direction:column;height:auto;min-height:100vh;padding:20px}.left-side,.right-side{width:100%;padding:20px 0}.left-side{margin-bottom:20px}.pos-form{width:100%;max-width:100%;margin:0;padding:40px 25px}.pos-title{font-size:2.5rem}.pos-version{font-size:1.5rem}.logo{max-width:250px}}@media (width<=480px){.pos-form{padding:30px 20px}.pos-form h2{font-size:28px}.form-group input{padding:14px 16px}.submit-btn{padding:14px;font-size:14px}}.submit-btn:disabled:after{content:"";border:2px solid #fff;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.mw-overlay{z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden}.mw-card-wrapper{z-index:10;animation:.6s cubic-bezier(.34,1.56,.64,1) mw-card-entrance;position:relative}@keyframes mw-card-entrance{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.mw-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fff 0%,#f8fafc 100%);border:1px solid #ffffff4d;border-radius:24px;flex-direction:column;width:900px;max-width:90vw;height:450px;max-height:100vh;padding:32px 36px;display:flex;overflow-y:auto;box-shadow:0 25px 80px #00000040,0 0 60px #667eea26,inset 0 1px #fff9}.mw-top-section{text-align:center;flex-shrink:0;margin-bottom:22px;animation:.8s ease-out mw-fade-in}@keyframes mw-fade-in{0%{opacity:0}to{opacity:1}}.mw-logo-container{margin-bottom:14px;display:inline-block;position:relative}.mw-logo-circle{z-index:2;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:40px;animation:.8s cubic-bezier(.34,1.56,.64,1) mw-logo-bounce;display:flex;position:relative;box-shadow:0 15px 40px #667eea66,0 0 30px #f093fb33}@keyframes mw-logo-bounce{0%{opacity:0;transform:scale(0)rotate(-30deg)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)rotate(0)}}.mw-logo-pulse{border:2px solid #667eea4d;border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite mw-pulse-ring;position:absolute}@keyframes mw-pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.mw-welcome-title{color:#1f2937;letter-spacing:-.5px;margin:0 0 5px;font-size:26px;font-weight:800;line-height:1.2}.mw-username{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.mw-store-badge{color:#6b7280;letter-spacing:.2px;margin:0;font-size:12px;font-weight:600}.mw-progress-section{flex-shrink:0;margin-bottom:18px}.mw-progress-bar-container{background:linear-gradient(90deg,#e5e7eb 0%,#f3f4f6 100%);border-radius:10px;width:100%;height:7px;margin-bottom:7px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f}.mw-progress-bar-fill{background:linear-gradient(90deg,#667eea 0%,#764ba2 50%,#f093fb 100%);border-radius:10px;height:100%;transition:width .3s cubic-bezier(.25,.46,.45,.94);position:relative;box-shadow:0 0 15px #667eea99,0 0 30px #f093fb4d}.mw-progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d);width:15px;height:100%;animation:2s infinite mw-shimmer;position:absolute;top:0;right:0}@keyframes mw-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mw-progress-text{text-align:right;color:#667eea;letter-spacing:.3px;margin:0;font-size:11px;font-weight:700}.mw-steps-container{flex-shrink:0;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.mw-step-item{opacity:.6;text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:12px 10px;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex}.mw-step-item.mw-step-active{opacity:1;background:linear-gradient(135deg,#667eea14 0%,#764ba214 100%);border:1px solid #667eea4d;transform:translateY(-2px);box-shadow:0 6px 16px #667eea1f}.mw-step-item.mw-step-completed{opacity:1}.mw-step-item.mw-step-completed .mw-step-indicator{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 3px 10px #667eea4d}.mw-step-indicator{color:#6b7280;background:#e5e7eb;border:2px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:700;transition:all .4s;display:flex}.mw-step-check{color:#fff;animation:.5s cubic-bezier(.34,1.56,.64,1) mw-check-pop}@keyframes mw-check-pop{0%{transform:scale(0)rotate(-45deg)}50%{transform:scale(1.2)}to{transform:scale(1)rotate(0)}}.mw-step-spinner{border:2px solid #667eea33;border-top-color:#667eea;border-radius:50%;width:18px;height:18px;animation:1s linear infinite mw-spin}@keyframes mw-spin{to{transform:rotate(360deg)}}.mw-step-empty{background:#d1d5db;border-radius:50%;width:6px;height:6px}.mw-step-item.mw-step-active .mw-step-indicator{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#ffffff4d;box-shadow:0 4px 14px #667eea59}.mw-step-content{flex-direction:column;flex:1;align-items:center;gap:4px;min-width:0;display:flex}.mw-step-icon{font-size:16px;display:inline-block}.mw-step-text{color:#6b7280;word-break:break-word;font-size:10px;font-weight:600;line-height:1.2;transition:color .4s}.mw-step-item.mw-step-active .mw-step-text{color:#667eea;font-weight:700}.mw-step-item.mw-step-completed .mw-step-text{color:#667eea}.mw-user-info-section{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;flex-shrink:0;margin-bottom:14px;padding:14px;box-shadow:inset 0 1px 3px #0000000d}.mw-info-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;display:grid}.mw-info-row:last-child{margin-bottom:0}.mw-info-item{flex-direction:column;gap:4px;display:flex}.mw-info-label{color:#475569;letter-spacing:.2px;font-size:10px;font-weight:700}.mw-info-value{color:#1e293b;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:800;overflow:hidden;box-shadow:0 1px 2px #0000000a}.mw-footer-section{text-align:center;border-top:1px solid #e2e8f0;flex-shrink:0;padding-top:10px}.mw-footer-text{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-text-fill-color:transparent;letter-spacing:.2px;-webkit-background-clip:text;background-clip:text;margin:0 0 6px;font-size:11px;font-weight:700;animation:1.5s ease-in-out infinite mw-text-pulse}.mw-company-text{color:#6b7280;letter-spacing:.2px;margin:0;font-size:10px;font-weight:600}@keyframes mw-text-pulse{0%,to{opacity:.7}50%{opacity:1}}.mw-bg-shapes{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.mw-shape{opacity:.08;border-radius:50%;animation:8s ease-in-out infinite mw-float;position:absolute}.mw-shape-1{background:#fff;width:350px;height:350px;animation-delay:0s;top:-120px;left:-120px}.mw-shape-2{background:#fff;width:250px;height:250px;animation-delay:2s;bottom:-80px;right:-80px}.mw-shape-3{background:#fff;width:200px;height:200px;animation-delay:4s;top:50%;right:5%}@keyframes mw-float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-20px)translate(15px)}50%{transform:translateY(-40px)translate(-15px)}75%{transform:translateY(-20px)translate(15px)}}.mw-card::-webkit-scrollbar{width:4px}.mw-card::-webkit-scrollbar-track{background:0 0}.mw-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mw-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1200px){.mw-card{width:95vw;height:85vh;padding:28px 32px}.mw-welcome-title{font-size:24px}.mw-logo-circle{width:75px;height:75px;font-size:36px}.mw-steps-container{grid-template-columns:repeat(4,1fr);gap:8px}.mw-step-item{padding:10px 8px}.mw-step-text{font-size:9px}.mw-info-row{gap:10px}}@media (width<=992px){.mw-steps-container{grid-template-columns:repeat(2,1fr);gap:8px}.mw-step-item{padding:10px 8px}.mw-step-text{font-size:9px}}@media (width<=768px){.mw-card{width:95vw;height:90vh;padding:24px 28px}.mw-welcome-title{font-size:22px}.mw-logo-circle{width:70px;height:70px;font-size:32px}.mw-steps-container{grid-template-columns:repeat(2,1fr);gap:8px}.mw-step-item{padding:10px 8px}.mw-step-text{font-size:9px}.mw-info-row{grid-template-columns:1fr;gap:8px}}@media (width<=640px){.mw-card{border-radius:20px;width:95vw;height:95vh;padding:20px 24px}.mw-welcome-title{font-size:20px}.mw-store-badge{font-size:11px}.mw-logo-circle{width:65px;height:65px;margin-bottom:12px;font-size:30px}.mw-top-section{margin-bottom:16px}.mw-progress-section{margin-bottom:14px}.mw-steps-container{grid-template-columns:1fr;gap:6px;margin-bottom:14px}.mw-step-item{padding:8px 6px}.mw-step-indicator{width:30px;height:30px;font-size:12px}.mw-step-icon{font-size:14px}.mw-step-text{font-size:8px}.mw-user-info-section{margin-bottom:12px;padding:12px}.mw-info-label{font-size:9px}.mw-info-value{padding:4px 8px;font-size:10px}.mw-footer-section{padding-top:8px}.mw-footer-text{margin-bottom:4px;font-size:10px}.mw-company-text{font-size:9px}}@media (width<=480px){.mw-card{border-radius:16px;width:98vw;height:98vh;padding:16px 20px}.mw-welcome-title{font-size:18px}.mw-logo-circle{width:60px;height:60px;margin-bottom:10px;font-size:28px}.mw-top-section{margin-bottom:14px}.mw-progress-section{margin-bottom:12px}.mw-steps-container{gap:4px;margin-bottom:12px}.mw-step-item{padding:6px 4px}.mw-step-indicator{width:28px;height:28px;font-size:10px}.mw-step-icon{font-size:12px}.mw-step-text{font-size:7px}.mw-user-info-section{margin-bottom:10px;padding:10px}.mw-info-row{gap:6px;margin-bottom:8px}.mw-info-label{font-size:8px}.mw-info-value{padding:3px 6px;font-size:9px}.mw-footer-section{padding-top:6px}.mw-footer-text{margin-bottom:3px;font-size:9px}.mw-company-text{font-size:8px}}html,body{width:100%;height:100%;overflow-x:hidden}.modern-login-page{background-position:50%;background-size:cover;background-attachment:fixed;justify-content:center;align-items:center;width:100vw;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.modern-overlay{z-index:1;background:linear-gradient(135deg,#0f0f1ee0 0%,#1e1432eb 50%,#0f0f1ee0 100%);position:absolute;inset:0}.modern-blob{opacity:.12;z-index:0;border-radius:50%;position:absolute}.modern-blob-1{background:linear-gradient(135deg,#7c3aed,#6d28d9);width:350px;height:350px;animation:25s ease-in-out infinite floatBlob;top:-150px;left:-150px}.modern-blob-2{background:linear-gradient(135deg,#1e293b,#0f172a);width:300px;height:300px;animation:30s ease-in-out infinite reverse floatBlob;bottom:-100px;right:-100px}.modern-blob-3{background:linear-gradient(135deg,#64748b,#475569);width:250px;height:250px;animation:28s ease-in-out infinite floatBlob;top:50%;right:5%}@keyframes floatBlob{0%,to{transform:translateY(0)}50%{transform:translateY(-40px)}}.modern-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative}.modern-top-right-header{z-index:10;animation:.8s ease-out slideDown;position:absolute;top:1rem;right:1rem}.modern-company-branding{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff80;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem .8rem;display:flex;box-shadow:0 8px 24px #00000026,0 0 15px #7c3aed26}.modern-logo-box{background:linear-gradient(135deg,#7c3aed,#6d28d9);border:1px solid #7c3aed80;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;display:flex;box-shadow:0 4px 12px #7c3aed4d}.modern-logo-img{object-fit:contain;filter:drop-shadow(0 1px 2px #0000001a);width:22px;height:22px}.modern-company-text{flex-direction:column;gap:.05rem;display:flex}.modern-company-name{color:#1a1a35;letter-spacing:-.2px;margin:0;font-size:.9rem;font-weight:900}.modern-company-version{color:#7c3aed;letter-spacing:.3px;margin:0;font-size:.55rem;font-weight:700}.modern-card-wrapper{background:#fff;border-radius:16px;justify-content:center;align-items:stretch;width:100%;max-width:800px;height:420px;animation:.7s ease-out zoomIn;display:flex;overflow:hidden;box-shadow:0 25px 70px #00000073,0 0 50px #7c3aed33}.modern-hero-section{flex:1.2;justify-content:center;align-items:center;min-width:55%;display:flex;position:relative;overflow:hidden}.modern-hero-image{object-fit:cover;object-position:center;width:100%;height:100%;animation:.8s ease-out zoomInImage}@keyframes zoomInImage{0%{transform:scale(1.05)}to{transform:scale(1)}}.modern-hero-overlay{z-index:1;background:linear-gradient(135deg,#7c3aed33 0%,#6d28d91a 100%);position:absolute;inset:0}.modern-hero-content{z-index:2;text-align:left;background:linear-gradient(#0000,#000000a6);padding:1.8rem;animation:.8s ease-out .2s both slideUpContent;position:absolute;bottom:0;left:0;right:0}@keyframes slideUpContent{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modern-hero-title{color:#fff;text-shadow:0 2px 8px #0006;margin:0 0 .4rem;font-size:1.6rem;font-weight:900}.modern-hero-subtitle{color:#e2e8f0;text-shadow:0 1px 4px #0000004d;margin:0;font-size:.8rem;font-weight:500}.modern-login-section{flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:45%;padding:1.2rem;display:flex;position:relative;overflow:hidden}.modern-login-section:before{content:"";background:radial-gradient(circle,#7c3aed14 0%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:4s ease-in-out infinite pulseGlow;position:absolute;top:-50%;right:-50%}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.modern-form-header{text-align:center;z-index:1;margin-bottom:.8rem;position:relative}.modern-form-title{color:#1a1a35;letter-spacing:-.3px;margin:0 0 .15rem;font-size:1.3rem;font-weight:900}.modern-form-subtitle{color:#64748b;margin:0;font-size:.6rem;font-weight:500}.modern-mode-toggle{z-index:1;background:#f8fafc;border-radius:8px;gap:.4rem;width:100%;margin-bottom:.8rem;padding:.25rem;display:flex;position:relative}.mode-btn{color:#64748b;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:#fff;border:1.2px solid #e2e8f0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.4rem .6rem;font-size:.55rem;font-weight:700;transition:all .3s;display:flex}.mode-btn:hover:not(.active){background:#f1f5f9;border-color:#cbd5e1}.mode-btn.active{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed40}.modern-login-form{z-index:1;flex-direction:column;gap:.6rem;width:100%;display:flex;position:relative}.modern-form-field{flex-direction:column;gap:.2rem;display:flex}.modern-field-label{color:#334155;text-transform:uppercase;letter-spacing:.4px;font-size:.5rem;font-weight:800}.modern-input-container{align-items:center;width:100%;display:flex;position:relative}.modern-field-icon{color:#7c3aed;z-index:2;pointer-events:none;font-size:.7rem;position:absolute;left:.65rem}.modern-input-field{color:#1a1a35;letter-spacing:.2px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.2px solid #e2e8f0;border-radius:8px;outline:none;width:100%;min-height:32px;padding:.5rem .5rem .5rem 2rem;font-size:.68rem;font-weight:600;transition:all .3s;box-shadow:0 1px 3px #00000008}.modern-input-field::placeholder{color:#94a3b8;font-size:.65rem;font-weight:500}.modern-input-field:focus{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#7c3aed;transform:translateY(-1px);box-shadow:0 0 0 3px #7c3aed1a,0 2px 10px #7c3aed1f}.modern-input-field:disabled{color:#94a3b8;cursor:not-allowed;opacity:.7;background:#f1f5f9}.modern-input-field.error{background:#ef444408;border-color:#ef4444}.modern-input-field.error:focus{box-shadow:0 0 0 3px #ef44441a,0 2px 10px #ef44441f}.modern-eye-toggle{color:#7c3aed;cursor:pointer;z-index:3;background:0 0;border:none;border-radius:5px;justify-content:center;align-items:center;min-width:2rem;min-height:2rem;padding:.25rem;font-size:.8rem;transition:all .3s;display:flex;position:absolute;right:.6rem}.modern-eye-toggle:hover:not(:disabled){color:#6d28d9;background:#7c3aed14;transform:scale(1.08)}.modern-eye-toggle:disabled{opacity:.5;cursor:not-allowed}.modern-error-text{color:#ef4444;margin-top:.1rem;font-size:.52rem;font-weight:600}.modern-field-hint{color:#64748b;margin-top:.15rem;font-size:.52rem;font-weight:500;display:block}.modern-signin-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:1.2px solid #7c3aed80;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;width:100%;min-height:32px;margin-top:.15rem;padding:.5rem;font-size:.65rem;font-weight:800;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 15px #7c3aed47}.modern-signin-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.modern-signin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 20px #7c3aed59}.modern-signin-button:hover:not(:disabled):before{left:100%}.modern-signin-button:active:not(:disabled){transform:translateY(0)}.modern-signin-button:disabled{opacity:.8;cursor:not-allowed}.modern-signin-button.loading{pointer-events:none}.modern-loader{border:1.2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite spinLoader}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modern-form-footer{text-align:center;z-index:1;border-top:1px solid #e2e8f0;width:100%;margin-top:.5rem;padding-top:.5rem;position:relative}.modern-footer-text{color:#64748b;margin:0;font-size:.55rem;font-weight:500}.modern-support-link{color:#7c3aed;cursor:pointer;font-size:.55rem;font-weight:700;transition:all .3s;position:relative}.modern-support-link:after{content:"";background:#7c3aed;width:0;height:1px;transition:width .3s;position:absolute;bottom:-1px;left:0}.modern-support-link:hover:after{width:100%}.modern-bottom-footer{text-align:center;z-index:10;position:absolute;bottom:.8rem;left:0;right:0}.modern-bottom-footer p{color:#cbd5e1;text-shadow:0 1px 2px #0003;margin:0;font-size:.55rem;font-weight:500}@keyframes zoomIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.api-key-info-box{background:linear-gradient(135deg,#f0fdf4 0%,#ecfdf5 100%);border:1.2px solid #86efac;border-radius:7px;margin-top:.5rem;padding:.55rem;animation:.4s ease-out slideInInfo}@keyframes slideInInfo{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.api-key-info-title{color:#15803d;text-transform:uppercase;letter-spacing:.3px;margin:0 0 .3rem;font-size:.55rem;font-weight:800}.api-key-info-list{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.api-key-info-list li{color:#166534;margin:0;padding:0;font-size:.52rem;font-weight:600}.api-key-counter{color:#94a3b8;margin-left:.3rem;font-size:.45rem;font-weight:600}.api-key-check{color:#10b981;z-index:3;font-size:1rem;font-weight:900;animation:.4s ease-out checkPulse;position:absolute;right:.7rem}@keyframes checkPulse{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.modern-input-field.complete{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-color:#10b981}.modern-input-field.complete:focus{box-shadow:0 0 0 3px #10b9811a,0 2px 10px #10b9811f}@media (width>=1600px){.modern-card-wrapper{max-width:900px;height:460px}.modern-company-branding{padding:.7rem 1rem}.modern-company-name{font-size:1rem}.modern-form-title{font-size:1.4rem}.modern-input-field{min-height:34px;padding:.55rem .55rem .55rem 2.1rem;font-size:.72rem}.modern-signin-button{min-height:34px;padding:.55rem;font-size:.68rem}}@media (width>=1440px) and (width<=1599px){.modern-card-wrapper{max-width:800px;height:420px}}@media (width<=1200px){.modern-card-wrapper{flex-direction:column;max-width:100%;height:auto}.modern-hero-section{min-width:100%;height:240px}.modern-login-section{min-width:100%;padding:1.1rem}.modern-form-title{font-size:1.2rem}.modern-company-branding{padding:.5rem .8rem}.modern-company-name{font-size:.9rem}.modern-input-field{min-height:32px;padding:.5rem .5rem .5rem 2rem;font-size:.68rem}.modern-signin-button{min-height:32px;padding:.5rem;font-size:.63rem}}@media (width<=768px){.modern-container{padding:.6rem}.modern-top-right-header{top:.8rem;right:.8rem}.modern-card-wrapper{border-radius:12px;flex-direction:column;max-width:100%;height:auto}.modern-hero-section{min-width:100%;height:220px}.modern-login-section{min-width:100%;padding:1rem}.modern-form-title{font-size:1.1rem}.modern-form-subtitle{font-size:.55rem}.modern-company-branding{gap:.4rem;padding:.45rem .7rem}.modern-logo-box{width:36px;height:36px}.modern-logo-img{width:20px;height:20px}.modern-company-name{font-size:.85rem}.modern-company-version{font-size:.52rem}.modern-input-field{min-height:30px;padding:.48rem .48rem .48rem 1.95rem;font-size:.65rem}.modern-signin-button{min-height:30px;padding:.48rem;font-size:.6rem}.modern-bottom-footer p{font-size:.52rem}}@media (width<=480px){.modern-container{padding:.4rem}.modern-top-right-header{top:.6rem;right:.6rem}.modern-card-wrapper{border-radius:10px;flex-direction:column;max-width:100%;height:auto}.modern-hero-section{display:none!important}.modern-login-section{min-width:100%;padding:1.2rem 1rem}.modern-form-header{margin-bottom:.7rem}.modern-form-title{font-size:1.25rem}.modern-form-subtitle{font-size:.6rem}.modern-mode-toggle{gap:.35rem;margin-bottom:.7rem;padding:.2rem}.mode-btn{gap:.2rem;padding:.38rem .6rem;font-size:.52rem}.modern-login-form{gap:.55rem}.modern-form-field{gap:.18rem}.modern-field-label{font-size:.48rem}.modern-input-field{min-height:30px;padding:.48rem .48rem .48rem 1.95rem;font-size:16px}.modern-field-icon{font-size:.65rem;left:.6rem}.modern-eye-toggle{min-width:1.9rem;min-height:1.9rem;font-size:.75rem;right:.5rem}.modern-signin-button{min-height:30px;margin-top:.1rem;padding:.48rem;font-size:.6rem}.modern-form-footer{margin-top:.45rem;padding-top:.45rem}.modern-footer-text,.modern-support-link{font-size:.52rem}.modern-error-text,.modern-field-hint{font-size:.48rem}.api-key-info-box{margin-top:.45rem;padding:.5rem}.api-key-info-title{margin:0 0 .3rem;font-size:.52rem}.api-key-info-list li{font-size:.48rem}.api-key-counter{font-size:.42rem}.modern-bottom-footer p{font-size:.48rem}.modern-company-branding{gap:.35rem;padding:.4rem .6rem}.modern-logo-box{width:32px;height:32px}.modern-logo-img{width:18px;height:18px}.modern-company-name{font-size:.8rem}.modern-company-version{font-size:.48rem}}@media (prefers-reduced-motion:reduce){.modern-blob,.modern-login-section:before,.modern-hero-image{animation:none}.modern-signin-button,.modern-input-field,.modern-eye-toggle,.modern-support-link,.mode-btn{transition:none}}.upm-overlay{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:8px;display:flex;position:fixed;inset:0}.upm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;width:96%;max-width:1000px;max-height:580px;animation:.2s ease-out upmIn;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000040}@keyframes upmIn{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.upm-close{color:#0f172a;cursor:pointer;z-index:5;background:#0f172a0f;border:none;border-radius:8px;width:28px;height:28px;font-size:14px;font-weight:900;position:absolute;top:8px;right:8px}.upm-header{background:linear-gradient(135deg,#0f172a 0%,#1f2937 100%);border-bottom:1px solid #e2e8f0;flex:none;padding:10px 12px}.upm-header h3{color:#fff;letter-spacing:.3px;margin:0;font-size:13px;font-weight:900}.upm-header p{color:#cbd5e1;margin:3px 0 0;font-size:11px;font-weight:600}.upm-body{flex:auto;padding:10px 12px 140px;overflow-y:auto}.upm-profile-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:flex-start;gap:8px;padding:8px;display:flex}.upm-profile-left{flex:1;align-items:center;gap:8px;display:flex}.upm-name{color:#0f172a;font-size:12px;font-weight:900}.upm-sub{flex-wrap:wrap;gap:4px;margin-top:3px;display:flex}.upm-chip{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800}.upm-email{color:#475569;margin-top:4px;font-size:10px;font-weight:700}.upm-profile-right{text-align:right;white-space:nowrap;flex-direction:column;gap:4px;display:flex}.upm-small-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:900}.upm-small-value{color:#0f172a;font-size:10px;font-weight:800}.upm-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:8px;padding:8px}.upm-section-title{color:#0f172a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:11px;font-weight:900}.upm-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=720px){.upm-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.upm-grid-3{grid-template-columns:repeat(3,1fr)}.upm-file{grid-column:1/-1}}.upm-field label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px;font-size:9px;font-weight:900;display:block}.upm-field input{border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:6px 8px;font-size:12px;font-weight:800}.upm-field input:focus{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.upm-file-hint{color:#64748b;margin-top:4px;font-size:10px;font-weight:800}.upm-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.upm-btn-cancel{color:#fff;cursor:pointer;background:#811c1c;border:1px solid #e2e8f0;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:900}.upm-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);border:none;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:900}.upm-btn-primary:disabled{opacity:.6;cursor:not-allowed}.upm-note{color:#64748b;margin-top:6px;font-size:10px;font-weight:700}.upm-codes-footer{background:#fff;border-top:1px solid #e2e8f0;flex:none;justify-content:space-between;align-items:flex-end;gap:10px;padding:8px 12px;display:flex}.upm-codes-footer-left{flex:1}.upm-codes-footer-title{color:#0f172a;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:900}.upm-code-mini-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.upm-code-mini-box{background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:6px}.upm-qr-mini{background:#fff;border-radius:6px;width:70px;height:70px;display:block}.upm-bar-mini{background:#fff;width:160px;height:40px;display:block}.upm-mini-btn{color:#fff;cursor:pointer;text-align:center;background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;width:100%;margin-top:4px;padding:5px 8px;font-size:9px;font-weight:900}.upm-mini-refresh{background:#7c3aed;border:none;width:auto;padding:5px 8px}.upm-code-mini-note{color:#64748b;font-size:10px;font-weight:800}.upm-codes-footer-right{flex:none}.upm-qr-label{text-align:center;margin-top:4px;padding:0 4px}.upm-qr-title{color:#0f172a;letter-spacing:.2px;font-size:10px;font-weight:900}.upm-qr-subtitle{color:#64748b;margin-top:1px;font-size:8px;font-weight:700}.upm-bar-label{text-align:center;margin-top:4px;padding:0 4px}.upm-bar-title{color:#0f172a;letter-spacing:.2px;font-size:10px;font-weight:900}:root{--bg-primary:#1a1a2e;--bg-secondary:#16213e;--bg-tertiary:#0f3460;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:gray;--accent-primary:#00d4ff;--accent-primary-hover:#00b8d4;--accent-secondary:#ff6b6b;--accent-secondary-hover:#ee5a52;--accent-tertiary:#4ecdc4;--accent-tertiary-hover:#45b7aa;--accent-advanced:#a78bfa;--accent-advanced-hover:#9370db;--border-color:#2a2a3e;--shadow-color:#0006}#calculator-modal{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}#calculator-container{width:320px;max-height:90vh;box-shadow:0 20px 60px -10px var(--shadow-color), 0 0 0 1px var(--border-color);border:1px solid var(--border-color);background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#1a1a2e 100%);border-radius:16px;padding:12px;animation:.25s ease-out zoomIn;overflow-y:auto}#calculator-header{justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 4px;display:flex}#calculator-title{color:var(--text-primary);letter-spacing:.5px;text-transform:uppercase;margin:0;font-size:14px;font-weight:600}#close-button-calculator{width:24px;height:24px;color:var(--accent-secondary);cursor:pointer;background:#ff6b6b33;border:1px solid #ff6b6b4d;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;transition:all .15s;display:flex}#close-button-calculator:hover{color:var(--accent-secondary-hover);background:#ff6b6b59;transform:scale(1.08)}#calculator-display{border:1px solid var(--border-color);background:linear-gradient(135deg,#0f3460 0%,#16213e 100%);border-radius:10px;margin-bottom:10px;padding:12px 10px;box-shadow:inset 0 2px 8px #0000004d}#previous-calculation{color:var(--text-muted);text-align:right;letter-spacing:.2px;min-height:14px;margin-bottom:2px;font-family:Courier New,monospace;font-size:11px}#current-display{text-align:right}#display-input{width:100%;color:var(--accent-primary);text-align:right;letter-spacing:-.01em;text-shadow:0 0 10px #00d4ff4d;background:0 0;border:none;outline:none;padding:0;font-family:Courier New,monospace;font-weight:600;transition:font-size .15s}#display-input.large-text{font-size:28px}#display-input.medium-text{font-size:22px}#display-input.small-text{font-size:16px}#calculator-buttons{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}.calculator-button{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid;border-radius:8px;justify-content:center;align-items:center;height:40px;font-size:13px;font-weight:600;transition:all .12s;display:flex;overflow:hidden}.calculator-button:hover{box-shadow:0 6px 16px -2px var(--shadow-color);transform:translateY(-2px)}.calculator-button:active{box-shadow:0 2px 4px -1px var(--shadow-color);transform:translateY(0)}.number-button{color:var(--text-primary);border-color:var(--border-color);background:linear-gradient(135deg,#2a2a3e 0%,#1f1f2e 100%);box-shadow:0 4px 12px #0003}.number-button:hover{color:var(--accent-primary);background:linear-gradient(135deg,#3a3a4e 0%,#2f2f3e 100%)}.special-button{color:var(--accent-secondary);background:linear-gradient(135deg,#2a1a1a 0%,#1f1515 100%);border-color:#ff6b6b33;box-shadow:0 4px 12px #ff6b6b1a}.special-button:hover{color:var(--accent-secondary-hover);background:linear-gradient(135deg,#3a2a2a 0%,#2f2525 100%);border-color:#ff6b6b4d}.operator-button{color:#1a1a2e;border-color:var(--accent-primary);background:linear-gradient(135deg,#00d4ff 0%,#09c 100%);font-weight:700;box-shadow:0 4px 16px #00d4ff4d}.operator-button:hover{background:linear-gradient(135deg, var(--accent-primary-hover) 0%, #08b 100%);transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.advanced-button{color:#1a1a2e;border-color:var(--accent-advanced);background:linear-gradient(135deg,#a78bfa 0%,#8b5cf6 100%);font-weight:700;box-shadow:0 4px 16px #a78bfa4d}.advanced-button:hover{background:linear-gradient(135deg, var(--accent-advanced-hover) 0%, #7c3aed 100%);transform:translateY(-2px);box-shadow:0 6px 20px #a78bfa66}.equals-button{color:#1a1a2e;border-color:var(--accent-tertiary);background:linear-gradient(135deg,#4ecdc4 0%,#3ab8ae 100%);font-weight:700;box-shadow:0 4px 16px #4ecdc44d}.equals-button:hover{background:linear-gradient(135deg, var(--accent-tertiary-hover) 0%, #2fa39f 100%);transform:translateY(-2px);box-shadow:0 6px 20px #4ecdc466}.zero-button{grid-column:span 2}#calculator-history{border:1px solid var(--border-color);background:#0f346080;border-radius:8px;max-height:120px;margin-bottom:8px;padding:8px;overflow-y:auto}#history-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:6px;padding-bottom:6px;display:flex}#history-header span{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.clear-history-btn{width:16px;height:16px;color:var(--accent-secondary);cursor:pointer;background:#ff6b6b33;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:9px;transition:all .1s;display:flex}.clear-history-btn:hover{background:#ff6b6b59}#history-list{flex-direction:column;gap:4px;display:flex}.history-item{color:var(--accent-primary);border-left:2px solid var(--accent-primary);background:#00d4ff1a;border-radius:4px;padding:4px 6px;font-family:Courier New,monospace;font-size:10px}#keyboard-hint{text-align:center;color:var(--text-muted);letter-spacing:.2px;font-size:10px;line-height:1.4}@media (width<=400px){#calculator-container{width:280px;padding:10px}.calculator-button{height:36px;font-size:12px}#display-input.large-text{font-size:24px}#display-input.medium-text{font-size:18px}#display-input.small-text{font-size:14px}#calculator-buttons{gap:5px}#calculator-display{padding:10px 8px}}.scm_overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;animation:.3s ease-out scm_fadeIn;display:flex;position:fixed;top:0;left:0}.scm_content{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #6366f126;border-radius:14px;grid-template-columns:1fr 1fr;width:100%;max-width:800px;height:420px;animation:.4s cubic-bezier(.16,1,.3,1) scm_modalSlideUp;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000040,0 0 0 1px #6366f11a}.scm_close_btn{cursor:pointer;color:#667eea;z-index:10;background:#ffffffe6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000014}.scm_close_btn:hover{background:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #0000001f}.scm_left{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.scm_left:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:0;right:0}.scm_left:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:0;left:0}.scm_image{object-fit:contain;filter:drop-shadow(0 8px 16px #0003);z-index:2;max-width:90%;max-height:90%;animation:3s ease-in-out infinite scm_imageFloat;position:relative}.scm_image_overlay{z-index:3;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.scm_image_badge{color:#667eea;letter-spacing:-.2px;background:#fffffff2;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite scm_badgePulse;box-shadow:0 4px 12px #00000026}.scm_loading_container{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:relative}.scm_loading_spinner{width:60px;height:60px;position:relative}.scm_spinner_ring{border:3px solid #fffc;border-color:#fffc #fff9 #0000 #0000;border-radius:50%;width:100%;height:100%;animation:1.2s linear infinite scm_ringRotate;position:absolute}.scm_spinner_ring:nth-child(2){border-top-color:#ffffff80;border-right-color:#ffffff4d;width:80%;height:80%;animation:1.8s linear infinite reverse scm_ringRotate;top:10%;left:10%}.scm_spinner_ring:nth-child(3){border-top-color:#ffffff4d;border-right-color:#ffffff1a;width:60%;height:60%;animation:2.4s linear infinite scm_ringRotate;top:20%;left:20%}.scm_loading_text{color:#ffffffe6;letter-spacing:1px;font-size:12px;font-weight:700;animation:1.5s ease-in-out infinite scm_textPulse}.scm_right{flex-direction:column;gap:12px;height:100%;padding:18px;display:flex;overflow-y:auto}.scm_header{flex-shrink:0;align-items:center;gap:10px;margin-bottom:2px;display:flex}.scm_header_icon{color:#667eea;flex-shrink:0;font-size:20px;animation:.6s ease-out scm_iconBounce}.scm_title{color:#1f2937;letter-spacing:-.3px;margin:0;font-size:15px;font-weight:700}.scm_subtitle{color:#6b7280;margin:2px 0 0;font-size:10px;font-weight:500}.scm_info_cards{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.scm_info_card{border:1.5px solid #0000;border-radius:8px;padding:8px 10px;transition:all .3s;position:relative;overflow:hidden}.scm_info_card:before{content:"";opacity:.5;background:linear-gradient(90deg,currentColor,#0000);height:2px;position:absolute;top:0;left:0;right:0}.scm_info_operator{color:#0369a1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bfdbfe}.scm_info_operator:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1f}.scm_info_store{color:#059669;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#dcfce7}.scm_info_store:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1f}.scm_info_label{text-transform:uppercase;letter-spacing:.3px;opacity:.8;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.scm_info_value{letter-spacing:-.2px;font-size:12px;font-weight:700}.scm_details_section{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1.5px solid #fcd34d;border-radius:8px;flex-shrink:0;padding:10px}.scm_details_header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.scm_details_icon{color:#b45309;font-size:12px}.scm_details_title{color:#b45309;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.scm_details_content{flex-direction:column;gap:4px;display:flex}.scm_detail_item{color:#92400e;align-items:flex-start;gap:5px;margin:0;font-size:9px;line-height:1.4;display:flex}.scm_detail_bullet{color:#d97706;flex-shrink:0;font-weight:700}.scm_amount_section{flex-shrink:0;margin:2px 0}.scm_amount_label{color:#1f2937;letter-spacing:-.2px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.scm_amount_wrapper{position:relative}.scm_currency{color:#667eea;pointer-events:none;font-size:14px;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.scm_amount_input{color:#0f172a;box-sizing:border-box;text-align:right;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:2px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.scm_amount_input::placeholder{color:#cbd5e1}.scm_amount_input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 8px #667eea1f}.scm_amount_input:hover:not(:focus){background:#fff;border-color:#a5b4fc}.scm_buttons_footer{flex-shrink:0;gap:8px;margin-top:auto;display:flex}.scm_btn{cursor:pointer;letter-spacing:-.2px;text-transform:uppercase;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 12px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.scm_btn_cancel{color:#475569;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:1.5px solid #d1d5db}.scm_btn_cancel:hover{background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.scm_btn_cancel:active{transform:translateY(0)}.scm_btn_submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1.5px solid #0000;position:relative;overflow:hidden}.scm_btn_submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.scm_btn_submit:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.scm_btn_submit:hover:not(:disabled):before{left:100%}.scm_btn_submit:active:not(:disabled){transform:translateY(0)}.scm_btn_submit:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#cbd5e1 0%,#a1afc9 100%)}.scm_spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite scm_spin;display:inline-block}@keyframes scm_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scm_modalSlideUp{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scm_iconBounce{0%{opacity:0;transform:scale(.8)translateY(8px)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes scm_imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scm_badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scm_ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scm_textPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes scm_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.scm_content{grid-template-columns:1fr;max-width:95vw;height:auto}.scm_left{min-height:200px;padding:15px}.scm_right{gap:10px;height:auto;padding:16px}.scm_title,.scm_amount_input{font-size:14px}.scm_btn{padding:9px 10px;font-size:10px}}@media (width<=480px){.scm_content{border-radius:12px;height:auto}.scm_left{min-height:150px;padding:12px}.scm_right{gap:8px;padding:12px}.scm_header{gap:8px}.scm_header_icon{font-size:18px}.scm_title{font-size:13px}.scm_subtitle{font-size:9px}.scm_info_cards{gap:6px}.scm_info_card{padding:7px 9px}.scm_info_label{margin-bottom:2px;font-size:7px}.scm_info_value{font-size:11px}.scm_amount_label{margin-bottom:5px;font-size:10px}.scm_amount_input{padding:9px 11px 9px 34px;font-size:14px}.scm_currency{font-size:12px;left:10px}.scm_details_section{padding:8px}.scm_details_title{font-size:9px}.scm_detail_item{font-size:8px}.scm_buttons_footer{gap:6px}.scm_btn{gap:4px;padding:8px 9px;font-size:9px}.scm_close_btn{width:28px;height:28px;font-size:14px}}:root{--system-main-color:#614d69;--system-middle-color:#5f4c5e;--sytem-secondary-color:#b9b9bb;--sidebar-color-nav-color:#390842;--pagination-button:#d1cee0;--pagination-button-hover:#734779d5;--sytem-panel-colors:#dfdddd;--sytem-panel-background-colors:#fff;--border-color-whole-system:#c000e6;--panel-color-whole-system:#b1daeb;--font-color-whole-system:#070f79;--primary-color:#3498db;--secondary-color:#2ecc71;--accent-color:#e74c3c;--drop-down-hover:#969494ee;--closebutton-color:#aeb6bf;--closebutton-color-hover:#922b21;--close-button-icon-color:#d86565;--saveButton-color:#7aba81;--saveButton-color-hover:#203d23;--update-button-color:#ebd870;--update-button-color-hover:#b39b14;--table-headers:#435585;--table-border-color:#ddd;--table-tr-background-color:#fff;--black:#000;--white:#fff;--font-color-blue:#273746;--font-size-12:12px;--font-size-10:10px;--edit-icon-color:#ebd870;--delete-icon-color:#f34758;--order-icon-color:#e7a2d6;--payment-icon-color:#53db65;--print-icon-color:#66c9d6;--filter-icon-color:#cfaadd;--upload-icon-color:#78a3ce;--refresh-icon-color:#e2b27c;--edit-icon-color-hover:#b39b14;--delete-icon-color-hover:#a81322;--order-icon-color-hover:#a31680;--payment-icon-color-hover:#0e8a1f;--print-icon-color-hover:#0e626d;--filter-icon-color-hover:#54136e;--upload-icon-color-hover:#0a233b;--refresh-icon-color-hover:#854f13;--color-bg:#f8f9fa;--color-card-bg:var(--white)fff;--color-border:#dee2e6;--color-primary:#3b393b;--color-secondary:#6c757d;--color-highlight:#007bff;--color-success:#28a745;--color-danger:#db9199;--color-shadow:#0000001a;--delete-button:#f1948a;--delete-button-hover:#b03a2e;--primary-dark:#0f1419;--primary-medium:#1a1f2e;--primary-light:#252d3d;--accent-primary:#4f46e5;--accent-primary-light:#6366f1;--accent-secondary:#7c3aed;--accent-tertiary:#db2777;--accent-success:#059669;--accent-warning:#d97706;--accent-danger:#dc2626;--light-bg:#f5f7fa;--light-bg-secondary:#eef2f5;--light-text:#1f2937;--light-text-secondary:#374151;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-tertiary:#cbd5e1;--text-muted:#94a3b8;--border-light:#4f46e514;--border-medium:#4f46e526;--border-dark:#4f46e54d}.dashboard_wrapper{background:linear-gradient(135deg,#0f1419 0%,#1a1f2e 100%);flex-direction:column;width:100vw;height:100vh;display:flex}.dashboard_sidebar{border-right:1px solid var(--border-medium);color:#fff;z-index:10;background:linear-gradient(#0f1419 0%,#1a1f2e 50%,#252d3d 100%);width:200px;height:calc(100vh - 70px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:4px 0 16px #0000004d}.dashboard_sidebar:before{content:"";z-index:1;background:linear-gradient(90deg,#0000,#4f46e566,#0000);height:1px;position:absolute;top:0;left:0;right:0}.dashboard_sidebar.close{width:0;box-shadow:none;border-right:none}.scrollbox{z-index:2;scroll-behavior:smooth;height:100%;position:relative;overflow:hidden auto}.scrollbox-inner{flex-direction:column;min-height:100%;padding:6px 3px;display:flex}.scrollbox::-webkit-scrollbar{width:5px}.scrollbox::-webkit-scrollbar-track{background:#4f46e50d;border-radius:3px}.scrollbox::-webkit-scrollbar-thumb{background:#4f46e54d;border-radius:3px;transition:all .3s}.scrollbox::-webkit-scrollbar-thumb:hover{background:#4f46e580}.nav-links{flex-direction:column;flex:1;gap:1px;margin:0;padding:0;list-style:none;display:flex}.nav-links li{border-radius:8px;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.nav-links li a,.icon-link{color:var(--text-tertiary);cursor:pointer;background:#ffffff03;border:1px solid #0000;border-radius:8px;align-items:center;gap:4px;min-height:32px;margin:0 3px;padding:8px 10px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-links li a:hover,.icon-link:hover{color:var(--light-text);background:#fff;border:1px solid #4f46e533;font-weight:700;transform:translate(3px);box-shadow:0 4px 12px #4f46e526,inset 0 1px #fff3}.nav-links li.active a,.nav-links li.active .icon-link{color:var(--light-text);background:#fff;border:1px solid #4f46e533;font-weight:700;position:relative;transform:translate(3px);box-shadow:0 4px 12px #4f46e526,inset 0 1px #fff3}.nav-links li.active a:after,.nav-links li.active .icon-link:after{content:"";background:linear-gradient(#4f46e5,#7c3aed);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0;box-shadow:2px 0 6px #4f46e54d}.nav-icon{text-align:center;color:#818cf8;filter:drop-shadow(0 1px 2px #4f46e526);z-index:1;flex-shrink:0;width:16px;font-size:15px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-links li a:hover .nav-icon,.icon-link:hover .nav-icon,.nav-links li.active a .nav-icon,.nav-links li.active .icon-link .nav-icon{color:#4f46e5;filter:drop-shadow(0 2px 4px #4f46e533);transform:scale(1.1)rotate(3deg)}.link-name{text-transform:capitalize;letter-spacing:.15px;white-space:nowrap;color:#cbd5e1;text-overflow:ellipsis;z-index:1;flex:1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:11px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.nav-links li a:hover .link-name,.icon-link:hover .link-name,.nav-links li.active a .link-name,.nav-links li.active .icon-link .link-name{color:var(--light-text);font-weight:700}.submenu-icon{color:var(--text-muted);z-index:1;flex-shrink:0;font-size:11px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative}.nav-links li a[aria-expanded=true] .submenu-icon,.icon-link[aria-expanded=true] .submenu-icon{color:#818cf8;transform:rotate(180deg)}.nav-links li a:hover .submenu-icon,.icon-link:hover .submenu-icon,.nav-links li.active a .submenu-icon,.nav-links li.active .icon-link .submenu-icon{color:#4f46e5}.sub-menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4f46e50d;border-left:3px solid #818cf8;border-radius:8px;margin:2px 4px 2px 8px;padding:3px 0;list-style:none;animation:.35s cubic-bezier(.4,0,.2,1) slideDown;overflow:hidden;box-shadow:inset 0 1px 2px #4f46e514}.sub-menu li{margin:0}.sub-menu li a{color:var(--text-tertiary);text-transform:capitalize;letter-spacing:.05px;background:#ffffff03;border-left:3px solid #0000;border-radius:6px;align-items:center;min-height:28px;margin:1px 2px;padding:6px 8px 6px 20px;font-size:10px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sub-menu li a:before{content:"→";opacity:0;color:#818cf8;font-size:9px;font-weight:700;transition:all .3s;position:absolute;left:5px}.sub-menu li a:hover{color:var(--light-text);background:#fff;border-left-color:#818cf8;font-weight:700;transform:translate(3px);box-shadow:0 3px 8px #4f46e51f}.sub-menu li a:hover:before{opacity:1;color:#4f46e5;transform:translate(2px)}.sub-menu li a.active{color:var(--light-text);background:#fff;border-left-color:#818cf8;font-weight:700;transform:translate(3px);box-shadow:0 3px 8px #4f46e51f}.sub-menu li a.active:before{opacity:1;color:#4f46e5;transform:translate(2px)}.nav-links hr{opacity:1;background:linear-gradient(90deg,#0000,#4f46e526,#0000);border:none;height:1px;margin:3px 6px;transition:all .3s}.nav-links hr:hover{background:linear-gradient(90deg,#0000,#4f46e540,#0000)}.logout-item{border-top:1px solid #4f46e526;margin-top:auto;padding:5px 2px;animation:.5s ease-out slideUp}.logout-button{color:#dc2626!important;cursor:pointer!important;background:#dc262614!important;border:1px solid #dc262633!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:3px!important;width:calc(100% - 6px)!important;min-height:32px!important;margin:0 3px!important;padding:8px 10px!important;font-size:11px!important;font-weight:700!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;display:flex!important;position:relative!important;overflow:hidden!important}.logout-button:hover{color:#991b1b!important;background:#fff!important;border-color:#dc262666!important;font-weight:800!important;transform:translate(3px)!important;box-shadow:0 4px 12px #dc262633!important}.logout-button:active{transform:translate(2px)scale(.98)!important}@media screen and (width<=1024px){.dashboard_sidebar{width:190px}.nav-links li a,.icon-link{gap:3px;min-height:30px;padding:7px 9px;font-size:10px}.nav-icon{width:15px;font-size:14px}.link-name{font-size:10px}.sub-menu li a{min-height:26px;margin:1px 2px;padding:5px 7px 5px 18px;font-size:9px}.logout-button{gap:2px!important;min-height:30px!important;padding:7px 9px!important;font-size:10px!important}}@media screen and (width<=768px){.dashboard_sidebar{width:180px;height:calc(100vh - 60px)}.dashboard_sidebar.close{width:0}.nav-links li a,.icon-link{gap:2px;min-height:28px;margin:0 2px;padding:6px 8px;font-size:9px}.nav-icon{width:14px;font-size:13px}.link-name{font-size:9px}.sub-menu li a{min-height:24px;margin:1px 2px;padding:4px 6px 4px 16px;font-size:8px}.scrollbox-inner{padding:5px 2px}.logout-button{gap:1px!important;min-height:28px!important;padding:6px 8px!important;font-size:9px!important}}@media screen and (width<=560px){.dashboard_sidebar{width:160px}.dashboard_sidebar.close{width:0}.nav-links li a,.icon-link{gap:2px;min-height:26px;padding:5px 7px;font-size:8px}.nav-icon{width:13px;font-size:12px}.link-name{font-size:8px}.sub-menu li a{min-height:22px;margin:1px 2px;padding:3px 5px 3px 14px;font-size:7px}.scrollbox-inner{padding:4px 2px}.logout-button{gap:1px!important;min-height:26px!important;padding:5px 7px!important;font-size:8px!important}}@media (prefers-reduced-motion:no-preference){.dashboard_sidebar,.nav-links li a,.icon-link,.sub-menu li a,.logout-button{transition:all .3s cubic-bezier(.4,0,.2,1)}}@media (prefers-contrast:high){.dashboard_sidebar{background:#000;border-right:1px solid #4f46e599}.nav-links li a:hover,.icon-link:hover,.nav-links li.active a,.nav-links li.active .icon-link{color:#000;background:#fff;border:1px solid #000}.sub-menu li a:hover,.sub-menu li a.active{color:#000;background:#fff;border-left:3px solid #000}}@media (prefers-color-scheme:dark){.dashboard_sidebar{background:linear-gradient(#0f1419 0%,#1a1f2e 100%)}}.nav-links li a:focus,.icon-link:focus,.sub-menu li a:focus,.logout-button:focus{outline-offset:1px;border-radius:8px;outline:2px solid #4f46e5}.dashboard_main{height:100vh;display:flex;overflow:hidden}.dashboard_container{z-index:10;background:linear-gradient(135deg,#f4f6f8 0%,#f8fafc 100%);flex:1;min-height:0;padding:20px;position:relative;overflow-y:auto}.dashboard_container.full-width{background-image:url(/assets/panelbackground3-jbeTPD0x.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex:1;min-height:0;overflow-y:auto}.dashboard_container::-webkit-scrollbar{width:8px}.dashboard_container::-webkit-scrollbar-track{background:#4f46e50d}.dashboard_container::-webkit-scrollbar-thumb{background:linear-gradient(#4f46e5,#7c3aed);border-radius:4px}.dashboard_container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6366f1,#a78bfa)}@keyframes glow{0%,to{box-shadow:0 0 8px #4f46e533}50%{box-shadow:0 0 12px #4f46e566}}.nav-links li.active a,.nav-links li.active .icon-link{animation:2s ease-in-out infinite glow}.modal,.modal-overlay,[id*=modal],[class*=modal],#start-cash-modal-overlay,.calculator-modal-overlay-new,.swal2-container,[style*=z-index]{z-index:10000!important}.admin_header{color:#fff;z-index:100;background:linear-gradient(135deg,#0f172a 0%,#1a1f35 100%);border-bottom:1px solid #6366f126;justify-content:space-between;align-items:center;gap:20px;height:64px;padding:0 20px;display:flex;position:relative;box-shadow:0 4px 16px #0000004d}.admin_toggle_btn{color:#94a3b8;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex}.admin_toggle_btn:hover{color:#6366f1;background:#6366f133;border-color:#6366f1}.admin_brand_name{color:#f1f5f9;letter-spacing:-.3px;margin:0;font-size:13px;font-weight:700}.admin_brand_badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:4px;padding:2px 6px;font-size:8px;font-weight:700}.admin_header_center{flex:1;justify-content:center;display:flex}.admin_time_display{background:#6366f114;border:1px solid #6366f126;border-radius:8px;justify-content:center;align-items:center;padding:6px 14px;transition:all .2s;display:flex}.admin_time_display:hover{background:#6366f11f;border-color:#6366f14d}.admin_time{color:#6366f1;letter-spacing:.5px;font-family:Courier New,monospace;font-size:12px;font-weight:600}.admin_header_right{flex-shrink:0;align-items:center;gap:12px;display:flex}.admin_balance_btn{color:#e2e8f0;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.admin_balance_btn.overdue{background:#ef44441a;border-color:#ef44444d}.admin_balance_btn.overdue:hover{background:#ef444426;border-color:#ef4444;box-shadow:0 2px 8px #ef444433}.admin_balance_btn.upcoming{background:#fbbf241a;border-color:#fbbf244d}.admin_balance_btn.upcoming:hover{background:#fbbf2426;border-color:#fbbf24;box-shadow:0 2px 8px #fbbf2433}.admin_balance_icon{flex-shrink:0;font-size:14px}.admin_balance_info{text-align:left;flex-direction:column;gap:2px;display:flex}.admin_balance_label{text-transform:uppercase;letter-spacing:.3px;opacity:.8;font-size:9px}.admin_balance_amount{font-family:Courier New,monospace;font-size:11px;font-weight:700}.admin_pos_btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.admin_pos_btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.admin_pos_btn:active{transform:translateY(0)}.admin_controls{border-left:1px solid #6366f126;border-right:1px solid #6366f126;align-items:center;gap:8px;padding:0 8px;display:flex}.admin_control_icon{color:#94a3b8;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.admin_control_icon:hover{color:#6366f1;background:#6366f133;border-color:#6366f1}.admin_control_icon.restart:hover{color:#fbbf24;background:#fbbf2426;border-color:#fbbf24}.admin_control_icon.reboot:hover{color:#ef4444;background:#ef444426;border-color:#ef4444}.admin_profile_btn{color:#e2e8f0;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:10px;padding:4px 8px;transition:all .2s;display:flex}.admin_profile_btn:hover{background:#6366f133;border-color:#6366f1}.admin_profile_info{text-align:right;flex-direction:column;gap:2px;display:flex}.admin_profile_name{color:#f1f5f9;font-size:12px;font-weight:600}.admin_profile_role{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:9px}.admin_logout_btn{color:#fca5a5;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.admin_logout_btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444;transform:scale(1.05)}@media (width<=1200px){.admin_header{padding:0 16px}.admin_brand_name{font-size:12px}.admin_balance_btn{padding:6px 10px;font-size:10px}}@media (width<=768px){.admin_header{gap:12px;height:56px;padding:0 12px}.admin_header_center,.admin_brand,.admin_balance_btn,.admin_profile_info{display:none}.admin_controls{border:none;gap:6px;padding:0}.admin_control_icon{width:28px;height:28px}.admin_pos_btn{padding:6px 10px;font-size:10px}}@media (width<=480px){.admin_header{height:52px;padding:0 8px}.admin_toggle_btn{width:32px;height:32px}.admin_pos_btn{justify-content:center;width:32px;padding:0}.admin_pos_btn span:last-child{display:none}.admin_logout_btn{width:28px;height:28px}}.admin_system_payment_btn{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .2s;display:flex}.admin_system_payment_btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.admin_system_payment_btn:active{transform:translateY(0)}@media (width<=768px){.admin_system_payment_btn{padding:6px 10px;font-size:10px}}@media (width<=480px){.admin_system_payment_btn{justify-content:center;width:32px;padding:0}.admin_system_payment_btn span:last-child{display:none}}.admin_brand_name_animated{cursor:pointer;border-radius:8px;gap:2px;padding:8px 12px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.admin_brand_name_animated:hover{background:#6366f11a;border-radius:20px;gap:4px;padding:8px 16px;transform:scale(1.05)}.brand_char{letter-spacing:-.3px;animation:3s ease-in-out infinite charFloat;animation-delay:calc(var(--char-index) * .1s);font-size:25px;font-weight:700;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-block;position:relative}.brand_char:first-child{color:#ff6b6b}.brand_char:nth-child(2){color:#ff8c42}.brand_char:nth-child(3){color:#ffd93d}.brand_char:nth-child(4){color:#6bcf7f}.brand_char:nth-child(5){color:#4d96ff}.brand_char:nth-child(6){color:#9d84b7}.brand_char:nth-child(7){color:#ff6b9d}.admin_brand_name_animated:hover .brand_char{text-shadow:0 0 10px;filter:brightness(1.3);animation:.6s cubic-bezier(.34,1.56,.64,1) forwards charBounce}.admin_brand_name_animated:hover .brand_char:first-child{animation-delay:0s}.admin_brand_name_animated:hover .brand_char:nth-child(2){animation-delay:50ms}.admin_brand_name_animated:hover .brand_char:nth-child(3){animation-delay:.1s}.admin_brand_name_animated:hover .brand_char:nth-child(4){animation-delay:.15s}.admin_brand_name_animated:hover .brand_char:nth-child(5){animation-delay:.1s}.admin_brand_name_animated:hover .brand_char:nth-child(6){animation-delay:50ms}.admin_brand_name_animated:hover .brand_char:nth-child(7){animation-delay:0s}@keyframes charFloat{0%,to{opacity:.8;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}@keyframes charBounce{0%{transform:translateY(0)scale(1)}50%{transform:translateY(-8px)scale(1.1)}to{transform:translateY(0)scale(1.05)}}@keyframes charGlow{0%,to{text-shadow:0 0 5px}50%{text-shadow:0 0 20px}}@keyframes rainbowPulse{0%{filter:hue-rotate()brightness()}to{filter:hue-rotate(360deg)brightness(1.2)}}.admin_brand_badge{color:#fff;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:4px;padding:2px 6px;font-size:12px;font-weight:700;animation:2s ease-in-out infinite badgePulse}@media (width<=1200px){.admin_brand_name_animated{padding:6px 10px}.brand_char{font-size:12px}.admin_brand_name_animated:hover{padding:6px 14px}}@media (width<=768px){.admin_brand{display:none}}.admin_balance_wrapper{align-items:center;display:flex;position:relative}.admin_balance_tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border:2px solid #667eea;border-radius:12px;min-width:220px;padding:12px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-140px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.admin_balance_tooltip:before{content:"";border-bottom:10px solid #667eea;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.admin_balance_tooltip:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.admin_balance_wrapper:hover .admin_balance_tooltip{opacity:1;visibility:visible;bottom:-150px}.admin_balance_tooltip .tooltip_header{color:#667eea;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:800}.admin_balance_tooltip .tooltip_description{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500}.admin_balance_tooltip .tooltip_amount{color:#059669;border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.admin_pos_wrapper{align-items:center;display:flex;position:relative}.admin_pos_tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border:2px solid #667eea;border-radius:12px;min-width:200px;padding:12px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-140px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.admin_pos_tooltip:before{content:"";border-bottom:10px solid #667eea;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.admin_pos_tooltip:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.admin_pos_wrapper:hover .admin_pos_tooltip{opacity:1;visibility:visible;bottom:-150px}.admin_pos_tooltip .tooltip_header{color:#667eea;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:800}.admin_pos_tooltip .tooltip_description{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500}.admin_pos_tooltip .tooltip_shortcut{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px;font-size:10px;font-style:italic}.admin_control_wrapper{align-items:center;display:flex;position:relative}.admin_control_tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;text-align:center;background:#fff;border:2px solid #667eea;border-radius:12px;min-width:180px;padding:10px 14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-120px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.admin_control_tooltip:before{content:"";border-bottom:8px solid #667eea;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.admin_control_tooltip:after{content:"";border-bottom:6px solid #fff;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.admin_control_wrapper:hover .admin_control_tooltip{opacity:1;visibility:visible;bottom:-130px}.admin_control_tooltip .tooltip_header{color:#667eea;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:800}.admin_control_tooltip .tooltip_description{color:#374151;font-size:11px;font-weight:500}.admin_profile_wrapper{align-items:center;display:flex;position:relative}.admin_profile_tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border:2px solid #667eea;border-radius:12px;min-width:240px;padding:12px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-180px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.admin_profile_tooltip:before{content:"";border-bottom:10px solid #667eea;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.admin_profile_tooltip:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.admin_profile_wrapper:hover .admin_profile_tooltip{opacity:1;visibility:visible;bottom:-190px}.admin_profile_tooltip .tooltip_header{color:#667eea;letter-spacing:.5px;margin-bottom:8px;font-size:13px;font-weight:800}.admin_profile_tooltip .tooltip_detail{color:#374151;margin-bottom:4px;font-size:11px;line-height:1.4}.admin_profile_tooltip .tooltip_detail strong{color:#1f2937;font-weight:700}.admin_profile_tooltip .tooltip_shortcut{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px;font-size:10px;font-style:italic}.admin_logout_wrapper{align-items:center;display:flex;position:relative}.admin_logout_tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;background:#fff;border:2px solid #ef4444;border-radius:12px;min-width:220px;padding:12px 16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-180px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.admin_logout_tooltip:before{content:"";border-bottom:10px solid #ef4444;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.admin_logout_tooltip:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.admin_logout_wrapper:hover .admin_logout_tooltip{opacity:1;visibility:visible;bottom:-190px}.admin_logout_tooltip .tooltip_header{color:#ef4444;letter-spacing:.5px;margin-bottom:6px;font-size:13px;font-weight:800}.admin_logout_tooltip .tooltip_description{color:#374151;margin-bottom:6px;font-size:12px;font-weight:500}.admin_logout_tooltip .tooltip_detail{color:#374151;margin-bottom:4px;font-size:11px;line-height:1.4}.admin_logout_tooltip .tooltip_detail strong{color:#1f2937;font-weight:700}.admin_logout_tooltip .tooltip_shortcut{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:6px;padding-top:6px;font-size:10px;font-style:italic}@media (width<=1200px){.admin_balance_tooltip,.admin_pos_tooltip,.admin_profile_tooltip,.admin_logout_tooltip{min-width:180px;padding:10px 12px;font-size:11px}.admin_control_tooltip{min-width:160px;padding:8px 10px}}@media (width<=768px){.admin_balance_tooltip,.admin_pos_tooltip,.admin_profile_tooltip,.admin_logout_tooltip,.admin_control_tooltip{display:none}}.admin_header_left{flex-shrink:0;align-items:center;gap:16px;display:flex}.admin_toggle_btn{display:none}.admin_brand{border-left:1px solid #6366f133;align-items:center;gap:10px;padding-left:12px;display:flex}.admin_toggle_wrapper{color:#94a3b8;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .2s;display:flex;position:relative}.admin_toggle_wrapper:hover{color:#6366f1;background:#6366f133;border-color:#6366f1;transform:scale(1.05)}.admin_toggle_wrapper:active{transform:scale(.95)}.admin_toggle_tooltip{opacity:0;visibility:hidden;pointer-events:none;z-index:1000;text-align:center;background:#fff;border:2px solid #667eea;border-radius:12px;min-width:160px;padding:10px 14px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:-130px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000026}.admin_toggle_tooltip:before{content:"";border-bottom:10px solid #667eea;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.admin_toggle_tooltip:after{content:"";border-bottom:8px solid #fff;border-left:8px solid #0000;border-right:8px solid #0000;width:0;height:0;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.admin_toggle_wrapper:hover .admin_toggle_tooltip{opacity:1;visibility:visible;bottom:-140px}.admin_toggle_tooltip .tooltip_header{color:#667eea;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:800}.admin_toggle_tooltip .tooltip_description{color:#374151;margin-bottom:4px;font-size:11px;font-weight:500}.admin_toggle_tooltip .tooltip_shortcut{color:#9ca3af;border-top:1px solid #e5e7eb;margin-top:4px;padding-top:4px;font-size:10px;font-style:italic}@media (width<=1200px){.admin_toggle_wrapper{width:32px;height:32px}.admin_toggle_tooltip{min-width:140px;padding:8px 12px}.admin_toggle_tooltip .tooltip_header{font-size:11px}.admin_toggle_tooltip .tooltip_description{font-size:10px}}@media (width<=768px){.admin_toggle_wrapper{width:32px;height:32px}.admin_toggle_tooltip{display:none}}@media (width<=480px){.admin_toggle_wrapper{width:28px;height:28px}.admin_toggle_wrapper svg{width:16px;height:16px}}.refresh-progress-bar{z-index:99;background:#1a1f2e;align-items:center;height:4px;display:flex;position:fixed;top:64px;left:0;right:0;overflow:hidden;box-shadow:0 1px 2px #00000080}.progress-background{background:0 0;width:100%;height:100%;position:absolute;top:0;left:0;right:0;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#ef4444 0%,#fbbf24 50%,#10b981 100%);width:0%;height:100%;transition:width 1s linear;position:absolute;top:0;left:0;box-shadow:0 0 8px #10b98199}.progress-fill.refreshing{animation:.6s ease-in-out infinite refresh-pulse}@keyframes refresh-pulse{0%,to{box-shadow:0 0 8px #10b98199}50%{box-shadow:0 0 16px #10b981}}.btn-refresh-small{color:#fff;cursor:pointer;z-index:100;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;transition:all .2s;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.btn-refresh-small:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:translateY(-50%)scale(1.1)}.btn-refresh-small:disabled{opacity:.5;cursor:not-allowed}.btn-refresh-small:active:not(:disabled){transform:translateY(-50%)scale(.95)}@media (width<=768px){.refresh-progress-bar{height:6px;top:56px}.btn-refresh-small{width:20px;height:20px;font-size:10px;right:6px}}@media (width<=480px){.refresh-progress-bar{height:5px;top:52px}.btn-refresh-small{width:18px;height:18px;font-size:9px;right:4px}}.dashboard_main{margin-top:8px}@media (width<=768px){.dashboard_main{margin-top:6px}}@media (width<=480px){.dashboard_main{margin-top:5px}}.dashboard-container{background:linear-gradient(135deg,#cbccf3 0%,#f1f5f9 100%);min-height:100vh;padding:16px 12px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media (width<=768px){.dashboard-container{padding:12px 8px}.stat-cards-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.dashboard-header{grid-template-columns:1fr}}.greeting-card-wrapper{width:100%;margin-bottom:20px;padding:0}.greeting-card-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;padding:0;display:grid}.greeting-card-item{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #0000000d;border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.greeting-card-item:before{content:"";opacity:0;background:linear-gradient(90deg,#06b6d4,#0891b2);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.greeting-card-item:hover{border-color:#06b6d433;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.greeting-card-item:hover:before{opacity:1}.greeting-card-content{align-items:flex-start;gap:16px;height:100%;display:flex}.greeting-card-icon-section{flex-shrink:0;justify-content:center;align-items:center;display:flex}.greeting-card-icon-wrapper{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 12px #0000001a}.greeting-card-main .greeting-card-icon-wrapper{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%)}.greeting-card-date .greeting-card-icon-wrapper.calendar-icon{background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.greeting-card-time .greeting-card-icon-wrapper.time-icon{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.greeting-card-progress .greeting-card-icon-wrapper.progress-icon{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.greeting-card-item:hover .greeting-card-icon-wrapper{transform:scale(1.1)rotate(5deg)}.greeting-card-text-section{flex-direction:column;flex:1;justify-content:space-between;min-height:100%;display:flex}.greeting-card-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin:0 0 6px;font-size:11px;font-weight:700}.greeting-card-title{color:#0f172a;letter-spacing:-.5px;margin:0 0 4px;font-size:20px;font-weight:800;line-height:1.3}.greeting-card-username{background:linear-gradient(135deg,#06b6d4 0%,#0891b2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:900}.greeting-card-subtitle{color:#64748b;margin:0;font-size:12px;font-weight:500}.greeting-card-day{color:#0f172a;margin:0 0 2px;font-size:16px;font-weight:700}.greeting-card-date-value{color:#64748b;margin:0;font-size:13px;font-weight:500}.greeting-card-time-value{color:#0f172a;letter-spacing:1px;margin:0 0 4px;font-family:Courier New,monospace;font-size:18px;font-weight:800}.greeting-card-time-status{color:#10b981;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.greeting-card-progress-value{color:#0f172a;margin:0 0 8px;font-size:24px;font-weight:900}.progress-bar-container{background:#e2e8f0;border-radius:3px;width:100%;height:6px;margin-top:8px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#06b6d4 0%,#0891b2 100%);border-radius:3px;height:100%;transition:width 1s linear;box-shadow:0 0 8px #06b6d466}.greeting-card-badge{color:#10b981;text-transform:uppercase;letter-spacing:.3px;background:#10b9811a;border-radius:20px;align-items:center;gap:6px;margin-top:auto;padding:6px 12px;font-size:11px;font-weight:700;display:flex}.badge-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.badge-text{display:inline-block}.greeting-card-meta{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.meta-badge{color:#0891b2;text-transform:uppercase;letter-spacing:.3px;background:#06b6d41a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-block}.status-dot{background:#f59e0b;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse-status;display:inline-block}@keyframes pulse-status{0%,to{opacity:1;box-shadow:0 0 #f59e0bb3}50%{opacity:.8;box-shadow:0 0 0 6px #f59e0b00}}@media (width>=768px){.greeting-card-container{grid-template-columns:repeat(2,1fr);gap:16px}.greeting-card-main{grid-column:1/-1}}@media (width>=1024px){.greeting-card-container{grid-template-columns:repeat(4,1fr);gap:16px}.greeting-card-main{grid-column:1/2}}@media (width>=1440px){.greeting-card-container{grid-template-columns:repeat(4,1fr);gap:18px}.greeting-card-item{padding:24px}}@media (width<=767px){.greeting-card-container{grid-template-columns:1fr;gap:12px}.greeting-card-item{padding:16px}.greeting-card-title{font-size:18px}.greeting-card-icon-wrapper{width:48px;height:48px}.greeting-card-icon-wrapper svg{width:24px;height:24px}}@media (prefers-color-scheme:dark){.greeting-card-item{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border-color:#ffffff1a}.greeting-card-item:hover{border-color:#06b6d44d;box-shadow:0 8px 24px #06b6d433}.greeting-card-title{color:#f1f5f9}.greeting-card-label{color:#64748b}.greeting-card-subtitle,.greeting-card-date-value,.greeting-card-time-status{color:#cbd5e1}.greeting-card-day,.greeting-card-time-value{color:#f1f5f9}.progress-bar-container{background:#334155}}.greeting-card-item{animation:.5s ease-out forwards slideInUp}.greeting-card-item:first-child{animation-delay:.1s}.greeting-card-item:nth-child(2){animation-delay:.2s}.greeting-card-item:nth-child(3){animation-delay:.3s}.greeting-card-item:nth-child(4){animation-delay:.4s}.sys-status-section{background:#fff;border-radius:16px;padding:24px;font-family:Inter,sans-serif;box-shadow:0 4px 20px #0000000d}.sys-status-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.sys-status-icon-box{background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:8px;padding:8px;display:flex}.sys-status-title{color:#1e293b;margin:0;font-size:1.25rem;font-weight:700}.sys-status-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.sys-status-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:16px;padding:16px;transition:all .3s;display:flex}.sys-status-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000001a}.progress-container{flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.progress-track{stroke:#e2e8f0}.progress-bar{transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.percentage-text{font-size:.85rem;font-weight:800;position:absolute}.sys-card-content{flex-direction:column;display:flex}.sys-card-title{color:#334155;margin:0;font-size:.95rem;font-weight:700}.sys-card-label{color:#64748b;margin:2px 0;font-size:.75rem;font-weight:500}.sys-card-status{text-transform:uppercase;letter-spacing:.5px;opacity:.8;margin:0;font-size:.7rem;font-weight:700}.sys-load-card .sys-card-status{color:#22c55e}.sys-cpu-card .sys-card-status{color:#3b82f6}.sys-ram-card .sys-card-status{color:#10b981}.sys-disk-card .sys-card-status{color:#8b5cf6}@media (width<=640px){.sys-status-grid{grid-template-columns:1fr}.sys-status-section{padding:16px}.sys-status-title{font-size:1.1rem}.sys-status-card{gap:12px;padding:12px}.sys-card-title{font-size:.85rem}.sys-card-label{font-size:.7rem}.sys-card-status{font-size:.65rem}}:root{--sc-bg-primary:#f8fafc;--sc-bg-card:#fff;--sc-text-main:#0f172a;--sc-text-muted:#64748b;--sc-primary:#06b6d4;--sc-primary-hover:#0891b2;--sc-secondary:#0e7490;--sc-accent:#155e75;--sc-border-color:#e2e8f0;--sc-success:#10b981;--sc-warning:#f59e0b;--sc-error:#ef4444;--sc-shadow-sm:0 1px 2px #0000000a;--sc-shadow-md:0 2px 4px #0000000a;--sc-shadow-lg:0 4px 8px #0000000a;--sc-shadow-xl:0 8px 16px #0000001a;--sc-radius-sm:6px;--sc-radius-md:8px;--sc-radius-lg:12px;--sc-transition:all .2s ease-in-out}.s-chart-dashboard-wrapper{box-sizing:border-box;flex-direction:column;gap:12px;width:100%;max-width:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.s-chart-filter-card{background:var(--sc-bg-card);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-md);border:1px solid var(--sc-border-color);box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;width:100%;padding:12px;display:grid}.s-chart-input-group{flex-direction:column;gap:4px;display:flex}.s-chart-input-label{text-transform:uppercase;letter-spacing:.08em;color:var(--sc-text-muted);font-size:.65rem;font-weight:700}.s-chart-select-field{appearance:none;border:1px solid var(--sc-border-color);border-radius:var(--sc-radius-md);color:var(--sc-text-main);cursor:pointer;transition:var(--sc-transition);background-color:#f1f5f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2306b6d4' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 6px center;background-repeat:no-repeat;background-size:12px;padding:7px 28px 7px 10px;font-size:.8rem;font-weight:500}.s-chart-select-field:hover{border-color:var(--sc-primary);background-color:#e2e8f0}.s-chart-select-field:focus{border-color:var(--sc-primary);outline:none;box-shadow:0 0 0 2px #06b6d41a}.s-chart-layout-wrapper{box-sizing:border-box;grid-template-columns:60% 40%;gap:12px;width:100%;display:grid}.s-chart-main-container{background:var(--sc-bg-card);border-radius:var(--sc-radius-lg);box-shadow:var(--sc-shadow-lg);border:1px solid var(--sc-border-color);box-sizing:border-box;flex-direction:column;width:100%;height:fit-content;display:flex;overflow:hidden}.s-chart-main-header{border-bottom:1px solid var(--sc-border-color);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.s-chart-main-title-group h3{color:var(--sc-text-main);margin:0 0 2px;font-size:1rem;font-weight:700}.s-chart-main-subtitle{color:var(--sc-text-muted);margin:0;font-size:.75rem;font-weight:500}.s-chart-action-fullscreen-btn{background:linear-gradient(135deg, var(--sc-primary) 0%, var(--sc-secondary) 100%);color:#fff;border-radius:var(--sc-radius-md);cursor:pointer;transition:var(--sc-transition);white-space:nowrap;border:none;align-items:center;gap:5px;padding:7px 12px;font-size:.75rem;font-weight:600;display:flex;box-shadow:0 2px 6px #06b6d433}.s-chart-action-fullscreen-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #06b6d44d}.s-chart-action-fullscreen-btn:active{transform:scale(.98)}.s-chart-main-body{box-sizing:border-box;background:#fff;justify-content:center;align-items:center;width:100%;min-height:380px;padding:12px;display:flex}.s-chart-metrics-section{box-sizing:border-box;grid-template-columns:1fr 1fr;gap:10px;width:100%;height:fit-content;display:grid}.s-chart-metric-panel{border:1px solid var(--sc-border-color);border-radius:var(--sc-radius-lg);transition:var(--sc-transition);box-shadow:var(--sc-shadow-sm);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);flex-direction:column;gap:8px;padding:14px;display:flex}.s-chart-metric-panel:hover{border-color:var(--sc-primary);transform:translateY(-2px);box-shadow:0 4px 12px #06b6d426}.s-chart-metric-panel.highlight{border-color:var(--sc-success);background:linear-gradient(135deg,#ecfdf5 0%,#f0fdf4 100%)}.s-chart-metric-panel.highlight:hover{border-color:var(--sc-success);box-shadow:0 4px 12px #10b98133}.s-chart-metric-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.s-chart-metric-label{color:var(--sc-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.s-chart-metric-icon{color:var(--sc-primary);opacity:.7;flex-shrink:0}.s-chart-metric-icon.negative-icon{color:var(--sc-error)}.s-chart-metric-icon.positive-icon{color:var(--sc-success)}.s-chart-metric-icon.highlight-icon{color:var(--sc-success);opacity:1}.s-chart-metric-value{color:var(--sc-text-main);word-break:break-word;font-size:1.3rem;font-weight:800;line-height:1.2}.s-chart-metric-value.negative{color:var(--sc-error)}.s-chart-metric-value.highlight{color:var(--sc-success)}.s-chart-metric-note{color:var(--sc-text-muted);font-size:.7rem;font-weight:500}.s-chart-loading-state,.s-chart-error-state,.s-chart-empty-state{color:var(--sc-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;padding:24px;display:flex}.s-chart-loading-state p,.s-chart-error-state p,.s-chart-empty-state p{font-size:.9rem;font-weight:500}.s-chart-spinner{border:3px solid #e2e8f0;border-top-color:var(--sc-primary);border-right-color:var(--sc-secondary);border-radius:50%;width:36px;height:36px;animation:1s linear infinite s-chart-spin}@keyframes s-chart-spin{to{transform:rotate(360deg)}}.s-chart-responsive-container-wrapper{flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative}@media (width<=1400px){.s-chart-layout-wrapper{grid-template-columns:55% 45%}}@media (width<=1024px){.s-chart-filter-card{grid-template-columns:repeat(2,1fr)}.s-chart-layout-wrapper{grid-template-columns:1fr;gap:12px}.s-chart-metrics-section{grid-template-columns:repeat(4,1fr);gap:10px}.s-chart-metric-panel{padding:12px}.s-chart-metric-value{font-size:1.1rem}.s-chart-main-body{min-height:320px}}@media (width<=768px){.s-chart-filter-card{grid-template-columns:1fr;gap:8px;padding:10px}.s-chart-select-field{padding:6px 24px 6px 8px;font-size:.75rem}.s-chart-metrics-section{grid-template-columns:repeat(2,1fr);gap:8px}.s-chart-metric-panel{padding:10px}.s-chart-metric-value{font-size:1rem}.s-chart-main-body{min-height:280px;padding:10px}.s-chart-main-header{flex-direction:column;align-items:flex-start;padding:10px 12px}.s-chart-action-fullscreen-btn{justify-content:center;width:100%}}@media (width<=480px){.s-chart-filter-card{gap:6px;padding:8px}.s-chart-select-field{padding:5px 20px 5px 6px;font-size:.7rem}.s-chart-metrics-section{grid-template-columns:1fr;gap:6px}.s-chart-metric-panel{padding:8px}.s-chart-metric-value{font-size:.95rem}.s-chart-metric-label{font-size:.7rem}.s-chart-main-body{min-height:240px;padding:8px}.s-chart-main-header{padding:8px 10px}.s-chart-main-title-group h3{font-size:.9rem}}.dev-two-col-container{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;display:grid}.dev-loading{grid-column:1/-1;justify-content:center;align-items:center;padding:30px;display:flex}.dev-spinner{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:28px;height:28px;animation:1s linear infinite dev-spin}@keyframes dev-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dev-col-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 2px 6px #0000000f}.dev-col-panel:hover{border-color:#cbd5e1;box-shadow:0 6px 12px #0000001a}.dev-col-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;padding:12px 14px}.dev-col-title{color:#1e293b;letter-spacing:-.2px;margin:0;font-size:.9rem;font-weight:700}.dev-col-body{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex}.dev-col-row{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.dev-col-row:last-child{margin-bottom:0}.dev-col-field{background:#f8fafc;border-left:3px solid #3b82f6;border-radius:6px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.dev-col-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:700}.dev-col-value{color:#1e293b;word-break:break-word;font-size:.8rem;font-weight:600;line-height:1.4}.dev-col-link{color:#3b82f6;word-break:break-word;font-size:.8rem;font-weight:600;text-decoration:none;transition:color .2s}.dev-col-link:hover{color:#1e40af;text-decoration:underline}.dev-col-whatsapp-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366,#20ba5a);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin:10px 12px;padding:9px 14px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #25d36640}.dev-col-whatsapp-btn:hover{background:linear-gradient(135deg,#20ba5a,#1aa34a);transform:translateY(-1px);box-shadow:0 4px 10px #25d36659}@media (width<=1200px){.dev-two-col-container{gap:14px}.dev-col-field{padding:7px 9px}.dev-col-label{font-size:.68rem}.dev-col-value{font-size:.78rem}}@media (width<=992px){.dev-two-col-container{gap:12px}.dev-col-header{padding:10px 12px}.dev-col-title{font-size:.85rem}.dev-col-body{gap:8px;padding:10px}.dev-col-row{gap:8px}.dev-col-field{padding:6px 8px}.dev-col-label{font-size:.65rem}.dev-col-value{font-size:.75rem}.dev-col-whatsapp-btn{gap:6px;margin:8px 10px;padding:8px 12px;font-size:11px}}@media (width<=768px){.dev-two-col-container{grid-template-columns:1fr;gap:12px}.dev-col-header{padding:10px 12px}.dev-col-title{font-size:.85rem}.dev-col-body{gap:8px;padding:10px}.dev-col-row{grid-template-columns:repeat(2,1fr);gap:8px}.dev-col-field{padding:6px 8px}.dev-col-label{font-size:.65rem}.dev-col-value{font-size:.75rem}.dev-col-whatsapp-btn{margin:8px 10px;padding:8px 12px;font-size:11px}}@media (width<=480px){.dev-two-col-container{grid-template-columns:1fr;gap:10px}.dev-col-header{padding:8px 10px}.dev-col-title{font-size:.8rem}.dev-col-body{gap:6px;padding:8px}.dev-col-row{grid-template-columns:1fr;gap:6px}.dev-col-field{padding:5px 7px}.dev-col-label{font-size:.6rem}.dev-col-value{font-size:.7rem}.dev-col-whatsapp-btn{gap:5px;margin:6px 8px;padding:6px 10px;font-size:10px}.dev-col-whatsapp-btn svg{width:12px;height:12px}}.analytics-header{background:#fff;border-bottom:3px solid #667eea;border-radius:10px;margin-bottom:16px;padding:14px 16px;transition:all .3s;box-shadow:0 1px 4px #0000000d}.analytics-header:hover{box-shadow:0 2px 8px #00000014}.analytics-title{color:#1e293b;letter-spacing:-.3px;margin:0 0 4px;font-size:1.3rem;font-weight:700}.analytics-subtitle{color:#667eea;letter-spacing:.2px;margin:0;font-size:.8rem;font-weight:600}.analytics-container{background:#f8fafc;border-radius:8px;margin-top:12px;padding:12px}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:16px;display:grid}.analytics-stat-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #667eea;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 4px #0000000a}.analytics-stat-card:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 8px 12px #0000001a}.analytics-stat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:8px;font-size:18px;display:flex;box-shadow:0 1px 4px #0000000f}.analytics-stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.analytics-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.2px;margin:0;font-size:.7rem;font-weight:600}.analytics-stat-value{color:#1e293b;letter-spacing:-.1px;margin:0;font-size:1.1rem;font-weight:800}.analytics-stat-subvalue{color:#94a3b8;margin:0;font-size:.7rem;font-weight:500}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:16px;display:grid}.analytics-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:12px;transition:all .3s;box-shadow:0 1px 4px #0000000a}.analytics-chart-card:hover{box-shadow:0 4px 8px #00000014}.analytics-chart-title{color:#1e293b;align-items:center;gap:6px;margin:0 0 8px;font-size:.9rem;font-weight:600;display:flex}.analytics-chart-title svg{color:#667eea;width:16px;height:16px}.analytics-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:12px;overflow-x:auto;box-shadow:0 1px 4px #0000000a}.analytics-table{border-collapse:collapse;width:100%;font-size:.8rem}.analytics-table thead{background:#f8fafc;border-bottom:1px solid #e2e8f0}.analytics-table th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.2px;padding:8px 10px;font-size:.7rem;font-weight:600}.analytics-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:8px 10px}.analytics-table tbody tr:hover{background:#f8fafc}@media (width<=1200px){.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (width<=992px){.analytics-header{padding:12px 14px}.analytics-title{margin-bottom:3px;font-size:1.15rem}.analytics-subtitle{font-size:.75rem}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px}.analytics-stat-card{gap:7px;padding:9px 11px}.analytics-stat-icon{padding:7px;font-size:16px}.analytics-stat-value{font-size:1rem}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.analytics-chart-card{padding:11px}.analytics-chart-title{margin-bottom:7px;font-size:.85rem}}@media (width<=768px){.analytics-container{padding:10px}.analytics-header{border-bottom-width:2px;margin-bottom:12px;padding:11px 13px}.analytics-title{margin-bottom:2px;font-size:1.05rem}.analytics-subtitle{font-size:.7rem}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;margin-bottom:12px}.analytics-stat-card{border-left-width:3px;gap:6px;padding:8px 10px}.analytics-stat-icon{border-radius:6px;padding:6px;font-size:15px}.analytics-stat-label{font-size:.65rem}.analytics-stat-value{font-size:.95rem}.analytics-stat-subvalue{font-size:.65rem}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}.analytics-chart-card{border-radius:8px;padding:10px}.analytics-chart-title{margin-bottom:6px;font-size:.8rem}.analytics-chart-title svg{width:14px;height:14px}.analytics-table-card{margin-bottom:12px;padding:10px}.analytics-table{font-size:.75rem}.analytics-table th,.analytics-table td{padding:6px 8px}}@media (width<=640px){.analytics-header{padding:10px 12px}.analytics-title{font-size:.95rem}.analytics-subtitle{font-size:.65rem}.analytics-stats-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:7px}.analytics-stat-card{gap:5px;padding:7px 9px}.analytics-stat-icon{padding:5px;font-size:14px}.analytics-stat-value{font-size:.9rem}.analytics-charts-grid{grid-template-columns:1fr;gap:10px}.analytics-chart-card{padding:10px}.analytics-table th,.analytics-table td{padding:5px 7px}}@media (width<=480px){.analytics-container{margin-top:10px;padding:8px}.analytics-header{border-radius:8px;margin-bottom:10px;padding:9px 11px}.analytics-title{margin-bottom:2px;font-size:.9rem}.analytics-subtitle{font-size:.6rem}.analytics-stats-grid{grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:10px}.analytics-stat-card{border-radius:8px;gap:4px;padding:6px 8px}.analytics-stat-icon{width:30px;height:30px;padding:4px;font-size:13px}.analytics-stat-label{font-size:.6rem}.analytics-stat-value{font-size:.85rem}.analytics-stat-subvalue{font-size:.6rem}.analytics-charts-grid{gap:8px;margin-bottom:10px}.analytics-chart-card{padding:9px}.analytics-chart-title{margin-bottom:5px;font-size:.75rem}.analytics-chart-title svg{width:13px;height:13px}.analytics-table-card{margin-bottom:10px;padding:9px}.analytics-table{font-size:.7rem}.analytics-table th,.analytics-table td{padding:4px 6px}}@media (width<=360px){.analytics-container{padding:6px}.analytics-header{padding:8px 10px}.analytics-title{font-size:.8rem}.analytics-subtitle{font-size:.55rem}.analytics-stats-grid{grid-template-columns:1fr;gap:5px}.analytics-stat-card{padding:5px 7px}.analytics-stat-icon{width:26px;height:26px;font-size:12px}.analytics-stat-value{font-size:.8rem}.analytics-stat-label{font-size:.55rem}.analytics-table th,.analytics-table td{padding:3px 5px;font-size:.65rem}}.top-product-dashboard{background:#f8fafc;border-radius:8px;width:100%;height:80%;margin-top:20px;padding:20px}.top-product-header{border-bottom:2px solid #e2e8f0;margin-bottom:24px;padding-bottom:16px}.top-product-header h2{color:#0f172a;letter-spacing:-.5px;margin-bottom:4px;font-size:20px;font-weight:800}.top-product-header p{color:#64748b;font-size:14px;font-weight:500}.top-product-filters{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:24px;padding:16px;display:flex;box-shadow:0 1px 3px #00000014}.filter-group{flex-direction:column;flex:1;gap:6px;min-width:130px;display:flex}.filter-group label{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.filter-input{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:9px 12px;font-family:inherit;font-size:13px;transition:all .2s}.filter-input:hover{background:#f8fafc;border-color:#cbd5e1}.filter-input:focus{background:#fff;border-color:#06b6d4;outline:none;box-shadow:0 0 0 3px #06b6d41a}.btn-apply,.btn-reset{cursor:pointer;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;height:fit-content;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s}.btn-apply{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b98133}.btn-apply:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.btn-apply:active{transform:translateY(0)}.btn-reset{color:#64748b;background:#fff;border:1px solid #e2e8f0}.btn-reset:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-reset:active{transform:translateY(0)}.filter-info{color:#047857;white-space:nowrap;background:#10b9811a;border-left:3px solid #10b981;border-radius:4px;height:fit-content;padding:9px 14px;font-size:12px;font-weight:600}.chart-main-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;height:700px;margin-bottom:24px;transition:all .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.chart-main-container:hover{box-shadow:0 4px 12px #0000001a}.chart-main-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.chart-main-title-group h3{color:#0f172a;letter-spacing:-.3px;margin:0 0 4px;font-size:18px;font-weight:700}.chart-main-subtitle{color:#64748b;margin:0;font-size:12px;font-weight:500}.btn-fullscreen-main{cursor:pointer;color:#64748b;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.btn-fullscreen-main:hover{color:#06b6d4;background:#06b6d40d;border-color:#06b6d4;transform:translateY(-2px);box-shadow:0 2px 8px #06b6d41a}.btn-fullscreen-main:active{transform:translateY(0)}.chart-main-body{background:#fff;flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:20px;display:flex;overflow:auto}.chart-loading{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;height:100%;display:flex}.chart-loading p{color:#64748b;font-size:14px;font-weight:600}.chart-empty{text-align:center;color:#94a3b8;padding:20px;font-size:14px;font-weight:500}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;width:100%;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid #06b6d4;border-radius:8px;padding:16px;transition:all .2s;box-shadow:0 1px 3px #00000014}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:600}.stat-value{color:#0f172a;word-break:break-word;font-size:20px;font-weight:800;line-height:1.2}@media (width<=1024px){.top-product-filters{flex-direction:column}.filter-group{width:100%;min-width:unset}.btn-apply,.btn-reset,.filter-info{width:100%}.chart-main-container{height:600px}}@media (width<=768px){.top-product-dashboard{padding:12px}.top-product-header h2{font-size:22px}.chart-main-container{height:500px}.chart-main-header{flex-direction:column;align-items:flex-start;gap:12px}.btn-fullscreen-main{justify-content:center;width:100%}.summary-stats{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:12px}.stat-value{font-size:16px}}@media (width<=480px){.top-product-dashboard{padding:8px}.top-product-header h2{font-size:18px}.top-product-header p{font-size:12px}.chart-main-container{height:400px}.summary-stats{grid-template-columns:1fr}.filter-group label{font-size:11px}.filter-input{padding:8px 10px;font-size:12px}.chart-main-header{padding:12px}.chart-main-header h3{font-size:16px}.btn-fullscreen-main{padding:6px 10px;font-size:12px}}.chart-main-body::-webkit-scrollbar{width:8px;height:8px}.chart-main-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.chart-main-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.chart-main-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.top-product-filters{display:none}.top-product-header{margin-bottom:12px;padding-bottom:8px}.chart-main-container{page-break-inside:avoid;box-shadow:none;border:1px solid #ddd;height:auto}.chart-main-body{height:500px}}.monthly-profit-container{width:100%;padding:0}.profit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;display:grid}.profit-stat-card{background:#fff;border:1px solid #e2e8f0;border-left:4px solid;border-radius:14px;align-items:center;gap:12px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000a}.profit-stat-card:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.profit-stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;font-size:16px;display:flex;box-shadow:0 2px 8px #00000014}.profit-stat-content{flex-direction:column;flex:1;gap:2px;display:flex}.profit-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:.7rem;font-weight:600}.profit-stat-value{color:#1e293b;letter-spacing:-.1px;margin:0;font-size:1rem;font-weight:800}.profit-stat-subvalue{color:#94a3b8;margin:0;font-size:.7rem;font-weight:500}@media (width<=1200px){.profit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}}@media (width<=992px){.profit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.profit-stat-card{gap:10px;padding:12px}.profit-stat-value{font-size:.9rem}}@media (width<=768px){.profit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.profit-stat-card{gap:8px;padding:10px}.profit-stat-icon{padding:8px;font-size:14px}.profit-stat-value{font-size:.85rem}}@media (width<=640px){.profit-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.profit-stat-card{gap:6px;padding:8px}.profit-stat-value{font-size:.8rem}.profit-stat-label{font-size:.65rem}}@media (width<=480px){.monthly-profit-container{padding:0}.profit-stats-grid{grid-template-columns:1fr;gap:8px}.profit-stat-card{padding:8px}}.profit-header{background:#fff;border-bottom:3px solid #667eea;border-radius:8px;margin-bottom:20px;padding:16px 20px;box-shadow:0 1px 4px #0000000d}.profit-header-title{color:#1e293b;margin:0 0 6px;font-size:1.4rem;font-weight:700}.profit-header-date{color:#667eea;margin:0;font-size:.9rem;font-weight:600}@media (width<=768px){.profit-header{padding:12px 16px}.profit-header-title{font-size:1.1rem}.profit-header-date{font-size:.85rem}}.profit-filter-buttons{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;gap:12px;margin:20px 0;padding:16px;animation:.3s ease-out slideDown;display:flex}.filter-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:2px solid #e2e8f0;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.filter-btn:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-color:#667eea;box-shadow:0 4px 15px #667eea66}.filter-btn.active:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.filter-icon{font-size:16px;display:inline-block}.profit-header-title-section{flex-direction:column;gap:4px;display:flex}.profit-header-date{color:#64748b;align-items:center;margin:0;font-size:14px;font-weight:500;display:flex}@media (width<=768px){.profit-filter-buttons{gap:8px;padding:12px}.filter-btn{padding:8px 12px;font-size:13px}.filter-icon{font-size:14px}}@media (width<=480px){.profit-filter-buttons{gap:6px;padding:10px}.filter-btn{flex:1;justify-content:center;padding:6px 10px;font-size:12px}.filter-icon{display:none}}.dashboard-session-history{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.dsh-header{background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);border-bottom:2px solid #e2e8f0;padding:16px 20px}.dsh-title{color:#0f172a;letter-spacing:-.3px;margin:0 0 4px;font-size:16px;font-weight:700}.dsh-subtitle{color:#64748b;margin:0;font-size:12px;font-weight:500}.dsh-table-wrapper{max-height:450px;overflow:auto}.dsh-table{border-collapse:collapse;width:100%;font-size:13px}.dsh-table thead{z-index:10;background:#f8fafc;position:sticky;top:0}.dsh-table th{text-align:left;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:12px;font-weight:700}.dsh-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background-color .2s}.dsh-table tbody tr:hover{background-color:#f8fafc}.dsh-table tbody tr:last-child{border-bottom:none}.dsh-cell{vertical-align:middle;padding:12px 16px}.dsh-time{align-items:center;gap:6px;display:flex}.dsh-time-text{color:#667eea;font-family:Courier New,monospace;font-size:12px;font-weight:600}.dsh-badge-active{color:#10b981;white-space:nowrap;background:#d1fae5;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.dsh-username{color:#667eea;background:#667eea1a;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:600;display:inline-block}.dsh-store{color:#475569;font-size:12px;font-weight:500}.dsh-duration{color:#92400e;white-space:nowrap;background:#fef3c7;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.dsh-pagination{background:#f8fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.dsh-pagination-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:600;transition:all .2s;display:flex}.dsh-pagination-btn:hover:not(:disabled){color:#667eea;background:#667eea0d;border-color:#667eea;transform:translateY(-1px)}.dsh-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.dsh-pagination-info{color:#64748b;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.dsh-pagination-input{text-align:center;color:#0f172a;border:1px solid #cbd5e1;border-radius:4px;width:40px;padding:6px 8px;font-size:12px;font-weight:600;transition:all .2s}.dsh-pagination-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.dsh-pagination-text{color:#64748b;font-size:12px;font-weight:600}.dsh-footer{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;padding:10px 16px}.dsh-footer-text{color:#64748b;font-size:11px;font-weight:600}.dsh-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.dsh-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.dsh-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dsh-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=768px){.dsh-table{font-size:11px}.dsh-cell{padding:10px 12px}.dsh-table th{padding:10px 12px;font-size:11px}.dsh-title{font-size:14px}.dsh-subtitle{font-size:11px}.dsh-pagination{gap:8px;padding:10px 12px}.dsh-pagination-btn{width:28px;height:28px}}@media (width<=480px){.dsh-table{font-size:10px}.dsh-cell{padding:8px 10px}.dsh-table th{padding:8px 10px;font-size:10px}.dsh-title{font-size:13px}.dsh-subtitle{font-size:10px}.dsh-pagination-info{font-size:11px}.dsh-pagination-input{width:35px;font-size:11px}}.msm-pagination-container{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 16px}.msm-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.msm-pagination-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.msm-pagination-btn:hover:not(:disabled){background:#764ba2;transform:translateY(-1px)}.msm-pagination-btn:disabled{cursor:not-allowed;opacity:.6;background:#cbd5e1}.msm-pagination-info{color:#475569;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.msm-pagination-input{text-align:center;color:#1a1a35;border:1px solid #cbd5e1;border-radius:4px;width:45px;padding:6px 8px;font-size:12px;font-weight:600}.msm-pagination-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.msm-session-info{text-align:center;color:#64748b;padding:8px;font-size:12px;font-weight:500}.msm-session-count{color:#64748b;font-size:12px}.msm-session-count strong{color:#667eea;font-weight:700}@media (width<=768px){.msm-pagination{gap:8px}.msm-pagination-btn{padding:6px 10px;font-size:11px}.msm-pagination-info{gap:6px;font-size:11px}.msm-pagination-input{width:40px;padding:5px 6px;font-size:11px}.msm-session-info{font-size:11px}}@media (width<=480px){.msm-pagination{gap:6px}.msm-pagination-btn{padding:6px 8px;font-size:10px}.msm-pagination-info{gap:4px;font-size:10px}.msm-pagination-input{width:35px;padding:4px 5px;font-size:10px}.msm-session-info{font-size:10px}}.dsh-pagination-wrapper{background:#f8fafc;border-top:1px solid #e2e8f0;padding:12px 16px}.dsh-pagination-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:8px;display:flex}.dsh-btn-pagination{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:4px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .2s}.dsh-btn-pagination:hover:not(:disabled){background:#764ba2;transform:translateY(-1px)}.dsh-btn-pagination:disabled{cursor:not-allowed;opacity:.6;background:#cbd5e1}.dsh-page-info{color:#475569;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.dsh-page-input{text-align:center;color:#1a1a35;border:1px solid #cbd5e1;border-radius:4px;width:45px;padding:6px 8px;font-size:12px;font-weight:600}.dsh-page-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.dsh-session-count-info{text-align:center;color:#64748b;font-size:12px;font-weight:500}.dsh-session-count-info strong{color:#667eea;font-weight:700}@media (width<=768px){.dsh-pagination-controls{gap:8px}.dsh-btn-pagination{padding:6px 10px;font-size:11px}.dsh-page-info{gap:6px;font-size:11px}.dsh-page-input{width:40px;padding:5px 6px;font-size:11px}.dsh-session-count-info{font-size:11px}}@media (width<=480px){.dsh-pagination-controls{gap:6px}.dsh-btn-pagination{padding:6px 8px;font-size:10px}.dsh-page-info{gap:4px;font-size:10px}.dsh-page-input{width:35px;padding:4px 5px;font-size:10px}.dsh-session-count-info{font-size:10px}}.rp-container{background:#f8fafc;min-height:100vh;padding:20px}.rp-tab-navigation{background:#fff;border-bottom:2px solid #e5e7eb;border-radius:12px 12px 0 0;gap:0;margin-bottom:24px;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000014}.rp-tab-btn{color:#718096;cursor:pointer;background:#fff;border:none;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-size:14px;font-weight:700;transition:all .3s;display:flex}.rp-tab-btn:hover{background:#f7fafc}.rp-tab-btn.active{color:#fff;background:#667eea}.rp-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px;box-shadow:0 2px 8px #00000014}.rp-form-title{color:#2d3748;align-items:center;gap:8px;margin-bottom:20px;font-size:16px;font-weight:700;display:flex}.rp-form-grid{grid-template-columns:1fr 1fr 150px 150px;gap:16px;display:grid}.rp-form-grid-2col{grid-template-columns:1fr 200px;gap:16px;display:grid}.rp-form-group{flex-direction:column;display:flex;position:relative}.rp-form-label{color:#4a5568;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.rp-form-input{color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:6px;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .3s}.rp-form-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.rp-form-input:disabled{cursor:not-allowed;background:#f7fafc}.rp-autocomplete{position:relative}.rp-suggestions{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;max-height:250px;margin-top:4px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.rp-suggestion-item{cursor:pointer;color:#2d3748;border-bottom:1px solid #f7fafc;padding:12px 14px;font-size:13px;transition:all .2s}.rp-suggestion-item:hover{color:#667eea;background:#f0f4ff;padding-left:18px}.rp-suggestion-item:last-child{border-bottom:none}.rp-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border:none;border-radius:6px;justify-content:center;align-items:center;height:42px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea4d}.rp-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.rp-btn-primary:disabled{opacity:.6;cursor:not-allowed}.rp-btn-danger{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;justify-content:center;align-items:center;height:42px;padding:10px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 8px #ef44444d}.rp-btn-danger:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.rp-btn-success{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .3s;box-shadow:0 2px 8px #10b9814d}.rp-btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.rp-btn-success:disabled{opacity:.6;cursor:not-allowed}.rp-filters{background:#fff;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;padding:16px;display:grid;box-shadow:0 1px 3px #0000000d}.rp-bill-info{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:8px;margin-bottom:20px;padding:12px}.rp-bill-info p{color:#1e40af;margin:0;font-size:14px;font-weight:600}.rp-add-item-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:16px}.rp-add-item-section h4{align-items:center;gap:8px;margin-top:0;margin-bottom:16px;font-size:14px;font-weight:600;display:flex}.rp-bill-items{margin-bottom:20px}.rp-bill-items h4{margin-bottom:12px;font-size:14px;font-weight:600}.rp-outstanding-bills{margin-bottom:20px}.rp-outstanding-bills h4{margin-bottom:12px;font-size:14px;font-weight:600}.rp-finalize-section{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.rp-table-section{background:#fff;border-radius:12px;margin-bottom:24px;overflow:hidden;box-shadow:0 2px 8px #00000014}.rp-table-wrapper{overflow-x:auto}.rp-table{border-collapse:collapse;width:100%;font-size:13px}.rp-table thead{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%)}.rp-table thead th{text-align:left;white-space:nowrap;padding:14px 12px;font-weight:600}.rp-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s}.rp-table tbody tr:hover{background:#f7fafc}.rp-table tbody td{color:#2d3748;padding:12px}.rp-table tbody td.rp-bill-number{color:#667eea;font-weight:600}.rp-table tbody td.rp-amount{color:#10b981;font-weight:600}.rp-table tbody td.rp-actions{justify-content:center;gap:8px;display:flex}.rp-badge{white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.rp-badge.pending{color:#92400e;background-color:#fef3c7}.rp-badge.success,.rp-badge.approved{color:#065f46;background-color:#d1fae5}.rp-badge.rejected,.rp-badge.damage{color:#991b1b;background-color:#fee2e2}.rp-action-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;font-size:12px;transition:all .2s;display:inline-flex}.rp-action-btn.success{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 4px #10b98133}.rp-action-btn.success:hover{transform:scale(1.1);box-shadow:0 4px 8px #10b9814d}.rp-action-btn.delete{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);padding:6px 8px;box-shadow:0 2px 4px #ef444433}.rp-action-btn.delete:hover{transform:scale(1.1);box-shadow:0 4px 8px #ef44444d}.rp-action-btn.view{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);box-shadow:0 2px 4px #3b82f633}.rp-action-btn.view:hover{transform:scale(1.1);box-shadow:0 4px 8px #3b82f64d}.rp-delete-icon{object-fit:contain;width:14px;height:14px}.rp-pagination{background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.rp-pagination-btn{cursor:pointer;color:#2d3748;background:#fff;border:1px solid #cbd5e0;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:600;transition:all .2s}.rp-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea}.rp-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.rp-pagination-input{color:#4a5568;align-items:center;gap:8px;font-size:13px;display:flex}.rp-pagination-input input{text-align:center;border:1px solid #cbd5e0;border-radius:4px;width:50px;padding:6px 8px;font-size:13px}.rp-export-section{background:#f7fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px;display:flex}.rp-export-btn{cursor:pointer;color:#fff;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .3s;display:flex}.rp-export-btn.excel{background:linear-gradient(135deg,#10b981 0%,#059669 100%);box-shadow:0 2px 8px #10b9814d}.rp-export-btn.excel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.rp-export-btn.csv{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);box-shadow:0 2px 8px #f59e0b4d}.rp-export-btn.csv:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.rp-export-btn.pdf{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 2px 8px #ef44444d}.rp-export-btn.pdf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.rp-no-data{text-align:center;background:#fff;border-radius:12px;padding:60px 20px;box-shadow:0 2px 8px #00000014}.rp-no-data img{opacity:.6;width:120px;height:120px;margin-bottom:20px}.rp-no-data p{color:#718096;margin:0;font-size:14px}@media (width<=1024px){.rp-form-grid,.rp-filters{grid-template-columns:1fr 1fr}.rp-table{font-size:12px}.rp-table thead th,.rp-table tbody td{padding:10px 8px}}@media (width<=768px){.rp-form-grid,.rp-form-grid-2col,.rp-filters{grid-template-columns:1fr}.rp-tab-btn{padding:12px 16px;font-size:12px}.rp-table{font-size:11px}.rp-table thead th,.rp-table tbody td{padding:8px 6px}.rp-export-section{flex-direction:column}.rp-export-btn{justify-content:center;width:100%}.rp-pagination{flex-direction:column;gap:8px}.rp-pagination-input{flex-direction:column}}.rp-suggestions::-webkit-scrollbar{width:6px;height:6px}.rp-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.rp-suggestions::-webkit-scrollbar-track{background:#f1f5f9}.rp-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.rp-suggestions::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.rp-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.rp-suggestions::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rp-table-wrapper::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rp-suggestions{animation:.2s slideDown}.rp-form-card,.rp-table-section{animation:.3s fadeIn}.help-overlay{z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.help-modal{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:2px solid #e5e7eb;border-radius:12px;flex-direction:column;width:90%;max-width:900px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #0003}.help-header{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border-bottom:3px solid #6d28d9;flex-shrink:0;padding:14px 18px;position:relative}.help-title{color:#fff;letter-spacing:.5px;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.help-title span{font-size:20px}.help-content{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.help-content::-webkit-scrollbar{width:6px}.help-content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.help-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.help-content::-webkit-scrollbar-thumb:hover{background:#8b5cf6}.help-section{flex-direction:column;gap:8px;display:flex}.help-section-title{text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;margin:0;padding-bottom:8px;font-size:12px;font-weight:700}.help-section:first-child .help-section-title{color:#7c3aed;border-bottom-color:#ede9fe}.help-section:nth-child(2) .help-section-title{color:#f59e0b;border-bottom-color:#fef3c7}.help-section:nth-child(3) .help-section-title{color:#dc2626;border-bottom-color:#fee2e2}.help-shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;display:grid}.help-shortcut-item{cursor:default;background:#fff;border:1px solid #e5e7eb;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;transition:all .3s;display:flex}.help-shortcut-item:hover{border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.help-key-badge{color:#fff;text-align:center;white-space:nowrap;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;min-width:70px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-flex;box-shadow:0 1px 4px #0000001f}.help-key-fkey{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 1px 4px #8b5cf640}.help-key-shift{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);min-width:80px;box-shadow:0 1px 4px #f59e0b40}.help-key-other{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 1px 4px #ef444440}.help-action{color:#374151;text-align:left;flex:1;font-size:12px;font-weight:600}.help-footer{text-align:center;color:#6b7280;background:#f3f4f6;border-top:2px solid #e5e7eb;flex-shrink:0;padding:12px 16px;font-size:11px;font-weight:600}@media screen and (width<=1024px){.help-modal{max-width:90%;max-height:85vh}.help-shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:7px}.help-content{gap:14px;padding:14px}.help-shortcut-item{gap:7px;padding:7px 9px}.help-key-badge{min-width:65px;padding:3px 7px;font-size:9px}.help-action{font-size:11px}}@media screen and (width<=768px){.help-modal{width:95%;max-height:85vh}.help-header{padding:12px 14px}.help-title{gap:6px;font-size:16px}.help-title span{font-size:18px}.help-content{gap:12px;padding:12px}.help-section-title{padding-bottom:6px;font-size:11px}.help-shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.help-shortcut-item{flex-direction:column;align-items:flex-start;gap:6px;padding:6px 8px}.help-key-badge{width:100%;min-width:auto;padding:3px 6px;font-size:9px}.help-action{text-align:left;font-size:10px}.help-footer{padding:10px 12px;font-size:10px}}@media screen and (width<=480px){.help-modal{width:97%;max-height:90vh}.help-header{padding:10px 12px}.help-title{gap:5px;font-size:14px}.help-title span{font-size:16px}.help-content{gap:10px;padding:10px}.help-section-title{padding-bottom:5px;font-size:10px}.help-shortcuts-grid{grid-template-columns:1fr;gap:5px}.help-shortcut-item{flex-direction:row;align-items:center;gap:5px;padding:5px 7px}.help-key-badge{min-width:55px;padding:3px 5px;font-size:8px}.help-action{font-size:9px}.help-footer{padding:8px 10px;font-size:9px}}@media screen and (width<=360px){.help-modal{width:98%;max-height:92vh}.help-header{padding:8px 10px}.help-title{gap:4px;font-size:13px}.help-title span{font-size:14px}.help-content{gap:8px;padding:8px}.help-section-title{padding-bottom:4px;font-size:9px}.help-shortcuts-grid{gap:4px}.help-shortcut-item{gap:4px;padding:4px 6px}.help-key-badge{min-width:50px;padding:2px 4px;font-size:7px}.help-action{font-size:8px}.help-footer{padding:6px 8px;font-size:8px}}.addotheritem-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.addotheritem-container{background:#fff;border:2px solid #f59e0b;border-radius:10px;flex-direction:column;width:90%;max-width:500px;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #f59e0b26}.addotheritem-settings-header{background:linear-gradient(135deg,#f5f7fa 0%,#e0e7ff 100%);border-bottom:2px solid #ddd;border-radius:10px 10px 0 0;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;padding:12px 16px;display:flex}.addotheritem-toggle-label{cursor:pointer;color:#1f2937;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.addotheritem-checkbox{cursor:pointer;accent-color:#06c;width:18px;height:18px}.addotheritem-toggle-text{white-space:nowrap}.addotheritem-header{background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border-bottom:2px solid #fef3c7;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.addotheritem-title{color:#fff;letter-spacing:.5px;align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.addotheritem-title svg{flex-shrink:0;width:18px;height:18px}.addotheritem-close-button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .2s;display:flex}.addotheritem-close-button:hover{background:#ffffff4d;transform:scale(1.1)}.addotheritem-content{background-color:#fff;flex:1;padding:16px 18px;overflow:visible}.addotheritem-form-group{margin-bottom:14px;position:relative}.addotheritem-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.addotheritem-input{box-sizing:border-box;background-color:#fff;border:1px solid #fcd34d;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.addotheritem-input:focus{background-color:#fffbeb;border-color:#f59e0b;outline:none;box-shadow:0 0 0 2px #f59e0b1a}.addotheritem-input::placeholder{color:#d1d5db}.addotheritem-input:disabled{cursor:not-allowed;color:#9ca3af;background-color:#f9fafb}.addotheritem-input-row-two{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.addotheritem-input-row-two .addotheritem-form-group{margin-bottom:0}.addotheritem-autocomplete-wrapper{width:100%;position:relative}.addotheritem-suggestions-list{z-index:9999;background:#fff;border:2px solid #06c;border-radius:4px;width:auto;min-width:280px;height:300px;position:fixed;overflow-y:auto;box-shadow:0 8px 16px #0066cc26}.addotheritem-suggestion-item{cursor:pointer;color:#374151;background-color:#fff;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px 12px;font-size:12px;transition:all .15s;display:flex}.addotheritem-suggestion-item:hover{color:#06c;background-color:#e8f0ff;padding-left:16px;font-weight:500}.addotheritem-suggestion-selected{color:#fff;background-color:#06c;padding-left:16px;font-weight:600;box-shadow:inset 3px 0 #fff}.addotheritem-suggestion-item:last-child{border-bottom:none}.addotheritem-suggestion-number{color:#666;background-color:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.addotheritem-suggestion-selected .addotheritem-suggestion-number{color:#fff;background-color:#ffffff4d}.addotheritem-loading-indicator{text-align:center;color:#06c;z-index:9999;background:#fff;border:2px solid #06c;border-radius:4px;min-width:280px;padding:14px 16px;font-size:12px;font-weight:500;position:fixed;box-shadow:0 8px 16px #0066cc26}.addotheritem-no-suggestions{text-align:center;color:#d9534f;z-index:9999;background:#fff;border:2px solid #d9534f;border-radius:4px;min-width:280px;padding:14px 16px;font-size:12px;font-weight:500;position:fixed;box-shadow:0 8px 16px #d9534f26}.addotheritem-keyboard-hint{color:#06c;background:#f0f7ff;border-left:3px solid #06c;border-radius:3px;align-items:center;gap:8px;margin-top:6px;padding:6px 8px;font-size:11px;font-weight:500;display:flex}.addotheritem-hint-icon{font-size:14px}.addotheritem-hint-text{flex-wrap:wrap;gap:12px;display:flex}.addotheritem-hint-text strong{color:#06c;background:#fff;border:1px solid #06c;border-radius:3px;padding:2px 6px;font-size:10px}.addotheritem-discount-preview{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-left:3px solid #f59e0b;border-radius:6px;margin-bottom:14px;padding:10px 12px;animation:.3s ease-out fadeIn}.addotheritem-discount-item{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.addotheritem-discount-item:last-child{margin-bottom:0}.addotheritem-discount-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.addotheritem-discount-value{color:#f59e0b;font-family:Courier New,monospace;font-size:13px;font-weight:700}.addotheritem-footer{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border-top:1px solid #fef3c7;flex-shrink:0;padding:12px 18px}.addotheritem-add-button{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:10px 16px;font-family:inherit;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #f59e0b33}.addotheritem-add-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.addotheritem-add-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #f59e0b33}.addotheritem-add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.addotheritem-add-button svg{flex-shrink:0;width:14px;height:14px}.addotheritem-suggestions-list::-webkit-scrollbar{width:8px}.addotheritem-suggestions-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.addotheritem-suggestions-list::-webkit-scrollbar-thumb{background:#06c;border-radius:4px}.addotheritem-suggestions-list::-webkit-scrollbar-thumb:hover{background:#0052a3}@media screen and (width<=600px){.addotheritem-container{max-width:95%}.addotheritem-settings-header{gap:15px;padding:10px 14px}.addotheritem-header{padding:12px 14px}.addotheritem-title{font-size:14px}.addotheritem-content{padding:14px}.addotheritem-footer{padding:10px 14px}.addotheritem-input-row-two{gap:8px}.addotheritem-label{font-size:10px}.addotheritem-input{padding:7px 9px;font-size:11px}.addotheritem-form-group{margin-bottom:12px}.addotheritem-add-button{padding:9px 14px;font-size:11px}.addotheritem-toggle-label{font-size:12px}}@media screen and (width<=480px){.addotheritem-container{width:98%;max-width:100%}.addotheritem-settings-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.addotheritem-header{padding:10px 12px}.addotheritem-title{font-size:13px}.addotheritem-content{padding:12px}.addotheritem-footer{padding:8px 12px}.addotheritem-input-row-two{grid-template-columns:1fr 1fr;gap:6px}.addotheritem-label{margin-bottom:5px;font-size:9px}.addotheritem-input{padding:6px 8px;font-size:11px}.addotheritem-form-group{margin-bottom:11px}.addotheritem-add-button{padding:8px 12px;font-size:11px}.addotheritem-toggle-label{font-size:12px}.addotheritem-hint-text{gap:8px}}@media (prefers-color-scheme:dark){.addotheritem-container{background:#1f2937;border-color:#d97706}.addotheritem-settings-header{background:linear-gradient(135deg,#374151 0%,#1f2937 100%)}.addotheritem-toggle-label{color:#e5e7eb}.addotheritem-content{background-color:#1f2937}.addotheritem-input{color:#f3f4f6;background-color:#374151;border-color:#f59e0b}.addotheritem-input:focus{background-color:#4b5563}.addotheritem-label{color:#e5e7eb}.addotheritem-suggestions-list{background:#374151;border-color:#06c}.addotheritem-suggestion-item{color:#e5e7eb;border-bottom-color:#4b5563}.addotheritem-suggestion-item:hover{background-color:#4b5563}.addotheritem-discount-preview{background:#f59e0b1a}.addotheritem-discount-label{color:#e5e7eb}}.rmf-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:flex-start;width:100%;height:100%;padding:50px 10px 10px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.rmf-modal{background:#fff;border:2px solid #ef4444;border-radius:10px;flex-direction:column;width:95%;max-width:1000px;height:auto;max-height:none;margin-top:100px;margin-bottom:20px;animation:.3s ease-out slideDown;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #ef444426}.rmf-header{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-bottom:2px solid #fee2e2;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.rmf-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.rmf-settings-header{background:linear-gradient(135deg,#f5f7fa 0%,#e0e7ff 100%);border-bottom:2px solid #ddd;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:20px;padding:12px 16px;display:flex}.rmf-toggle-label{cursor:pointer;color:#1f2937;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.rmf-toggle-label:hover{background-color:#ef44441a}.rmf-checkbox{cursor:pointer;accent-color:#ef4444;width:18px;height:18px;transition:all .3s}.rmf-checkbox:hover{transform:scale(1.1)}.rmf-toggle-text{white-space:nowrap;color:#1f2937;font-weight:600}.rmf-form-section{background-color:#fff;border-bottom:1px solid #fee2e2;flex-shrink:0;max-height:600px;padding:14px 18px;overflow-y:auto}.rmf-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #fecaca;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.rmf-direct-serial-container{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;margin-bottom:16px;padding:16px}.rmf-direct-serial-input{letter-spacing:2px;font-family:Courier New,monospace;font-size:16px;font-weight:600;color:#1f2937!important;background:#fff!important;border:2px solid #fbbf24!important}.rmf-direct-serial-input:focus{border-color:#f59e0b!important;box-shadow:0 0 0 3px #f59e0b1a!important}.rmf-error-box{color:#dc2626;background:#fee2e2;border:2px solid #fecaca;border-radius:6px;margin-top:12px;padding:12px;font-weight:600;animation:.3s slideDown}.rmf-error-box p{margin:0}.rmf-success-box{background:#f0fdf4;border:2px solid #86efac;border-radius:6px;margin-top:12px;padding:12px;animation:.3s slideDown}.rmf-success-header{color:#059669;margin-bottom:8px;font-size:14px;font-weight:700}.rmf-success-details{color:#047857;font-size:13px}.rmf-success-details p{margin:4px 0}.rmf-success-details strong{color:#065f46}.rmf-hint-box{text-align:center;background:#fff3;border-radius:4px;margin-top:12px;padding:8px 12px;font-size:12px}.rmf-divider{text-align:center;color:#999;margin:16px 0;font-size:14px;font-weight:700;position:relative}.rmf-divider:before,.rmf-divider:after{content:"";background:#e5e7eb;width:45%;height:1px;position:absolute;top:50%}.rmf-divider:before{left:0}.rmf-divider:after{right:0}.rmf-input-group{flex:1;min-width:140px}.rmf-input-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.rmf-input,.rmf-input-disabled{box-sizing:border-box;background-color:#fff;border:1px solid #fecaca;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.rmf-input:focus{background-color:#fef2f2;border-color:#ef4444;outline:none;box-shadow:0 0 0 2px #ef44441a}.rmf-input::placeholder{color:#d1d5db}.rmf-input:disabled{cursor:not-allowed;color:#9ca3af;background-color:#f9fafb}.rmf-input-disabled{cursor:not-allowed;color:#6b7280;background-color:#f9fafb;border-color:#e5e7eb}.rmf-input-spinner{border:2px solid #f3f3f3;border-top-color:#ef4444;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.rmf-search-section{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.rmf-dropdown-wrapper{width:100%;position:relative}.rmf-dropdown-list{z-index:9999;background:#fff;border:2px solid #ef4444;border-radius:4px;width:auto;min-width:280px;height:300px;margin:0;padding:0;list-style:none;position:fixed;overflow-y:auto;box-shadow:0 8px 16px #ef444426}.rmf-dropdown-item{cursor:pointer;color:#374151;background-color:#fff;border-bottom:1px solid #eee;align-items:center;gap:10px;padding:10px 12px;font-size:12px;transition:all .15s;display:flex}.rmf-dropdown-item:hover{color:#ef4444;background-color:#fee2e2;padding-left:16px;font-weight:500}.rmf-dropdown-item:last-child{border-bottom:none}.rmf-dropdown-selected{color:#fff!important;background-color:#ef4444!important;padding-left:16px!important;font-weight:600!important}.rmf-dropdown-selected .rmf-dropdown-name{color:#fff!important;font-weight:600!important}.rmf-dropdown-selected .rmf-dropdown-details{color:#fffc!important}.rmf-dropdown-content{flex-direction:column;flex:1;gap:2px;display:flex}.rmf-dropdown-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.rmf-dropdown-details{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.rmf-dropdown-list::-webkit-scrollbar{width:8px}.rmf-dropdown-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.rmf-dropdown-list::-webkit-scrollbar-thumb{background:#ef4444;border-radius:4px}.rmf-dropdown-list::-webkit-scrollbar-thumb:hover{background:#dc2626}.rmf-keyboard-hint{color:#1e40af;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:4px;margin:12px 0;padding:10px 12px;font-size:13px}.rmf-keyboard-hint span{font-weight:600}.rmf-hint-icon{margin-right:6px}.rmf-serial-section{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;margin-bottom:12px;padding:12px}.rmf-serial-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rmf-serial-header h4{color:#1f2937;margin:0;font-size:12px;font-weight:700}.rmf-serial-count{color:#fff;background:#ef4444;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.rmf-serial-search-container{margin-bottom:12px;position:relative}.rmf-serial-search-input{background-color:#fff;border:1px solid #fecaca;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:11px;transition:all .3s}.rmf-serial-search-input:focus{background-color:#fef2f2;border-color:#ef4444;outline:none;box-shadow:0 0 0 2px #ef44441a}.rmf-search-result-count{color:#fff;background:#10b981;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.rmf-serial-results{background-color:#fff;border:1px solid #fee2e2;border-radius:4px;margin-bottom:12px;overflow:hidden}.rmf-serial-results-header{color:#1f2937;background-color:#fef2f2;border-bottom:1px solid #fee2e2;padding:8px 10px;font-size:10px;font-weight:700}.rmf-serial-list{flex-direction:column;gap:6px;max-height:200px;padding:8px;display:flex;overflow-y:auto}.rmf-serial-item{cursor:pointer;background-color:#fff;border:1px solid #fee2e2;border-radius:4px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.rmf-serial-item:hover{background-color:#fef2f2;border-color:#fecaca}.rmf-serial-item.selected{background-color:#dbeafe;border-color:#3b82f6}.rmf-serial-checkbox{cursor:pointer;accent-color:#ef4444;width:16px;height:16px}.rmf-serial-label{color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;font-size:11px;font-weight:600}.rmf-serial-no-results{color:#dc2626;text-align:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;margin-bottom:12px;padding:12px 10px;font-size:11px;font-weight:600}.rmf-selected-serials{background-color:#dbeafe;border:1px solid #3b82f6;border-radius:4px;padding:12px}.rmf-selected-header{color:#1e40af;border-bottom:1px solid #93c5fd;margin-bottom:8px;padding-bottom:8px;font-size:11px;font-weight:700}.rmf-selected-list{flex-direction:column;gap:6px;max-height:150px;margin-bottom:10px;display:flex;overflow-y:auto}.rmf-selected-item{background-color:#fff;border:1px solid #93c5fd;border-radius:3px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.rmf-selected-serial{color:#1e40af;font-size:10px;font-weight:600}.rmf-remove-serial-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;transition:all .2s}.rmf-remove-serial-btn:hover{transform:scale(1.2)}.rmf-add-serials-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;width:100%;padding:8px 12px;font-size:11px;font-weight:700;transition:all .3s}.rmf-add-serials-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 2px 6px #10b9814d}.rmf-add-serials-btn:disabled{opacity:.6;cursor:not-allowed}.rmf-serial-error{color:#dc2626;background-color:#fee2e2;border:1px solid #fecaca;border-radius:4px;margin-bottom:12px;padding:10px 12px;font-size:11px;font-weight:600}.rmf-serial-error p{margin:0}.rmf-serial-loading{color:#1e40af;text-align:center;background-color:#dbeafe;border:1px solid #bfdbfe;border-radius:4px;margin-bottom:12px;padding:10px 12px;font-size:11px;font-weight:600}.rmf-serial-list::-webkit-scrollbar{width:6px}.rmf-selected-list::-webkit-scrollbar{width:6px}.rmf-serial-list::-webkit-scrollbar-track{background:#f3f4f6}.rmf-selected-list::-webkit-scrollbar-track{background:#f3f4f6}.rmf-serial-list::-webkit-scrollbar-thumb{background:#fecaca;border-radius:3px}.rmf-selected-list::-webkit-scrollbar-thumb{background:#fecaca;border-radius:3px}.rmf-serial-list::-webkit-scrollbar-thumb:hover{background:#ef4444}.rmf-selected-list::-webkit-scrollbar-thumb:hover{background:#ef4444}.rmf-details-section{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:6px;margin-top:12px;padding:12px}.rmf-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.rmf-input-group.rmf-compact{flex:0 auto;min-width:110px}.rmf-input-group.rmf-compact label{margin-bottom:3px;font-size:9px}.rmf-input-group.rmf-compact .rmf-input{height:28px;padding:5px 6px;font-size:10px}.rmf-input-group.rmf-button-group{flex:0 auto;align-items:flex-end;min-width:auto;display:flex}.rmf-add-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;width:100%;height:28px;padding:6px 12px;font-family:inherit;font-size:10px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 6px #ef444433}.rmf-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.rmf-add-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #ef444433}.rmf-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.rmf-preview{background-color:#fff;border:1px solid #fecaca;border-radius:6px;margin-top:12px;overflow:hidden}.rmf-preview-header{color:#ef4444;background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);border-bottom:1px solid #fecaca;padding:10px 12px;font-size:11px;font-weight:700}.rmf-preview-content{padding:10px 12px;font-size:10px}.rmf-preview-content p{color:#374151;margin:4px 0}.rmf-preview-content strong{color:#1f2937}.rmf-saved-list{background-color:#fff;flex-direction:column;flex:none;padding:14px 18px;display:flex;overflow:visible}.rmf-list-header{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.rmf-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.rmf-table-wrapper{flex-direction:column;flex:none;display:flex;overflow:visible}.rmf-table-container{border:1px solid #fee2e2;border-radius:4px;flex:none;overflow-x:auto;box-shadow:0 2px 6px #ef44440d}.rmf-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.rmf-table th{color:#1f2937;text-align:center;z-index:10;white-space:nowrap;background:#fef2f2;border-bottom:2px solid #fecaca;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.rmf-table td{text-align:center;color:#374151;border-bottom:1px solid #fee2e2;padding:6px}.rmf-table tbody tr{background-color:#fff;transition:all .2s}.rmf-table tbody tr:hover{background-color:#fef2f2}.rmf-table tbody tr:last-child td{border-bottom:none}.rmf-product-cell{text-align:left;padding-left:8px;font-weight:500}.rmf-amount-cell{color:#ef4444;font-family:Courier New,monospace;font-weight:700}.rmf-serial-cell{font-size:10px}.rmf-serial-badge{color:#1e40af;white-space:nowrap;background-color:#dbeafe;border-radius:3px;padding:2px 6px;font-size:9px;font-weight:600}.rmf-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;transition:all .3s;display:inline-flex}.rmf-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.rmf-no-data{text-align:center;color:#9ca3af;background-color:#fef2f2;border:1px dashed #fee2e2;border-radius:4px;padding:40px 20px}.rmf-no-data p{margin:0;font-size:12px;font-weight:500}@media screen and (width<=1024px){.rmf-modal{width:95%;max-width:95%}.rmf-search-section{gap:8px}.rmf-form-section{max-height:500px}}@media screen and (width<=768px){.rmf-modal{width:95%;max-width:900px;height:auto;max-height:none}.rmf-search-section{flex-direction:column}.rmf-input-group{flex:100%;min-width:100%}.rmf-single-row{flex-direction:column}.rmf-input-group.rmf-compact,.rmf-input-group.rmf-button-group{flex:100%;min-width:100%}.rmf-settings-header{gap:15px;padding:10px 14px}.rmf-toggle-label{font-size:12px}.rmf-form-section{max-height:400px}.rmf-table-container{overflow-x:auto}.rmf-table{font-size:10px}.rmf-table th{padding:6px 4px;font-size:9px}.rmf-table td{padding:5px 4px}}@media screen and (width<=480px){.rmf-modal{width:98%;max-width:100%;height:auto;max-height:none}.rmf-overlay{padding-top:20px}.rmf-header h3{font-size:14px}.rmf-settings-header{flex-direction:column;align-items:flex-start;gap:10px;padding:10px 12px}.rmf-toggle-label{font-size:12px}.rmf-form-section{max-height:350px;padding:12px 14px}.rmf-form-title{font-size:11px}.rmf-input,.rmf-input-disabled{padding:5px 6px;font-size:10px}.rmf-search-section{flex-direction:column;gap:6px}.rmf-input-group{flex:100%;min-width:100%}.rmf-single-row{flex-direction:column;gap:6px}.rmf-input-group.rmf-compact{flex:100%;min-width:100%}.rmf-input-group.rmf-compact .rmf-input{height:26px;padding:5px 6px;font-size:10px}.rmf-input-group.rmf-button-group{flex:100%;min-width:100%}.rmf-add-btn{width:100%;height:auto;padding:8px 10px;font-size:10px}.rmf-table{font-size:9px}.rmf-table th{padding:4px 2px;font-size:8px}.rmf-table td{padding:4px 2px}.rmf-delete-btn{font-size:12px}.rmf-serial-section{padding:10px}.rmf-serial-header h4{font-size:11px}.rmf-serial-count{padding:2px 6px;font-size:9px}.rmf-serial-search-input{padding:6px 8px;font-size:10px}.rmf-serial-item{padding:6px 8px}.rmf-serial-label{font-size:10px}.rmf-selected-serials{padding:10px}.rmf-selected-header{font-size:10px}.rmf-selected-item{padding:5px 6px}.rmf-selected-serial{font-size:9px}.rmf-add-serials-btn{padding:6px 10px;font-size:10px}.rmf-preview{margin-top:10px}.rmf-preview-header{padding:8px 10px;font-size:10px}.rmf-preview-content{padding:8px 10px;font-size:9px}.rmf-preview-content p{margin:3px 0}.rmf-saved-list{padding:12px 14px}.rmf-list-header h4{font-size:12px}.rmf-keyboard-hint{padding:8px 10px;font-size:11px}.rmf-direct-serial-container{margin-bottom:12px;padding:12px}.rmf-direct-serial-input{font-size:14px}.rmf-error-box,.rmf-success-box{padding:10px;font-size:11px}.rmf-hint-box{padding:6px 10px;font-size:11px}}@media screen and (width<=360px){.rmf-modal{width:99%}.rmf-overlay{padding-top:10px}.rmf-header h3{font-size:12px}.rmf-form-section{max-height:300px;padding:10px 12px}.rmf-table{font-size:8px}.rmf-table th{padding:3px 1px;font-size:7px}.rmf-table td{padding:3px 1px}.rmf-input,.rmf-input-disabled{padding:4px 5px;font-size:9px}.rmf-add-btn{height:24px;padding:6px 8px;font-size:9px}.rmf-delete-btn{font-size:11px}.rmf-form-title{font-size:10px}.rmf-serial-search-input{font-size:9px}.rmf-serial-item{padding:5px 6px}.rmf-serial-label{font-size:9px}.rmf-selected-serial,.rmf-preview-content{font-size:8px}.rmf-preview-content p{margin:2px 0}}@media (prefers-color-scheme:dark){.rmf-modal{background:#1f2937;border-color:#dc2626}.rmf-form-section{background-color:#111827;border-color:#374151}.rmf-input{color:#f3f4f6;background-color:#374151;border-color:#ef4444}.rmf-input:focus{background-color:#4b5563}.rmf-details-section{background-color:#ef44441a}.rmf-preview{background-color:#111827}.rmf-preview-content{color:#e5e7eb}.rmf-preview-content strong{color:#f3f4f6}.rmf-dropdown-list{background:#1f2937;border-color:#ef4444}.rmf-dropdown-item{color:#e5e7eb}.rmf-dropdown-item:hover{background-color:#374151}.rmf-table{background-color:#111827}.rmf-table th{color:#f3f4f6;background:#374151}.rmf-table td{color:#e5e7eb}.rmf-table tbody tr:hover{background-color:#1f2937}}.rmf-mode-toggle{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.rmf-mode-label{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:12px;font-weight:700}.rmf-toggle-buttons{background:#fff;border:1px solid #d1d5db;border-radius:6px;gap:8px;padding:4px;display:flex}.rmf-toggle-btn{color:#6b7280;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:#f3f4f6;border:2px solid #0000;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s}.rmf-toggle-btn:hover{color:#374151;background:#e5e7eb}.rmf-toggle-btn.active{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#dc2626;box-shadow:0 2px 6px #ef444433}.rmf-toggle-btn.active:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 10px #ef44444d}@media screen and (width<=768px){.rmf-mode-toggle{flex-direction:column;align-items:flex-start;width:100%}.rmf-toggle-buttons{justify-content:space-between;width:100%}.rmf-toggle-btn{flex:1}}@media screen and (width<=480px){.rmf-mode-label{font-size:11px}.rmf-toggle-btn{padding:5px 10px;font-size:10px}.rmf-toggle-buttons{width:100%}}.samebatch-modal-overlay{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.samebatch-modal-content{background:#fff;border-radius:8px;width:90%;min-width:600px;max-width:900px;padding:20px;position:relative}.samebatch-modal-close{color:#fff;cursor:pointer;background:#f44336;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;position:absolute;top:10px;right:10px}.samebatch-title{text-align:center;margin-bottom:15px}.samebatch-loading{text-align:center;padding:20px;font-size:16px}.samebatch-product-list{max-height:400px;overflow-y:auto}.samebatch-table{border-collapse:collapse;width:100%}.samebatch-table th,.samebatch-table td{text-align:center;border:1px solid #ccc;padding:8px}.samebatch-table th{background-color:#f2f2f2}.samebatch-no-products{text-align:center;color:#888;padding:20px}.view-same-batch-btn{background-color:var(--saveButton-color);color:var(--black);cursor:pointer;border:none;border-radius:5px;padding:8px 12px;font-size:12px}.view-same-batch-btn:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:all .3s ease-in-out}.em-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.em-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.em-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:16px 18px}.em-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.em-summary-stats{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 16px;display:grid}.em-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;align-items:center;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.em-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.em-stat-value{color:var(--system-main-color);font-family:Courier New,monospace;font-size:14px;font-weight:700}.em-form-section{background:#fff;border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:14px 16px}.em-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:8px;font-size:13px;font-weight:700}.em-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.em-form-group{flex-direction:column;flex:1;min-width:120px;display:flex}.em-form-group.em-compact{flex:0 auto}.em-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.em-input,.em-select,.em-input-disabled{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:7px 10px;font-family:inherit;font-size:11px;transition:all .3s}.em-input:focus,.em-select:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.em-input-disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6;font-weight:600}.em-dropdown-wrapper{position:relative}.em-dropdown-list{z-index:100;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 4px 4px;max-height:150px;margin:0;padding:4px 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.em-dropdown-list li{cursor:pointer;padding:6px 10px;font-size:11px;transition:background-color .2s}.em-dropdown-list li:hover{color:var(--system-main-color);background-color:#f3f4f6;font-weight:600}.em-button-group{align-items:flex-end;display:flex}.em-add-category-btn,.em-save-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;width:100%;padding:7px 12px;font-size:11px;font-weight:700;transition:all .3s}.em-add-category-btn{color:#fff;background-color:#8b5cf6;box-shadow:0 2px 6px #8b5cf633}.em-add-category-btn:hover{background-color:#7c3aed;transform:translateY(-1px);box-shadow:0 4px 10px #8b5cf64d}.em-save-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;box-shadow:0 2px 6px #667eea33}.em-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.em-save-btn:disabled{cursor:not-allowed;background:#cbd5e1;transform:none}.em-bank-row{background:linear-gradient(135deg,#fef3c7 0%,#fef08a 100%);border:1px solid #fde68a;border-radius:6px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-top:10px;padding:10px;display:flex}.em-saved-list{background:#fff;flex-direction:column;flex:1;padding:14px 16px;display:flex;overflow:hidden}.em-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.em-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.em-list-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.em-search-group{background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;padding:0 8px;transition:all .3s;display:flex;position:relative}.em-search-group:focus-within{border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a}.em-search-icon{color:#9ca3af;margin-right:6px;font-size:12px}.em-search-input{background:0 0;border:none;outline:none;flex:1;min-width:150px;padding:6px 0;font-size:11px}.em-refresh-btn{cursor:pointer;color:#374151;background:#e5e7eb;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;transition:all .3s;display:flex}.em-refresh-btn:hover:not(:disabled){background:var(--system-main-color);color:#fff;transform:translateY(-1px)}.em-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.em-spinning{animation:1s linear infinite spin}.em-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:12px;overflow-y:auto}.em-table-wrapper::-webkit-scrollbar{width:6px}.em-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.em-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.em-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.em-table-container{min-width:100%}.em-table{border-collapse:collapse;width:100%;font-size:11px}.em-table thead{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);z-index:10;position:sticky;top:0}.em-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #4052b8;padding:10px;font-weight:700}.em-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.em-table tbody tr:hover{background-color:#f9fafb}.em-table tbody td{color:#374151;padding:8px 10px}.em-amount-cell{color:var(--system-main-color);font-family:Courier New,monospace;font-weight:700}.em-remark-cell{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.em-no-data-row td{text-align:center;color:#9ca3af;padding:20px 10px;font-style:italic}.em-no-data-row p{margin:0}.em-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .3s;display:flex}.em-delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.em-delete-btn img{object-fit:contain;width:16px;height:16px}.em-pagination{background:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.em-pagination-btn{cursor:pointer;color:#374151;text-transform:uppercase;letter-spacing:.2px;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .3s}.em-pagination-btn:hover:not(:disabled){background:var(--system-main-color);color:#fff;border-color:var(--system-main-color);transform:translateY(-1px)}.em-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.em-pagination-info{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.em-export-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.em-export-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #0000001a}.em-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.em-export-btn.excel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.em-export-btn.csv{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.em-export-btn.csv:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.em-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.em-export-btn.pdf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.em-no-data{text-align:center;color:#9ca3af;padding:40px 20px;font-size:13px;font-weight:600}@media screen and (width<=1024px){.em-modal{max-width:95%;max-height:90vh}.em-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.em-single-row{gap:8px}.em-form-group{min-width:100px}.em-table{font-size:10px}.em-table thead th,.em-table tbody td{padding:6px 8px}}@media screen and (width<=768px){.em-modal{width:95%;max-height:90vh}.em-header h3{font-size:14px}.em-summary-stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.em-stat-card{padding:8px}.em-stat-label{font-size:9px}.em-stat-value{font-size:12px}.em-form-section{padding:10px 12px}.em-form-title{margin-bottom:10px;font-size:12px}.em-single-row{flex-direction:column;gap:8px}.em-form-group{flex:100%;min-width:100%}.em-button-group{width:100%}.em-bank-row{flex-direction:column;gap:8px}.em-bank-row .em-form-group{flex:100%}.em-list-header{flex-direction:column;align-items:flex-start}.em-list-controls{flex-direction:column;width:100%}.em-search-group{width:100%}.em-search-input{min-width:100%}.em-table{font-size:10px}.em-table thead th,.em-table tbody td{padding:6px 8px}.em-remark-cell{max-width:100px}.em-export-buttons{gap:8px}.em-export-btn{padding:6px 10px;font-size:10px}}@media screen and (width<=480px){.em-modal{width:98%;max-height:95vh}.em-header{padding:12px 14px}.em-header h3{font-size:13px}.em-summary-stats{grid-template-columns:1fr;gap:6px;padding:8px}.em-stat-card{padding:6px}.em-stat-label{font-size:8px}.em-stat-value{font-size:11px}.em-form-section{padding:8px 10px}.em-form-title{margin-bottom:8px;font-size:11px}.em-single-row{gap:6px}.em-form-group label{margin-bottom:3px;font-size:9px}.em-input,.em-select,.em-input-disabled{padding:5px 8px;font-size:10px}.em-add-category-btn,.em-save-btn{padding:5px 8px;font-size:9px}.em-bank-row{gap:6px;padding:8px}.em-saved-list{padding:10px 12px}.em-list-header h4{font-size:12px}.em-list-controls{gap:6px}.em-search-input{min-width:80px;font-size:10px}.em-table{font-size:9px}.em-table thead th,.em-table tbody td{padding:5px 6px}.em-remark-cell{max-width:80px}.em-pagination{gap:8px;padding:10px}.em-pagination-btn{padding:5px 10px;font-size:9px}.em-pagination-info{font-size:9px}.em-export-buttons{gap:6px}.em-export-btn{padding:5px 8px;font-size:9px}.em-no-data{padding:30px 15px;font-size:12px}}@media screen and (width<=360px){.em-modal{width:99%}.em-header h3{font-size:12px}.em-summary-stats{grid-template-columns:1fr}.em-form-group{min-width:80px}.em-table{font-size:8px}.em-table thead th,.em-table tbody td{padding:4px 5px}.em-export-btn{padding:4px 6px;font-size:8px}}#payment-modal{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;font-family:Arial,sans-serif;font-size:12px;display:flex;position:fixed;top:0;left:0}#total-amount-payment-model{color:#fff;text-align:center;background-color:#424242;border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:1.5rem;font-weight:700}#payment-container{background:#fff;border-radius:8px;width:550px;max-height:85vh;padding:12px;transition:width .3s ease-in-out;overflow-y:auto;box-shadow:0 4px 12px #0000004d}#payment-container.panel-shown{width:950px}#payment-container.panel-hidden{width:550px}#toggle-button-container{z-index:101;justify-content:flex-end;margin-bottom:8px;display:flex}.toggle-panel-btn{cursor:pointer;white-space:nowrap;color:#fff;border:none;border-radius:5px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0003}.toggle-panel-btn.show-btn{background-color:#28a745}.toggle-panel-btn.show-btn:hover{background-color:#218838;transform:translateY(-1px);box-shadow:0 3px 6px #28a7454d}.toggle-panel-btn.hide-btn{background-color:#dc3545}.toggle-panel-btn.hide-btn:hover{background-color:#c82333;transform:translateY(-1px);box-shadow:0 3px 6px #dc35454d}.toggle-panel-btn:active{transform:translateY(0)}#payment-grid-layout{grid-template-columns:1fr;gap:10px;transition:grid-template-columns .3s ease-in-out;display:grid}#payment-container.panel-shown #payment-grid-layout{grid-template-columns:1fr 1fr}#payment-left-panel{flex-direction:column;gap:8px;display:flex}#payment-right-panel{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;max-height:70vh;padding:10px;animation:.3s ease-in-out slideIn;overflow-y:auto}#payment-right-panel h3{color:#333;margin:0 0 10px;font-size:.9rem;font-weight:600}#customer-mobile-group{align-items:flex-start;gap:8px;margin-bottom:8px;display:flex}#customer-mobile-group label{color:#333;align-items:center;gap:6px;min-width:90px;margin-top:6px;font-size:12px;font-weight:600;display:flex}#customer-mobile-group label img{object-fit:contain;width:20px;height:20px}#customer-input-wrapper{flex:1;position:relative}#customer-mobile-group input{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:6px 8px;font-size:12px;transition:all .3s}#customer-mobile-group input:focus{background-color:#f8fbff;border-color:#007bff;outline:none;box-shadow:0 0 6px #007bff33}#customer-mobile-group input::placeholder{color:#999}.loading-text{color:#666;margin-top:2px;font-size:11px;font-weight:500;display:block}#suggestions-dropdown{z-index:1001;background:#fff;border:1px solid #007bff;border-radius:4px;max-height:180px;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggestion-item{cursor:pointer;color:#333;border-bottom:1px solid #f0f0f0;padding:8px 10px;font-size:12px;transition:all .2s}.suggestion-item:hover{color:#007bff;background-color:#f0f8ff;padding-left:14px}.suggestion-item:last-child{border-bottom:none}.payment-input-group{align-items:center;gap:8px;margin-bottom:8px;display:flex}.payment-input-group label{color:#333;align-items:center;gap:6px;min-width:120px;font-size:12px;font-weight:600;display:flex}.payment-input-group label img{object-fit:contain;width:18px;height:18px}.payment-input-group label span{white-space:nowrap}.payment-input-group input{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1;padding:6px 8px;font-size:12px;transition:all .3s}.payment-input-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 6px #007bff33}.payment-input-group input:disabled{cursor:not-allowed;opacity:.7;background-color:#f5f5f5}.payment-input-group input::placeholder{color:#999}#balance-group input{text-align:right;font-weight:700}#due-amount-group{flex-direction:column;align-items:stretch}#due-amount-group label{margin-bottom:4px}#due-amount-group input{width:100%;margin-bottom:6px}#due-buttons-container{gap:6px;display:flex}.view-advance-btn{cursor:pointer;white-space:nowrap;color:#fff;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:11px;font-weight:600;transition:all .3s;display:flex}.view-advance-btn.info{background:linear-gradient(135deg,#0093e9 0%,#80d0c7 100%);box-shadow:0 2px 4px #0093e933}.view-advance-btn.info:hover{background:linear-gradient(135deg,#80d0c7 0%,#0093e9 100%);transform:translateY(-1px);box-shadow:0 3px 6px #0093e94d}.view-advance-btn.success{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);box-shadow:0 2px 4px #11998e33}.view-advance-btn.success:hover{background:linear-gradient(135deg,#38ef7d 0%,#11998e 100%);transform:translateY(-1px);box-shadow:0 3px 6px #11998e4d}.view-advance-btn:active{transform:translateY(0)}#advance-bill-checkbox-group{background-color:#f0f8ff;border:1px solid #b3d9ff;border-radius:4px;margin-top:8px;padding:8px}#advance-bill-checkbox-group label{cursor:pointer;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:500;display:flex}#advance-bill-checkbox-group input[type=checkbox]{cursor:pointer;accent-color:#007bff;width:16px;height:16px}#advance-bill-checkbox-group p{color:#666;margin:4px 0 0 22px;font-size:11px}#invoice-barcode-group{text-align:center;margin-top:8px}#invoice-barcode-group img{width:auto;height:40px}#action-buttons{gap:6px;margin-top:10px;display:flex}#action-buttons button{cursor:pointer;color:#fff;border:none;border-radius:4px;flex:1;padding:8px 10px;font-size:12px;font-weight:600;transition:all .2s}#action-buttons button:first-child{background:#007bff}#action-buttons button:first-child:hover:not(:disabled){background:#0056b3;transform:translateY(-1px);box-shadow:0 2px 4px #007bff33}#action-buttons button:nth-child(2){background:#075319}#action-buttons button:nth-child(2):hover:not(:disabled){background:#054a14;transform:translateY(-1px);box-shadow:0 2px 4px #07531933}#action-buttons button:nth-child(3){background:#dc3545}#action-buttons button:nth-child(3):hover:not(:disabled){background:#c82333;transform:translateY(-1px);box-shadow:0 2px 4px #dc354533}#action-buttons button:disabled{opacity:.6;cursor:not-allowed}.customer-form-group{margin-bottom:8px}.customer-form-group label{color:#333;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.customer-form-group input,.customer-form-group textarea{box-sizing:border-box;border:1px solid #ddd;border-radius:4px;width:100%;padding:6px 8px;font-family:Arial,sans-serif;font-size:12px;transition:all .3s}.customer-form-group input:focus,.customer-form-group textarea:focus{border-color:#007bff;outline:none;box-shadow:0 0 6px #007bff33}.customer-form-group input::placeholder,.customer-form-group textarea::placeholder{color:#999}.create-customer-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;width:100%;margin-top:6px;padding:8px 10px;font-size:12px;font-weight:600;transition:all .3s;box-shadow:0 2px 4px #667eea33}.create-customer-btn:hover:not(:disabled){background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);transform:translateY(-1px);box-shadow:0 3px 6px #667eea4d}.create-customer-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1200px){#payment-container{width:85vw}#payment-container.panel-shown{width:95vw}}@media (width<=768px){#payment-container{width:98vw;padding:10px}#payment-container.panel-shown{width:98vw}#payment-grid-layout{grid-template-columns:1fr!important}.payment-input-group{flex-direction:column;align-items:stretch}.payment-input-group label{min-width:auto;margin-bottom:4px}.payment-input-group input{width:100%}#customer-mobile-group{flex-direction:column}#customer-mobile-group label{min-width:auto;margin-top:0}#action-buttons{flex-direction:column}#action-buttons button{width:100%}.toggle-panel-btn{padding:5px 10px;font-size:.75rem}}#employee-selection-group{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.employee-single-row{align-items:center;gap:10px;width:100%;display:flex}.employee-label{color:#495057;letter-spacing:.3px;white-space:nowrap;min-width:70px;margin:0;padding:0;font-size:13px;font-weight:500}.employee-buttons-inline{flex-wrap:wrap;flex:1;gap:6px;display:flex}.employee-btn-inline{cursor:pointer;color:#333;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #ddd;border-radius:5px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .3s;box-shadow:0 1px 3px #0000001a}.employee-btn-inline:hover{border-color:#007bff;transform:translateY(-2px);box-shadow:0 3px 6px #007bff33}.employee-btn-inline.selected{color:#fff;background:linear-gradient(135deg,#007bff 0%,#0056b3 100%);border-color:#0056b3;transform:scale(1.03);box-shadow:0 3px 10px #007bff66}.employee-btn-inline.selected:hover{transform:scale(1.03)translateY(-2px)}.clear-employee-btn-icon{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef5350 0%,#e53935 100%);border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:28px;height:28px;padding:4px 8px;font-size:14px;font-weight:700;line-height:1;transition:all .2s;display:flex;box-shadow:0 1px 3px #ef535033}.clear-employee-btn-icon:hover{background:linear-gradient(135deg,#e53935 0%,#c62828 100%);transform:scale(1.1);box-shadow:0 2px 5px #ef53504d}.clear-employee-btn-icon:active{transform:scale(.95)}.loading-text,.no-employees-text{color:#999;padding:4px 8px;font-size:11px;font-style:italic}.commission-display{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:5px;margin-top:3px;padding:6px 10px;font-size:11px;font-weight:600;animation:.3s ease-in-out slideDown;box-shadow:0 2px 5px #667eea4d}.commission-display strong{font-size:12px;font-weight:700}@media (width<=768px){.employee-single-row{flex-direction:column;align-items:flex-start;gap:6px}.employee-label{min-width:auto}.employee-buttons-inline{width:100%}.employee-btn-inline{flex:1}.clear-employee-btn-icon{align-self:flex-end}}#card-payment-group{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}#card-payment-group label{color:#333;align-items:center;gap:6px;min-width:120px;margin:0;font-size:12px;font-weight:600;display:flex}#card-payment-group label img{object-fit:contain;width:18px;height:18px}#card-payment-group input{box-sizing:border-box;color:#333;background-color:#fff;border:1px solid #ddd;border-radius:4px;flex:1;min-width:150px;padding:6px 8px;font-size:12px;transition:all .3s}#card-payment-group input:focus{border-color:#007bff;outline:none;box-shadow:0 0 6px #007bff33}#card-payment-group input:disabled{cursor:not-allowed;opacity:.7;background-color:#f5f5f5}.card-method-selector-compact{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:5px;flex-direction:column;gap:4px;width:100%;margin-top:6px;padding:6px 8px;display:flex}.card-method-buttons-compact{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.card-method-btn-compact{cursor:pointer;white-space:nowrap;border:1px solid;border-radius:4px;min-width:70px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s}.card-method-btn-compact:first-child{color:#0c4a6e;background:#e0f2fe;border-color:#0ea5e9}.card-method-btn-compact:first-child:hover{background:#bae6fd;transform:scale(1.05)}.card-method-btn-compact:first-child.selected{color:#fff;background:#0ea5e9;box-shadow:0 2px 4px #0ea5e94d}.card-method-btn-compact:nth-child(2){color:#6b21a8;background:#f3e8ff;border-color:#8b5cf6}.card-method-btn-compact:nth-child(2):hover{background:#ede9fe;transform:scale(1.05)}.card-method-btn-compact:nth-child(2).selected{color:#fff;background:#8b5cf6;box-shadow:0 2px 4px #8b5cf64d}.card-method-btn-compact:nth-child(3){color:#831843;background:#fce7f3;border-color:#ec4899}.card-method-btn-compact:nth-child(3):hover{background:#fbcfe8;transform:scale(1.05)}.card-method-btn-compact:nth-child(3).selected{color:#fff;background:#ec4899;box-shadow:0 2px 4px #ec48994d}.card-method-confirmation-compact{color:#166534;text-align:center;background:#dcfce7;border-radius:3px;padding:3px 6px;font-size:10px;font-weight:700}.card-method-btn-compact.bank-transfer-btn{color:#065f46;background:#d1fae5;border-color:#10b981}.card-method-btn-compact.bank-transfer-btn:hover{background:#a7f3d0;border-color:#059669;transform:scale(1.05)}.card-method-btn-compact.bank-transfer-btn.selected{color:#fff;background:#059669;border-color:#047857;box-shadow:0 2px 4px #0596694d}.card-method-btn-compact.bank-transfer-btn.selected:hover{background:#047857;box-shadow:0 3px 6px #05966966}#payment-container.payment-with-customer-form{width:100%;max-width:1200px}.payment-two-column-wrapper{grid-template-columns:1fr 380px;gap:24px;margin-top:0;display:grid}.payment-left-column{flex-direction:column;gap:16px;display:flex}.payment-right-column{background:#f8f9fa;border:2px solid #e0e6ed;border-radius:10px;height:fit-content;max-height:calc(90vh - 200px);padding:18px;overflow-y:auto}.new-customer-form-wrapper{flex-direction:column;gap:14px;display:flex}.new-customer-form-title{color:#2c3e50;border-bottom:2px solid #dee2e6;margin:0 0 12px;padding-bottom:10px;font-size:17px;font-weight:700}.new-customer-form-group{flex-direction:column;gap:6px;display:flex}.new-customer-form-group label{color:#374151;margin:0;font-size:13px;font-weight:600}.required-asterisk{color:#e74c3c;margin-left:2px;font-weight:700}.new-customer-form-group input,.new-customer-textarea{box-sizing:border-box;background:#fff;border:2px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.new-customer-form-group input:focus,.new-customer-textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.new-customer-textarea{resize:vertical;min-height:60px;font-family:inherit}.new-customer-file-input{cursor:pointer;padding:8px!important;font-size:13px!important}.new-customer-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .3s}.new-customer-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.new-customer-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-right-column::-webkit-scrollbar{width:6px}.payment-right-column::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.payment-right-column::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.payment-right-column::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (width<=1024px){.payment-two-column-wrapper{grid-template-columns:1fr;gap:20px}.payment-right-column{max-height:450px}#payment-container.payment-with-customer-form{width:90%}}@media (width<=768px){#payment-container.payment-with-customer-form{width:95%;padding:16px}.payment-two-column-wrapper{gap:16px}.payment-left-column{gap:12px}.payment-right-column{max-height:400px;padding:14px}.new-customer-form-title{font-size:16px}.new-customer-form-wrapper{gap:12px}.new-customer-form-group input,.new-customer-textarea{padding:9px 10px;font-size:13px}.new-customer-submit-btn{padding:11px 18px;font-size:14px}}@media (width<=480px){#payment-container.payment-with-customer-form{width:98%;padding:12px}.payment-two-column-wrapper{gap:12px}.payment-right-column{max-height:350px;padding:12px}.new-customer-form-title{margin-bottom:10px;padding-bottom:8px;font-size:15px}.new-customer-form-group label{font-size:12px}.new-customer-form-group input,.new-customer-textarea{padding:8px 10px;font-size:12px}.new-customer-submit-btn{padding:10px 16px;font-size:13px}}.new-customer-submit-btn:focus{outline-offset:2px;outline:2px solid #667eea}.addCash-modal-overlay{z-index:100;background-color:#0a0a0ab3;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.addCash-modal-container{background-color:var(--white-color);background-color:#fff;border-radius:10px;width:550px;max-width:95%;padding:30px;animation:.4s ease-out slideDown;position:relative;box-shadow:0 8px 20px #0003}.addCash-title{text-align:center;color:var(--header-bg);letter-spacing:.5px;margin-bottom:20px;font-size:1.5em}.addCash-supplier-info{background-color:var(--sytem-secondary-color);text-align:center;border:1px solid #ddd;border-radius:8px;margin-bottom:15px;padding:5px}.addCash-supplier-info p{color:var(--black);margin:5px 0;font-size:1em}.addCash-form{flex-direction:column;gap:15px;display:flex}.addCash-payment-type{justify-content:space-around;display:flex}.addCash-payment-type label{color:var(--black);cursor:pointer;align-items:center;font-size:12px;display:flex}.addCash-payment-type input[type=radio]{cursor:pointer;margin-right:6px}.addCash-amount-group,.addCash-bank-name-group,.addCash-cheque-number-group,.addCash-cheque-date-group,.addCash-file-upload-group,.addCash-account-number-group,.addCash-payment-reference-group,.addCash-payment-notes-group{margin-bottom:5px}.addCash-amount-group label,.addCash-bank-name-group label,.addCash-cheque-number-group label,.addCash-cheque-date-group label,.addCash-file-upload-group label,.addCash-account-number-group label,.addCash-payment-reference-group label,.addCash-payment-notes-group label{color:var(--black);font-size:14px;font-weight:700;display:block}.addCash-amount-group input,.addCash-bank-name-group input,.addCash-bank-name-group select.addCash-bank-select,.addCash-cheque-number-group input,.addCash-cheque-date-group input,.addCash-file-upload-group input,.addCash-account-number-group input,.addCash-payment-reference-group input,.addCash-payment-notes-group textarea{box-sizing:border-box;width:100%;color:var(--text-color);background-color:var(--white);border:1px solid #ccc;border-radius:4px;padding:8px 10px;font-size:12px}.addCash-amount-group input:focus,.addCash-bank-name-group input:focus,.addCash-bank-name-group select.addCash-bank-select:focus,.addCash-cheque-number-group input:focus,.addCash-cheque-date-group input:focus,.addCash-file-upload-group input:focus,.addCash-account-number-group input:focus,.addCash-payment-reference-group input:focus,.addCash-payment-notes-group textarea:focus{border-color:var(--header-bg);outline:none}.addCash-bank-select{background-color:var(--color-bg);appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"12\" height=\"12\" viewBox=\"0 0 12 12\"><path fill=\"%23555555\" d=\"M6 9.5L1.5 4h9L6 9.5z\"/></svg>");background-position:right 12px center;background-repeat:no-repeat;background-size:12px;padding-right:35px}.addCash-submit-group{cursor:pointer;text-align:center;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:8px;font-size:12px;display:flex}.addCash-submit-button{background-color:var(--saveButton-color);color:var(--black);cursor:pointer;border:none;border-radius:5px}.addCash-submit-button:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:all .3s ease-in-out}.addCash-submit-button:disabled{cursor:not-allowed;background-color:#95a5a6}.addCash-view-button{background-color:var(--upload-icon-color);color:var(--black);cursor:pointer;border:none;border-radius:5px}.addCash-view-button:hover{background-color:var(--upload-icon-color-hover);color:var(--white);transition:all .3s ease-in-out}.addCash-view-button:disabled{cursor:not-allowed;background-color:#95a5a6}.addCash-view-button svg{margin-right:8px}@media (width<=600px){.addCash-modal-container{padding:25px 20px}.addCash-title{font-size:1.5em}.addCash-submit-group{flex-direction:column;gap:15px}.addCash-view-button{justify-content:center;width:100%}}.obm-overlay{z-index:10001;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out overlayFadeIn;display:flex;position:fixed;top:0;left:0}.obm-panel{border:2px solid var(--system-main-color);background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-radius:12px;width:90%;max-width:1200px;max-height:750px;padding-bottom:15px;animation:.4s ease-out panelSlideUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}@keyframes panelSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.obm-header{border-bottom:2px solid var(--system-main-color);background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.obm-header-content{align-items:center;gap:10px;display:flex}.obm-header-icon{color:var(--system-main-color);font-size:18px}.obm-header h3{color:#1f2937;letter-spacing:.5px;margin:0;font-size:15px;font-weight:700}.obm-summary-stats{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:12px 18px;display:grid}.obm-stat-card{border-left:4px solid var(--system-main-color);background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .3s;display:flex;box-shadow:0 1px 3px #0000000d}.obm-stat-card:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.obm-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}.obm-stat-value{color:var(--system-main-color);font-size:12px;font-weight:700}.obm-content-section{background-color:#fff;padding:12px 18px}.obm-table-container{border:1px solid #e5e7eb;border-radius:8px;max-height:400px;margin-bottom:8px;overflow-y:auto;box-shadow:0 2px 4px #0000000d}.obm-table{border-collapse:collapse;width:100%;font-size:11px}.obm-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#f2f2f2 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.obm-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px;transition:all .2s}.obm-table tbody tr{transition:all .2s}.obm-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.obm-table tbody tr:last-child td{border-bottom:none}.obm-index{color:#6b7280;width:40px;font-weight:600}.obm-cust-id{color:var(--system-main-color);width:80px;font-family:Courier New,monospace;font-weight:700}.obm-cust-name{color:#1f2937;text-align:left;padding-left:8px;font-weight:600}.obm-bill-number{color:var(--system-main-color);letter-spacing:.5px;font-family:Courier New,monospace;font-weight:700}.obm-amount{color:#0284c7;font-size:12px;font-weight:700}.obm-paid{color:#059669;font-size:12px;font-weight:700}.obm-returned{color:#dc2626;font-size:12px;font-weight:700}.obm-balance{color:#7c3aed;font-size:12px;font-weight:700}.obm-date{color:#6b7280;white-space:nowrap;font-size:10px}.obm-status-cell{text-align:center}.obm-status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-block}.obm-status-badge.open{color:#166534;background-color:#dcfce7}.obm-status-badge.closed{color:#991b1b;background-color:#fee2e2}.obm-action-cell{justify-content:center;display:flex}.obm-copy-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:5px;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:600;transition:all .3s;display:flex}.obm-copy-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.obm-copy-btn:active{transform:translateY(0)}.obm-copy-btn svg{font-size:10px}.obm-table-footer{border:1px solid #e5e7eb;border-top:2px solid var(--system-main-color);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:0 0 8px 8px;margin-bottom:8px;padding:10px 12px}.obm-footer-row{flex-wrap:wrap;align-items:center;gap:16px;font-size:11px;display:flex}.obm-footer-label{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;min-width:60px;font-weight:700}.obm-footer-value{color:var(--system-main-color);background-color:#fff;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-weight:700;display:flex;box-shadow:0 1px 2px #0000000d}.obm-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:10px 12px;display:flex}.obm-pagination-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:5px;padding:6px 12px;font-size:10px;font-weight:600;transition:all .3s}.obm-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.obm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.obm-pagination-info{color:#6b7280;text-align:center;text-transform:uppercase;letter-spacing:.5px;min-width:100px;font-size:10px;font-weight:600}.obm-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.obm-spinner{border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:.8s linear infinite spin}.obm-loading p{color:var(--system-main-color);margin:0;font-size:12px;font-weight:600}.obm-error{background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;margin-bottom:12px;padding:14px 12px}.obm-error p{color:#991b1b;margin:0;font-size:11px;font-weight:600}.obm-no-data{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.obm-no-data-icon{color:#d1d5db;opacity:.6;margin-bottom:12px;font-size:48px}.obm-no-data p{color:#6b7280;margin:0;font-size:12px;font-style:italic}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.obm-table-container::-webkit-scrollbar{width:6px}.obm-table-container::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.obm-table-container::-webkit-scrollbar-thumb{background:var(--system-main-color);border-radius:3px}.obm-table-container::-webkit-scrollbar-thumb:hover{background:#5568d3}.obm-panel::-webkit-scrollbar{width:6px}.obm-panel::-webkit-scrollbar-track{background:#f3f4f6}.obm-panel::-webkit-scrollbar-thumb{background:var(--system-main-color);border-radius:3px}@media screen and (width<=1024px){.obm-panel{max-width:95%}.obm-table{font-size:10px}.obm-table th{padding:8px 4px;font-size:9px}.obm-table td{padding:6px 4px}.obm-copy-btn{padding:4px 8px;font-size:9px}}@media screen and (width<=768px){.obm-panel{width:95%;max-height:95vh}.obm-summary-stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px 12px}.obm-stat-card{padding:8px 10px}.obm-stat-label{font-size:9px}.obm-stat-value{font-size:11px}.obm-table-container{max-height:300px}.obm-table{font-size:9px}.obm-table th{padding:6px 3px;font-size:8px}.obm-table td{padding:5px 3px}.obm-footer-row{gap:8px;font-size:10px}.obm-footer-value{padding:3px 6px;font-size:10px}}@media screen and (width<=480px){.obm-panel{border-radius:8px;width:98%;max-height:98vh}.obm-header h3{font-size:12px}.obm-summary-stats{grid-template-columns:1fr;gap:6px;padding:8px 10px}.obm-stat-card{padding:8px}.obm-stat-label{font-size:8px}.obm-stat-value{font-size:10px}.obm-content-section{padding:8px 10px}.obm-table-container{max-height:250px}.obm-table{font-size:8px}.obm-table th{padding:4px 2px;font-size:7px}.obm-table td{padding:4px 2px}.obm-index{width:30px}.obm-cust-id{width:60px;font-size:9px}.obm-amount,.obm-paid,.obm-returned,.obm-balance{font-size:10px}.obm-copy-btn{gap:2px;padding:3px 6px;font-size:8px}.obm-copy-btn svg{font-size:8px}.obm-footer-row{gap:4px;font-size:9px}.obm-footer-label{min-width:50px}.obm-footer-value{padding:2px 4px;font-size:9px}.obm-pagination{gap:6px;padding:8px 10px}.obm-pagination-btn{padding:5px 10px;font-size:9px}.obm-pagination-info{min-width:80px;font-size:9px}.obm-no-data-icon{font-size:36px}.obm-no-data p{font-size:11px}.obm-loading p{font-size:10px}}.itu-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.itu-modal{background:#fff;border:2px solid #667eea;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;padding-bottom:15px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.itu-header{background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.itu-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.itu-filters-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:14px 18px}.itu-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.itu-search-group{flex:1;min-width:220px;position:relative}.itu-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.itu-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:12px;transition:all .3s}.itu-search-input:focus{background-color:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.itu-date-picker{align-items:center;gap:8px;display:flex}.itu-date-picker label{color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.itu-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.itu-date-input:focus{background-color:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.itu-refresh-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea33}.itu-refresh-btn svg{color:#fff;width:12px;height:12px;display:block}.itu-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 12px #667eea66}.itu-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.itu-spinning svg{animation:1s linear infinite spin}.itu-return-all-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 8px #10b98133}.itu-return-all-btn svg{color:#fff;width:11px;height:11px;display:block}.itu-return-all-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.itu-return-all-btn:disabled{opacity:.5;cursor:not-allowed}.itu-table-section{background-color:#fff;padding:14px 18px}.itu-table-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.itu-table-container{border:1px solid #e5e7eb;border-radius:6px;max-height:350px;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.itu-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.itu-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:10px;font-weight:700;position:sticky;top:0}.itu-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:8px 6px}.itu-table tbody tr{background-color:#fff;transition:all .2s}.itu-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.itu-table tbody tr:last-child td{border-bottom:none}.itu-text-cell{color:#1f2937;text-align:left;padding-left:8px;font-weight:500;display:block}.itu-currency-cell{color:#059669;font-family:Courier New,monospace;font-size:11px;font-weight:700;display:block}.itu-percentage-cell{color:#667eea;font-size:11px;font-weight:700;display:block}.itu-quantity-cell{color:#6b7280;font-size:11px;font-weight:600;display:block}.itu-date-cell{color:#6b7280;font-size:10px;display:block}.itu-loading-row td,.itu-no-data-row td{text-align:center;color:#9ca3af;padding:40px 20px}.itu-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;margin:0 auto 10px;animation:1s linear infinite spin}.itu-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.itu-pagination-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.itu-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.itu-pagination-btn:active:not(:disabled){transform:translateY(0)}.itu-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.itu-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.itu-modal::-webkit-scrollbar{width:6px}.itu-table-container::-webkit-scrollbar{width:6px}.itu-modal::-webkit-scrollbar-track{background:#f1f1f1}.itu-table-container::-webkit-scrollbar-track{background:#f1f1f1}.itu-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.itu-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.itu-modal::-webkit-scrollbar-thumb:hover{background:#667eea}.itu-table-container::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (width<=1024px){.itu-modal{max-width:95%}.itu-filter-row{gap:10px}.itu-table{font-size:10px}.itu-table th,.itu-table td{padding:6px 4px}.itu-return-all-btn{padding:7px 12px;font-size:10px}}@media screen and (width<=768px){.itu-modal{width:95%;max-height:90vh}.itu-header h3{font-size:14px}.itu-filter-row{flex-direction:column;gap:10px}.itu-search-group{min-width:100%}.itu-date-picker{width:100%}.itu-return-all-btn{justify-content:center;width:100%;padding:8px 12px;font-size:11px}.itu-table-container{max-height:300px}.itu-table{font-size:10px}.itu-table th{padding:6px 4px;font-size:9px}.itu-table td{padding:5px 3px}.itu-pagination{gap:10px;padding:10px 12px}.itu-pagination-btn{padding:6px 12px;font-size:10px}.itu-pagination-info{min-width:100px;padding:6px 10px;font-size:10px}}@media screen and (width<=480px){.itu-modal{width:98%;max-height:95vh}.itu-header h3{font-size:12px}.itu-filters-section{padding:10px 12px}.itu-filter-row{gap:8px}.itu-search-input,.itu-date-input{padding:6px 8px;font-size:11px}.itu-refresh-btn{width:32px;height:32px}.itu-return-all-btn{justify-content:center;width:100%;padding:8px 10px;font-size:10px}.itu-table-section{padding:10px 12px}.itu-table-title{margin-bottom:10px;font-size:11px}.itu-table-container{max-height:250px}.itu-table{font-size:9px}.itu-table th{padding:4px 2px;font-size:8px}.itu-table td{padding:4px 2px}.itu-text-cell,.itu-currency-cell,.itu-percentage-cell,.itu-quantity-cell,.itu-date-cell{font-size:9px}.itu-pagination{flex-wrap:wrap;gap:8px;padding:8px 10px}.itu-pagination-btn{padding:5px 10px;font-size:9px}.itu-pagination-info{min-width:90px;padding:5px 8px;font-size:9px}}@media screen and (width<=360px){.itu-modal{width:99%}.itu-filter-row{flex-direction:column}.itu-table{font-size:8px}.itu-pagination-btn{padding:4px 8px;font-size:8px}.itu-return-all-btn{width:100%;padding:6px 8px;font-size:9px}}.stu-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.stu-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;padding-bottom:15px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.stu-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.stu-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.stu-dashboard-stats-container{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 18px;display:grid}.stu-dashboard-panel-white{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:14px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000d}.stu-dashboard-panel-white:hover{border-color:var(--system-main-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.stu-panel-header{align-items:center;gap:8px;display:flex}.stu-panel-icon-white{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.stu-panel-icon-white svg{width:18px;height:18px}.stu-panel-title-white{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;flex:1;margin:0;font-size:10px;font-weight:700}.stu-panel-value-white{color:#059669;padding:0 4px;font-family:Courier New,monospace;font-size:16px;font-weight:700}.stu-panel-subvalue-white{color:#9ca3af;margin-top:2px;font-size:10px}.stu-filters-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:14px 18px}.stu-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stu-search-group{flex:1;min-width:220px;position:relative}.stu-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.stu-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:12px;transition:all .3s}.stu-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.stu-date-picker{align-items:center;gap:8px;display:flex}.stu-date-picker label{color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.stu-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.stu-date-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.stu-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea33}.stu-refresh-btn svg{color:#fff;width:16px;height:16px;display:block}.stu-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 12px #667eea66}.stu-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.stu-spinning svg{animation:1s linear infinite spin}.stu-table-section{background-color:#fff;padding:14px 18px}.stu-table-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.stu-table-container{border:1px solid #e5e7eb;border-radius:6px;max-height:350px;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.stu-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.stu-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:10px;font-weight:700;position:sticky;top:0}.stu-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:8px 6px}.stu-table tbody tr{background-color:#fff;transition:all .2s}.stu-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.stu-table tbody tr:last-child td{border-bottom:none}.stu-text-cell{color:#1f2937;text-align:left;padding-left:8px;font-weight:500;display:block}.stu-currency-cell{color:#059669;font-family:Courier New,monospace;font-size:11px;font-weight:700;display:block}.stu-date-cell{color:#6b7280;font-size:10px;display:block}.stu-loading-row td,.stu-no-data-row td{text-align:center;color:#9ca3af;padding:40px 20px}.stu-spinner{border:3px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:32px;height:32px;margin:0 auto 10px;animation:1s linear infinite spin}.stu-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.stu-action-btn{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:inline-flex}.stu-action-btn img{width:15px;height:15px;display:block}.stu-action-btn.print:hover{background-color:#3b82f6;transform:scale(1.1);box-shadow:0 2px 6px #3b82f64d}.stu-action-btn.view:hover{background-color:#10b981;transform:scale(1.1);box-shadow:0 2px 6px #10b9814d}.stu-action-btn.edit:hover{background-color:#f59e0b;transform:scale(1.1);box-shadow:0 2px 6px #f59e0b4d}.stu-action-btn.delete:hover{background-color:#ef4444;transform:scale(1.1);box-shadow:0 2px 6px #ef44444d}.stu-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.stu-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.stu-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.stu-pagination-btn:active:not(:disabled){transform:translateY(0)}.stu-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.stu-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.stu-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.stu-modal::-webkit-scrollbar{width:6px}.stu-table-container::-webkit-scrollbar{width:6px}.stu-modal::-webkit-scrollbar-track{background:#f1f1f1}.stu-table-container::-webkit-scrollbar-track{background:#f1f1f1}.stu-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.stu-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.stu-modal::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.stu-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=1024px){.stu-modal{max-width:95%}.stu-dashboard-stats-container{grid-template-columns:repeat(3,1fr)}.stu-filter-row{gap:10px}.stu-table{font-size:10px}.stu-table th,.stu-table td{padding:6px 4px}}@media screen and (width<=768px){.stu-modal{width:95%;max-height:90vh}.stu-header h3{font-size:14px}.stu-dashboard-stats-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 15px}.stu-dashboard-panel-white{padding:10px 12px}.stu-panel-title-white{font-size:9px}.stu-panel-value-white{font-size:14px}.stu-filter-row{flex-direction:column;gap:10px}.stu-search-group{min-width:100%}.stu-date-picker{width:100%}.stu-table-container{max-height:300px}.stu-table{font-size:10px}.stu-table th{padding:6px 4px;font-size:9px}.stu-table td{padding:5px 3px}.stu-action-btn{width:24px;height:24px}.stu-action-btn img{width:13px;height:13px}.stu-pagination{gap:10px;padding:10px 12px}.stu-pagination-btn{padding:6px 12px;font-size:10px}.stu-pagination-info{min-width:100px;padding:6px 10px;font-size:10px}}@media screen and (width<=480px){.stu-modal{width:98%;max-height:95vh}.stu-header h3{font-size:12px}.stu-dashboard-stats-container{grid-template-columns:1fr;gap:8px;padding:10px 12px}.stu-dashboard-panel-white{padding:8px 10px}.stu-panel-icon-white{width:30px;height:30px}.stu-panel-icon-white svg{width:16px;height:16px}.stu-panel-title-white{font-size:8px}.stu-panel-value-white{font-size:12px}.stu-filters-section{padding:10px 12px}.stu-filter-row{gap:8px}.stu-search-input,.stu-date-input{padding:6px 8px;font-size:11px}.stu-refresh-btn{width:32px;height:32px}.stu-table-section{padding:10px 12px}.stu-table-title{margin-bottom:10px;font-size:11px}.stu-table-container{max-height:250px}.stu-table{font-size:9px}.stu-table th{padding:4px 2px;font-size:8px}.stu-table td{padding:4px 2px}.stu-text-cell,.stu-currency-cell,.stu-date-cell{font-size:9px}.stu-action-buttons{gap:4px}.stu-action-btn{width:22px;height:22px}.stu-action-btn img{width:12px;height:12px}.stu-pagination{flex-wrap:wrap;gap:8px;padding:8px 10px}.stu-pagination-btn{padding:5px 10px;font-size:9px}.stu-pagination-info{min-width:90px;padding:5px 8px;font-size:9px}}.cbm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.cbm-modal{border:2px solid var(--system-main-color);z-index:1001;background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:900px;min-height:600px;max-height:100vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:visible;box-shadow:0 8px 32px #00000026}.cbm-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cbm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.cbm-search-section{z-index:10;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 18px;position:relative}.cbm-search-wrapper{z-index:10001;flex-direction:column;display:flex;position:relative}.cbm-search-group{align-items:center;display:flex;position:relative}.cbm-search-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:14px;position:absolute;left:12px}.cbm-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px 10px 36px;font-family:inherit;font-size:13px;transition:all .3s}.cbm-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.cbm-loading-text{color:#9ca3af;z-index:1;font-size:11px;font-weight:600;position:absolute;right:12px}.cbm-suggestions-list{z-index:10002;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;max-height:500px;margin:-1px 0 0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}.cbm-suggestion-item{cursor:pointer;border-bottom:1px solid #f0f0f0;align-items:center;gap:12px;padding:10px 12px;transition:all .2s;display:flex}.cbm-suggestion-item:hover{background-color:#f9fafb;padding-left:16px}.cbm-suggestion-item:last-child{border-bottom:none}.cbm-cust-id{color:var(--system-main-color);min-width:60px;font-size:12px;font-weight:700}.cbm-cust-name{color:#1f2937;flex:1;font-size:13px;font-weight:600}.cbm-cust-phone{color:#6b7280;font-family:Courier New,monospace;font-size:11px}.cbm-content{background-color:#fff;flex-direction:column;flex:1;gap:14px;padding:14px 18px;display:flex;overflow:visible}.cbm-no-selection{color:#9ca3af;text-align:center;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cbm-no-selection p{margin:0;font-size:14px;font-weight:500}.cbm-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:all .3s;overflow:hidden;box-shadow:0 2px 8px #0000000d}.cbm-card:hover{box-shadow:0 4px 12px #00000014}.cbm-card-header{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;align-items:center;gap:10px;padding:12px 14px;display:flex}.cbm-card-icon{color:var(--system-main-color);flex-shrink:0;font-size:18px}.cbm-card-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.4px;flex:1;margin:0;font-size:13px;font-weight:700}.cbm-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.cbm-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 8px #00000026}.cbm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cbm-spinning svg{animation:1s linear infinite spin}.cbm-card-content{padding:14px}.cbm-info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:8px 0;display:flex}.cbm-info-row:last-child{border-bottom:none}.cbm-label{color:#666;text-transform:uppercase;letter-spacing:.3px;min-width:100px;font-size:11px;font-weight:700}.cbm-value{color:#1f2937;text-align:right;flex:1;font-size:13px;font-weight:600}.cbm-balance-display{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;justify-content:center;align-items:center;gap:12px;padding:16px 14px;display:flex}.cbm-balance-icon{object-fit:contain;filter:drop-shadow(0 2px 4px #0000001a);width:40px;height:40px}.cbm-number{letter-spacing:.5px;font-size:18px;font-weight:700}.cbm-number.positive-cbm{color:#10b981}.cbm-number.negative-cbm{color:#ef4444}.cbm-stats{background-color:#fff;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px 14px;display:grid}.cbm-stat-item{border-left:3px solid var(--system-main-color);background-color:#f9fafb;border-radius:4px;flex-direction:column;justify-content:space-between;padding:10px 12px;transition:all .3s;display:flex}.cbm-stat-item:hover{background-color:#f0f2f5;transform:translateY(-2px)}.cbm-stat-label{color:#666;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.cbm-stat-value{color:var(--system-main-color);font-size:14px;font-weight:700}.cbm-actions{flex-wrap:wrap;gap:10px;padding:12px 14px;display:flex}.cbm-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.4px;border:none;border-radius:6px;flex:1;min-width:150px;padding:10px 14px;font-size:12px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #0000001a}.cbm-btn-payment{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.cbm-btn-payment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cbm-btn-outstanding{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.cbm-btn-outstanding:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.cbm-content::-webkit-scrollbar{width:6px}.cbm-content::-webkit-scrollbar-track{background:#f1f1f1}.cbm-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cbm-content::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.cbm-suggestions-list::-webkit-scrollbar{width:4px}.cbm-suggestions-list::-webkit-scrollbar-track{background:#f1f1f1}.cbm-suggestions-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.cbm-suggestions-list::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=768px){.cbm-modal{width:95%;max-height:90vh}.cbm-header h3{font-size:14px}.cbm-search-input{padding:8px 10px 8px 32px;font-size:12px}.cbm-card-header h4{font-size:12px}.cbm-label{min-width:80px;font-size:10px}.cbm-value{font-size:12px}.cbm-number{font-size:16px}.cbm-stat-value{font-size:13px}.cbm-btn{min-width:120px;padding:8px 12px;font-size:11px}.cbm-stats{grid-template-columns:1fr}.cbm-suggestion-item{padding:8px 10px}.cbm-cust-id{font-size:11px}.cbm-cust-name{font-size:12px}.cbm-cust-phone{font-size:10px}}@media screen and (width<=480px){.cbm-modal{width:98%;max-height:95vh}.cbm-header h3{font-size:12px}.cbm-search-section{padding:10px 12px}.cbm-search-input{padding:8px 10px 8px 30px;font-size:11px}.cbm-content{gap:10px;padding:10px 12px}.cbm-card-header{gap:8px;padding:10px 12px}.cbm-card-header h4{font-size:11px}.cbm-refresh-btn{width:28px;height:28px}.cbm-card-content{padding:10px}.cbm-info-row{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 0}.cbm-label{font-size:9px}.cbm-value{text-align:left;font-size:11px}.cbm-balance-display{gap:10px;padding:12px 10px}.cbm-balance-icon{width:36px;height:36px}.cbm-number{font-size:16px}.cbm-stats{grid-template-columns:1fr;gap:8px;padding:10px}.cbm-stat-item{padding:8px 10px}.cbm-stat-label{margin-bottom:3px;font-size:9px}.cbm-stat-value{font-size:12px}.cbm-actions{gap:8px;padding:10px}.cbm-btn{min-width:100px;padding:8px 10px;font-size:10px}.cbm-suggestion-item{padding:8px 10px}.cbm-cust-id{min-width:50px;font-size:10px}.cbm-cust-name{font-size:11px}.cbm-cust-phone{font-size:9px}.cbm-suggestions-list{max-height:200px}}@media screen and (width<=360px){.cbm-modal{width:99%}.cbm-header h3{font-size:11px}.cbm-search-input,.cbm-card-header h4{font-size:10px}.cbm-number{font-size:14px}.cbm-stat-value{font-size:11px}.cbm-btn{padding:6px 8px;font-size:9px}.cbm-cust-name{font-size:10px}}.cbm-suggestion-item{cursor:pointer;border-bottom:1px solid #e0f2fe!important;padding:10px 12px!important;transition:background .2s!important}.cbm-suggestion-item:hover{background:#e0f2fe!important}.cbm-balance-badge{border-radius:3px;margin-top:4px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-block}.cbm-balance-badge.outstanding{color:#ef4444;background:#fee2e2}.cbm-balance-badge.paid{color:#10b981;background:#dcfce7}.vpp-overlay{z-index:10001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.vpp-modal{background:#fff;border:2px solid #10b981;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.vpp-header{background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.vpp-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.vpp-body{flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow-y:auto}.vpp-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 15px;display:flex}.vpp-spinner{border:4px solid #f3f4f6;border-top-color:#10b981;border-radius:50%;width:50px;height:50px;margin-bottom:20px;animation:1s linear infinite spin}.vpp-loading p{color:#6b7280;margin:0;font-size:14px}.vpp-no-data{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:50px 15px;display:flex}.vpp-no-data-icon{margin-bottom:20px;font-size:56px}.vpp-no-data-title{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:700}.vpp-no-data-subtitle{color:#6b7280;margin:0;font-size:13px}.vpp-stats{background:#d1fae5;border:2px solid #10b981;border-radius:8px;flex-shrink:0;margin-bottom:14px;padding:12px 14px}.vpp-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;display:grid}.vpp-stat-item{flex-direction:column;display:flex}.vpp-stat-label{color:#065f46;text-transform:uppercase;letter-spacing:.5px;margin:0 0 4px;font-size:11px;font-weight:600}.vpp-stat-value{color:#059669;margin:0;font-size:18px;font-weight:800}.vpp-table-wrapper{flex-direction:column;flex:1;margin-bottom:14px;display:flex;overflow:hidden}.vpp-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.vpp-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:13px}.vpp-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.3px;background:#f2f2f2;border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.vpp-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:10px 8px}.vpp-table tbody tr{background-color:#fff;transition:all .2s}.vpp-table tbody tr:hover{background-color:#f9fafb}.vpp-table tbody tr:last-child td{border-bottom:none}.vpp-payment-id{color:#0c4a6e;font-family:monospace;font-weight:600}.vpp-badge{text-transform:capitalize;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.vpp-badge-bankTransfer{color:#0c4a6e;background:#dbeafe}.vpp-badge-cheque{color:#92400e;background:#fef3c7}.vpp-badge-directpayment{color:#374151;background:#d1d5db}.vpp-amount{color:#059669;font-family:Courier New,monospace;font-weight:700}.vpp-actions{justify-content:center;align-items:center;gap:6px;display:flex}.vpp-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:6px 8px;font-size:12px;transition:all .3s;display:inline-flex}.vpp-print-btn{color:#8b5cf6;background-color:#8b5cf61a}.vpp-print-btn:hover:not(:disabled){color:#7c3aed;background-color:#8b5cf633;transform:scale(1.1)}.vpp-print-btn:disabled{opacity:.5;cursor:not-allowed}.vpp-delete-btn{background-color:#ef44441a}.vpp-delete-btn:hover{background-color:#ef444433;transform:scale(1.1)}.vpp-delete-btn img{object-fit:contain;filter:brightness(.8);width:16px;height:16px}.vpp-delete-btn:hover img{filter:brightness()}.vpp-no-data-row td{text-align:center;color:#9ca3af;padding:30px 20px;font-size:13px}.vpp-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 15px;display:flex}.vpp-pagination-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #10b98133}.vpp-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.vpp-pagination-btn:active:not(:disabled){transform:translateY(0)}.vpp-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.vpp-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.vpp-footer{text-align:right;background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;flex-shrink:0;padding:12px 18px}.vpp-close-footer-btn{color:#fff;cursor:pointer;background:#6b7280;border:none;border-radius:5px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s}.vpp-close-footer-btn:hover{background:#5a6370;transform:translateY(-1px)}.vpp-table-container::-webkit-scrollbar{width:6px}.vpp-table-container::-webkit-scrollbar-track{background:#f1f1f1}.vpp-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.vpp-table-container::-webkit-scrollbar-thumb:hover{background:#10b981}@media screen and (width<=768px){.vpp-modal{width:95%;max-height:90vh}.vpp-header h3{font-size:14px}.vpp-stats-grid{grid-template-columns:repeat(2,1fr)}.vpp-table{font-size:11px}.vpp-table th{padding:8px 4px;font-size:9px}.vpp-table td{padding:8px 4px}.vpp-action-btn{padding:4px 6px}.vpp-delete-btn img{width:14px;height:14px}}@media screen and (width<=480px){.vpp-modal{width:98%;max-height:95vh}.vpp-header h3{font-size:12px}.vpp-stats-grid{grid-template-columns:1fr}.vpp-table{font-size:10px}.vpp-table th{padding:6px 3px;font-size:8px}.vpp-table td{padding:6px 3px}.vpp-pagination-btn{padding:6px 12px;font-size:9px}}@keyframes dayendFadeIn{0%{opacity:0}to{opacity:1}}@keyframes dayendSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes dayendSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dayend-report-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out dayendFadeIn;display:flex;position:fixed;top:0;left:0}.dayend-report-container{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:800px;max-height:85vh;animation:.3s ease-out dayendSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.dayend-report-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.dayend-report-header-content{align-items:center;gap:10px;display:flex}.dayend-report-header-icon{color:#fff;background-color:#fff3;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dayend-report-header-text h2{color:#fff;letter-spacing:.4px;margin:0;font-size:15px;font-weight:700}.dayend-report-header-text p{color:#ffffffd9;margin:2px 0 0;font-size:11px;font-weight:500}.dayend-report-header-actions{gap:6px;display:flex}.dayend-report-header-btn{color:#fff;cursor:pointer;background-color:#ffffff26;border:1px solid #ffffff40;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:14px;transition:all .2s;display:flex}.dayend-report-header-btn:hover{background-color:#ffffff40;transform:scale(1.08)}.dayend-report-header-btn.close:hover{color:#fecaca;background-color:#ef444466}.dayend-report-status-banner{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border-bottom:1px solid #fbbf24;flex-shrink:0;padding:8px 16px}.dayend-report-status-text{color:#92400e;text-align:center;letter-spacing:.3px;margin:0;font-size:11px;font-weight:700}.dayend-report-content{background-color:#fff;flex:1;padding:12px;overflow-y:auto}.dayend-report-grid{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px;display:grid}.dayend-report-column{flex-direction:column;gap:8px;display:flex}.dayend-report-row{border-left:3px solid var(--system-main-color);background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000d}.dayend-report-row:hover{transform:translate(2px);box-shadow:0 2px 6px #00000014}.dayend-report-row-left{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.dayend-report-row-icon{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:700;display:flex}.dayend-report-row-icon.green{color:#16a34a;background-color:#dcfce7}.dayend-report-row-icon.blue{color:#0284c7;background-color:#dbeafe}.dayend-report-row-icon.red{color:#dc2626;background-color:#fee2e2}.dayend-report-row-icon.orange{color:#ea580c;background-color:#fed7aa}.dayend-report-row-icon.cyan{color:#0891b2;background-color:#cffafe}.dayend-report-row-icon.purple{color:#a855f7;background-color:#e9d5ff}.dayend-report-row-icon.gray{color:#6b7280;background-color:#e5e7eb}.dayend-report-row-label{color:#374151;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.dayend-report-row-label.bold{color:#1f2937;font-size:12px;font-weight:700}.dayend-report-row-right{flex-shrink:0;align-items:center;gap:6px;display:flex}.dayend-report-value{letter-spacing:.3px;text-align:right;min-width:90px;font-family:Courier New,monospace;font-size:12px;font-weight:700}.dayend-report-value.green{color:#16a34a}.dayend-report-value.blue{color:#0284c7}.dayend-report-value.red{color:#dc2626}.dayend-report-value.orange{color:#ea580c}.dayend-report-value.cyan{color:#0891b2}.dayend-report-value.purple{color:#a855f7}.dayend-report-value.bold{font-size:14px;font-weight:900}.dayend-report-input{color:#1f2937;text-align:right;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;min-width:90px;padding:6px 10px;font-family:Courier New,monospace;font-size:11px;font-weight:700;transition:all .2s}.dayend-report-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.dayend-report-input:disabled{color:#9ca3af;cursor:not-allowed;opacity:.6;background-color:#f3f4f6}.dayend-report-row.cash-balance{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-left:4px solid #16a34a;margin:4px 0;padding:10px 12px;box-shadow:0 2px 8px #16a34a1f}.dayend-report-row.cash-balance .dayend-report-row-label{color:#15803d;font-size:12px;font-weight:700}.dayend-report-row.cash-balance .dayend-report-value{color:#15803d;font-size:15px;font-weight:900}.dayend-report-row.positive-difference{background:linear-gradient(135deg,#dcfce7 0%,#bbf7d0 100%);border-left:3px solid #16a34a}.dayend-report-row.negative-difference{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-left:3px solid #dc2626}.dayend-report-row.external-amount,.dayend-report-row.bank-transfer{background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-left:3px solid #0284c7}.dayend-report-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:center;align-items:center;padding:10px 14px;display:flex}.dayend-report-submit-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 28px;font-size:12px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 8px #f59e0b40}.dayend-report-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59}.dayend-report-submit-btn:active:not(:disabled){transform:translateY(0)}.dayend-report-submit-btn:disabled{opacity:.65;cursor:not-allowed}.dayend-report-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite dayendSpin}.dayend-report-content::-webkit-scrollbar{width:5px}.dayend-report-content::-webkit-scrollbar-track{background:#f1f1f1}.dayend-report-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dayend-report-content::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=1024px){.dayend-report-container{width:95%;max-height:88vh}.dayend-report-grid{grid-template-columns:1fr;gap:10px}.dayend-report-header-text h2{font-size:14px}.dayend-report-row{padding:7px 9px}.dayend-report-row-label{font-size:10px}.dayend-report-value{min-width:80px;font-size:11px}}@media screen and (width<=768px){.dayend-report-container{width:96%;max-height:90vh}.dayend-report-header{padding:10px 12px}.dayend-report-header-content{gap:8px}.dayend-report-header-icon{width:32px;height:32px}.dayend-report-header-text h2{font-size:13px}.dayend-report-header-text p{font-size:10px}.dayend-report-header-btn{width:28px;height:28px;font-size:12px}.dayend-report-content{padding:10px}.dayend-report-grid{gap:8px}.dayend-report-row{gap:6px;padding:6px 8px}.dayend-report-row-icon{width:24px;height:24px;font-size:11px}.dayend-report-row-label{font-size:9px}.dayend-report-value{min-width:75px;font-size:10px}.dayend-report-input{min-width:75px;padding:5px 8px;font-size:10px}.dayend-report-footer{padding:8px 10px}.dayend-report-submit-btn{gap:6px;padding:8px 20px;font-size:10px}.dayend-report-spinner{border-width:1.5px;width:12px;height:12px}}@media screen and (width<=480px){.dayend-report-container{border-radius:8px;width:97%;max-height:92vh}.dayend-report-header{gap:6px;padding:8px 10px}.dayend-report-header-content{flex:1;gap:6px}.dayend-report-header-icon{flex-shrink:0;width:28px;height:28px}.dayend-report-header-text h2{font-size:12px}.dayend-report-header-text p{margin-top:1px;font-size:9px}.dayend-report-header-actions{gap:4px}.dayend-report-header-btn{width:26px;height:26px;font-size:11px}.dayend-report-status-text{padding:6px 12px;font-size:10px}.dayend-report-content{padding:8px}.dayend-report-grid{grid-template-columns:1fr;gap:6px}.dayend-report-row{gap:5px;padding:5px 7px}.dayend-report-row-icon{width:22px;height:22px;font-size:10px}.dayend-report-row-left{gap:5px}.dayend-report-row-label{font-size:8px}.dayend-report-row-label.bold{font-size:9px}.dayend-report-value{min-width:70px;font-size:9px}.dayend-report-value.bold{font-size:11px}.dayend-report-input{min-width:70px;padding:4px 6px;font-size:9px}.dayend-report-footer{padding:6px 8px}.dayend-report-submit-btn{gap:5px;padding:8px 16px;font-size:9px}.dayend-report-row.cash-balance{padding:8px 10px}.dayend-report-row.cash-balance .dayend-report-row-label{font-size:10px}.dayend-report-row.cash-balance .dayend-report-value{font-size:12px}.dayend-report-spinner{width:11px;height:11px}}@media screen and (width<=360px){.dayend-report-container{width:98%}.dayend-report-header-text h2{font-size:11px}.dayend-report-header-text p{font-size:8px}.dayend-report-row-label{font-size:7px}.dayend-report-value,.dayend-report-input{min-width:65px;font-size:8px}.dayend-report-submit-btn{padding:6px 12px;font-size:8px}}.dayend-report-row-icon.piggy{color:#ec4899;background-color:#fce7f3}.dayend-report-value.piggy{color:#ec4899;font-weight:700}.dayend-report-row.bank-amount{background:linear-gradient(135deg,#fef3f8 0%,#fce7f3 100%);border-left:3px solid #ec4899}.dayend-report-loading{color:#9ca3af;font-size:11px;font-style:italic}.dayend-report-row.bank-amount input[type=checkbox]{cursor:pointer;accent-color:#ec4899;visibility:visible!important;opacity:1!important;width:16px!important;height:16px!important;display:block!important}.dayend-report-row.bank-amount label{cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-block!important}.dayend-report-submit-btn.email-btn{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);box-shadow:0 2px 8px #3b82f640}.dayend-report-submit-btn.email-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 4px 12px #3b82f659}.dayend-report-submit-btn.email-btn:disabled{background:linear-gradient(135deg,#93c5fd 0%,#60a5fa 100%)}.dayend-report-footer>div{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}@media screen and (width<=768px){.dayend-report-footer>div{gap:8px}.dayend-report-submit-btn{padding:8px 16px;font-size:10px}}@media screen and (width<=480px){.dayend-report-footer>div{gap:6px}.dayend-report-submit-btn{padding:8px 12px;font-size:9px}}.dayend-report-submit-btn.whatsapp-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.dayend-report-submit-btn.whatsapp-btn:hover:not(:disabled){background:linear-gradient(135deg,#20c55e 0%,#0f766e 100%);transform:translateY(-2px);box-shadow:0 8px 16px #25d3664d}.dayend-report-submit-btn.whatsapp-btn:disabled{opacity:.6;cursor:not-allowed}.dayend-report-submit-btn.whatsapp-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 8px #25d36633}.escm_overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0f172acc;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;animation:.3s ease-out escm_fadeIn;display:flex;position:fixed;top:0;left:0}.escm_content{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #6366f126;border-radius:14px;grid-template-columns:1fr 1fr;width:100%;max-width:800px;height:420px;animation:.4s cubic-bezier(.16,1,.3,1) escm_modalSlideUp;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #00000040,0 0 0 1px #6366f11a}.escm_close_btn{cursor:pointer;color:#667eea;z-index:10;background:#ffffffe6;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #00000014}.escm_close_btn:hover:not(:disabled){background:#fff;transform:rotate(90deg);box-shadow:0 4px 12px #0000001f}.escm_close_btn:disabled{opacity:.5;cursor:not-allowed}.escm_left{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.escm_left:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:0;right:0}.escm_left:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff0d 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;bottom:0;left:0}.escm_image{object-fit:contain;filter:drop-shadow(0 8px 16px #0003);z-index:2;max-width:90%;max-height:90%;animation:3s ease-in-out infinite escm_imageFloat;position:relative}.escm_image_overlay{z-index:3;position:absolute;bottom:15px;left:50%;transform:translate(-50%)}.escm_image_badge{color:#667eea;letter-spacing:-.2px;background:#fffffff2;border-radius:20px;padding:6px 14px;font-size:11px;font-weight:700;animation:2s ease-in-out infinite escm_badgePulse;box-shadow:0 4px 12px #00000026}.escm_loading_container{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex;position:relative}.escm_loading_spinner{width:60px;height:60px;position:relative}.escm_spinner_ring{border:3px solid #fffc;border-color:#fffc #fff9 #0000 #0000;border-radius:50%;width:100%;height:100%;animation:1.2s linear infinite escm_ringRotate;position:absolute}.escm_spinner_ring:nth-child(2){border-top-color:#ffffff80;border-right-color:#ffffff4d;width:80%;height:80%;animation:1.8s linear infinite reverse escm_ringRotate;top:10%;left:10%}.escm_spinner_ring:nth-child(3){border-top-color:#ffffff4d;border-right-color:#ffffff1a;width:60%;height:60%;animation:2.4s linear infinite escm_ringRotate;top:20%;left:20%}.escm_loading_text{color:#ffffffe6;letter-spacing:1px;font-size:12px;font-weight:700;animation:1.5s ease-in-out infinite escm_textPulse}.escm_right{flex-direction:column;gap:12px;height:100%;padding:18px;display:flex;overflow-y:auto}.escm_header{flex-shrink:0;align-items:center;gap:10px;margin-bottom:2px;display:flex}.escm_header_icon{color:#667eea;flex-shrink:0;font-size:20px;animation:.6s ease-out escm_iconBounce}.escm_title{color:#1f2937;letter-spacing:-.3px;margin:0;font-size:15px;font-weight:700}.escm_subtitle{color:#6b7280;margin:2px 0 0;font-size:10px;font-weight:500}.escm_info_cards{flex-shrink:0;grid-template-columns:1fr 1fr;gap:8px;display:grid}.escm_info_card{border:1.5px solid #0000;border-radius:8px;padding:8px 10px;transition:all .3s;position:relative;overflow:hidden}.escm_info_card:before{content:"";opacity:.5;background:linear-gradient(90deg,currentColor,#0000);height:2px;position:absolute;top:0;left:0;right:0}.escm_info_operator{color:#0369a1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#bfdbfe}.escm_info_operator:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1f}.escm_info_store{color:#059669;background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%);border-color:#dcfce7}.escm_info_store:hover{border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea1f}.escm_info_label{text-transform:uppercase;letter-spacing:.3px;opacity:.8;margin-bottom:3px;font-size:8px;font-weight:700;display:block}.escm_info_value{letter-spacing:-.2px;font-size:12px;font-weight:700}.escm_details_section{background:linear-gradient(135deg,#fef3c7 0%,#fde68a 100%);border:1.5px solid #fcd34d;border-radius:8px;flex-shrink:0;padding:10px}.escm_details_header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.escm_details_icon{color:#b45309;font-size:12px}.escm_details_title{color:#b45309;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.escm_details_content{flex-direction:column;gap:4px;display:flex}.escm_detail_item{color:#92400e;align-items:flex-start;gap:5px;margin:0;font-size:9px;line-height:1.4;display:flex}.escm_detail_bullet{color:#d97706;flex-shrink:0;font-weight:700}.escm_amount_section{flex-shrink:0;margin:2px 0}.escm_amount_label{color:#1f2937;letter-spacing:-.2px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.escm_amount_wrapper{position:relative}.escm_currency{color:#667eea;pointer-events:none;font-size:14px;font-weight:700;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.escm_amount_input{color:#0f172a;box-sizing:border-box;text-align:right;letter-spacing:-.5px;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:2px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 36px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.escm_amount_input::placeholder{color:#cbd5e1}.escm_amount_input:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a,0 2px 8px #667eea1f}.escm_amount_input:hover:not(:focus){background:#fff;border-color:#a5b4fc}.escm_amount_input:disabled{cursor:not-allowed;opacity:.6;background:#f1f5f9;border-color:#cbd5e1}.escm_buttons_footer{flex-shrink:0;gap:8px;margin-top:auto;display:flex}.escm_btn{cursor:pointer;letter-spacing:-.2px;text-transform:uppercase;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:5px;padding:10px 12px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.escm_btn_cancel{color:#475569;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:1.5px solid #d1d5db}.escm_btn_cancel:hover:not(:disabled){background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);border-color:#9ca3af;transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.escm_btn_cancel:active:not(:disabled){transform:translateY(0)}.escm_btn_cancel:disabled{opacity:.5;cursor:not-allowed}.escm_btn_submit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1.5px solid #0000;position:relative;overflow:hidden}.escm_btn_submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.escm_btn_submit:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#6b3fa0 100%);transform:translateY(-1px);box-shadow:0 4px 12px #667eea40}.escm_btn_submit:hover:not(:disabled):before{left:100%}.escm_btn_submit:active:not(:disabled){transform:translateY(0)}.escm_btn_submit:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#cbd5e1 0%,#a1afc9 100%)}.escm_spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:10px;height:10px;animation:.8s linear infinite escm_spin;display:inline-block}@keyframes escm_fadeIn{0%{opacity:0}to{opacity:1}}@keyframes escm_modalSlideUp{0%{opacity:0;transform:translateY(15px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes escm_iconBounce{0%{opacity:0;transform:scale(.8)translateY(8px)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes escm_imageFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes escm_badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes escm_ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes escm_textPulse{0%,to{opacity:.7}50%{opacity:1}}@keyframes escm_spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){.escm_content{grid-template-columns:1fr;max-width:95vw;height:auto}.escm_left{min-height:200px;padding:15px}.escm_right{gap:10px;height:auto;padding:16px}.escm_title,.escm_amount_input{font-size:14px}.escm_btn{padding:9px 10px;font-size:10px}}@media (width<=480px){.escm_content{border-radius:12px;height:auto}.escm_left{min-height:150px;padding:12px}.escm_right{gap:8px;padding:12px}.escm_header{gap:8px}.escm_header_icon{font-size:18px}.escm_title{font-size:13px}.escm_subtitle{font-size:9px}.escm_info_cards{gap:6px}.escm_info_card{padding:7px 9px}.escm_info_label{margin-bottom:2px;font-size:7px}.escm_info_value{font-size:11px}.escm_amount_label{margin-bottom:5px;font-size:10px}.escm_amount_input{padding:9px 11px 9px 34px;font-size:14px}.escm_currency{font-size:12px;left:10px}.escm_details_section{padding:8px}.escm_details_title{font-size:9px}.escm_detail_item{font-size:8px}.escm_buttons_footer{gap:6px}.escm_btn{gap:4px;padding:8px 9px;font-size:9px}.escm_close_btn{width:28px;height:28px;font-size:14px}}.wdm-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.wdm-modal{background:#fff;border:2px solid #0284c7;border-radius:12px;flex-direction:column;width:95%;max-width:1500px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0003}.wdm-header{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-bottom:2px solid #0369a1;flex-shrink:0;padding:14px 16px 8px}.wdm-header h2{color:#fff;letter-spacing:.5px;margin:0 0 2px;font-size:18px;font-weight:700}.wdm-header p{color:#ffffffe6;margin:0;font-size:11px}.wdm-summary-stats{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px;padding:8px 12px;display:grid}.wdm-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:5px;flex-direction:column;align-items:center;padding:6px 8px;display:flex;box-shadow:0 1px 2px #0000000a}.wdm-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;margin-bottom:2px;font-size:8px;font-weight:700}.wdm-stat-value{color:#0284c7;font-family:Courier New,monospace;font-size:16px;font-weight:700}.wdm-basic-filters-section{background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:10px 12px}.wdm-basic-filters-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:flex-end;gap:8px;display:grid}.wdm-filter-actions-basic{flex-wrap:wrap;gap:5px;display:flex}.wdm-advanced-toggle-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#8b5cf6;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 9px;font-size:9px;font-weight:700;transition:all .3s;display:flex}.wdm-advanced-toggle-btn:hover{background:#7c3aed;transform:translateY(-1px)}.wdm-columns-toggle-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#06b6d4;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 9px;font-size:9px;font-weight:700;transition:all .3s;display:flex}.wdm-columns-toggle-btn:hover{background:#0891b2;transform:translateY(-1px)}.wdm-advanced-filters-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;max-height:280px;padding:10px 12px;animation:.3s ease-out slideDown;overflow-y:auto}.wdm-advanced-filters-section h3{color:#1f2937;letter-spacing:.3px;margin:0 0 10px;font-size:11px;font-weight:700}.wdm-filters-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-bottom:8px;display:grid}.wdm-filter-actions-advanced{border-top:1px solid #e5e7eb;gap:6px;padding-top:6px;display:flex}.wdm-clear-filters-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#ef4444;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 10px;font-size:9px;font-weight:700;transition:all .3s;display:flex}.wdm-clear-filters-btn:hover{background:#dc2626;transform:translateY(-1px)}.wdm-refresh-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#3b82f6;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 9px;font-size:9px;font-weight:700;transition:all .3s;display:flex}.wdm-refresh-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.wdm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.wdm-export-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#10b981;border:none;border-radius:4px;align-items:center;gap:3px;padding:5px 9px;font-size:9px;font-weight:700;transition:all .3s;display:flex}.wdm-export-btn:hover{background:#059669;transform:translateY(-1px)}.wdm-filter-group{flex-direction:column;display:flex}.wdm-filter-group label{color:#374151;text-transform:uppercase;letter-spacing:.2px;margin-bottom:3px;font-size:9px;font-weight:700}.wdm-filter-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:5px 7px;font-size:10px;transition:all .3s}.wdm-filter-input:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 2px #0284c71a}.wdm-spinning{animation:1s linear infinite spin}.wdm-column-settings-panel{background:linear-gradient(135deg,#ecf0f1 0%,#f8f9fa 100%);border-top:2px solid #06b6d4;border-bottom:2px solid #06b6d4;flex-shrink:0;max-height:240px;padding:10px 12px;animation:.3s ease-out slideDown;overflow-y:auto;box-shadow:inset 0 2px 4px #0000000d}.wdm-column-settings-header{border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.wdm-column-settings-header h4{color:#1f2937;letter-spacing:.3px;margin:0;font-size:11px;font-weight:700}.wdm-column-settings-close{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:18px;height:18px;padding:0;font-size:12px;transition:all .2s;display:flex}.wdm-column-settings-close:hover{color:#ef4444;transform:scale(1.15)}.wdm-column-settings-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;display:grid}.wdm-column-checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;gap:5px;padding:5px 7px;transition:all .2s;display:flex}.wdm-column-checkbox:hover{background:#f3f4f6;border-color:#06b6d4;box-shadow:0 2px 4px #06b6d41a}.wdm-column-checkbox input[type=checkbox]{cursor:pointer;accent-color:#06b6d4;width:13px;height:13px}.wdm-column-checkbox span{color:#374151;text-transform:uppercase;letter-spacing:.2px;font-size:9px;font-weight:600}.wdm-table-section{flex-direction:column;flex:1;display:flex;overflow:hidden}.wdm-table-header{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:8px 12px}.wdm-table-header h3{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:11px;font-weight:700}.wdm-table-wrapper{flex:1;overflow:auto}.wdm-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.wdm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.wdm-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.wdm-table-wrapper::-webkit-scrollbar-thumb:hover{background:#0284c7}.wdm-table-container{min-width:100%}.wdm-table{border-collapse:collapse;width:100%;font-size:10px}.wdm-table thead{z-index:10;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);position:sticky;top:0}.wdm-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;border-bottom:2px solid #0369a1;padding:6px 8px;font-size:9px;font-weight:700}.wdm-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.wdm-table tbody tr:hover{background-color:#f9fafb}.wdm-table tbody td{color:#374151;padding:6px 8px}.wdm-number{color:#6b7280;text-align:center;width:32px;font-size:9px;font-weight:700}.wdm-id-cell{color:#0284c7;white-space:nowrap;text-overflow:ellipsis;max-width:85px;font-size:9px;font-weight:600;overflow:hidden}.wdm-serial-cell{white-space:nowrap;text-overflow:ellipsis;max-width:95px;overflow:hidden}.wdm-serial-badge{color:#0284c7;background:#dbeafe;border-radius:3px;margin-bottom:1px;padding:2px 5px;font-size:8px;font-weight:700;display:inline-block}.wdm-productid-badge{color:#be185d;background:#fce7f3;border-radius:3px;width:fit-content;padding:2px 5px;font-size:8px;font-weight:700;display:inline-block}.wdm-name-cell{white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:9px;overflow:hidden}.wdm-barcode-cell{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;max-width:75px;font-family:Courier New,monospace;font-size:8px;overflow:hidden}.wdm-supplier-cell{white-space:nowrap;text-overflow:ellipsis;max-width:95px;overflow:hidden}.wdm-supplier-badge{color:#b45309;background:#fef3c7;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:700;display:inline-block}.wdm-date-cell{text-align:center;color:#6b7280;font-size:9px}.wdm-period-cell,.wdm-enddate-cell{text-align:center;color:#374151;font-size:9px;font-weight:600}.wdm-options-cell{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;max-width:110px;font-size:9px;overflow:hidden}.wdm-warranty-cell,.wdm-user-cell{text-align:center;color:#374151;font-size:9px}.wdm-match-cell{flex-direction:column;gap:1px;font-size:9px;display:flex}.wdm-match-type{color:#9ca3af;margin-top:1px;font-size:7px;font-style:italic;display:block}.wdm-no-data-text{color:#d1d5db;font-size:9px;font-style:italic}.wdm-no-data-row td{text-align:center;color:#9ca3af;padding:16px 8px;font-style:italic}.wdm-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex}.wdm-pagination-btn{cursor:pointer;color:#374151;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:5px 8px;font-size:9px;font-weight:700;transition:all .3s}.wdm-pagination-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px)}.wdm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.wdm-pagination-info{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;font-size:9px;font-weight:700}.wdm-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-weight:600;display:flex}.wdm-spinner{border:3px solid #e5e7eb;border-top-color:#0284c7;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}.wdm-no-data{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 20px;font-size:11px;font-weight:600;display:flex}.wdm-no-data-image{opacity:.5;width:70px;height:70px}@media screen and (width<=1200px){.wdm-modal{max-width:90vw;max-height:88vh}.wdm-basic-filters-grid,.wdm-filters-grid{grid-template-columns:repeat(2,1fr)}.wdm-column-settings-grid{grid-template-columns:repeat(3,1fr)}.wdm-table{font-size:9px}.wdm-table thead th,.wdm-table tbody td{padding:5px 7px}}@media screen and (width<=768px){.wdm-modal{max-width:95vw;max-height:92vh}.wdm-header h2{font-size:15px}.wdm-header p{font-size:10px}.wdm-basic-filters-grid,.wdm-filters-grid{grid-template-columns:1fr}.wdm-column-settings-grid{grid-template-columns:repeat(2,1fr)}.wdm-filter-actions-basic{flex-direction:column}.wdm-advanced-toggle-btn,.wdm-columns-toggle-btn,.wdm-refresh-btn,.wdm-export-btn{justify-content:center;width:100%}.wdm-summary-stats{grid-template-columns:repeat(2,1fr);gap:6px}.wdm-stat-card{padding:5px 6px}.wdm-stat-label{font-size:7px}.wdm-stat-value{font-size:14px}.wdm-table{font-size:8px}.wdm-table thead th,.wdm-table tbody td{padding:4px 6px}.wdm-number{width:28px}.wdm-id-cell{max-width:65px}.wdm-name-cell,.wdm-options-cell{max-width:90px}.wdm-pagination-info{font-size:8px}.wdm-pagination-btn{padding:4px 6px;font-size:8px}}@media screen and (width<=480px){.wdm-modal{max-width:98vw;max-height:94vh}.wdm-header h2{font-size:13px}.wdm-header p{font-size:9px}.wdm-summary-stats{grid-template-columns:repeat(2,1fr);gap:5px;padding:6px 10px}.wdm-stat-card{padding:4px 5px}.wdm-stat-label{font-size:6px}.wdm-stat-value{font-size:12px}.wdm-basic-filters-section{padding:8px 10px}.wdm-basic-filters-grid{grid-template-columns:1fr;gap:6px}.wdm-filter-actions-basic{flex-direction:column;gap:4px}.wdm-advanced-toggle-btn,.wdm-columns-toggle-btn,.wdm-refresh-btn,.wdm-export-btn{justify-content:center;width:100%;padding:4px 7px;font-size:8px}.wdm-advanced-filters-section{max-height:240px;padding:8px 10px}.wdm-advanced-filters-section h3{margin-bottom:6px;font-size:10px}.wdm-filters-grid{grid-template-columns:1fr;gap:6px}.wdm-filter-group label{margin-bottom:2px;font-size:8px}.wdm-filter-input{padding:4px 5px;font-size:9px}.wdm-filter-actions-advanced{gap:4px;padding-top:5px}.wdm-clear-filters-btn{justify-content:center;width:100%;padding:4px 7px;font-size:8px}.wdm-column-settings-panel{max-height:220px;padding:8px 10px}.wdm-column-settings-header h4{font-size:10px}.wdm-column-settings-grid{grid-template-columns:1fr;gap:6px}.wdm-column-checkbox{padding:4px 5px}.wdm-column-checkbox input[type=checkbox]{width:12px;height:12px}.wdm-column-checkbox span{font-size:8px}.wdm-table{font-size:7px}.wdm-table thead th,.wdm-table tbody td{padding:3px 5px}.wdm-number{width:24px}.wdm-id-cell{max-width:55px;font-size:8px}.wdm-name-cell{max-width:75px}.wdm-options-cell{max-width:75px;font-size:7px}.wdm-serial-badge,.wdm-productid-badge,.wdm-supplier-badge{padding:1px 3px;font-size:6px}.wdm-match-type{font-size:6px}.wdm-table-header h3{font-size:10px}.wdm-pagination{gap:5px;padding:6px 8px}.wdm-pagination-btn{padding:3px 5px;font-size:7px}.wdm-pagination-info{font-size:7px}.wdm-loading{gap:10px;padding:30px 15px}.wdm-spinner{border:2px solid #e5e7eb;border-top-color:#0284c7;width:30px;height:30px}.wdm-no-data{gap:8px;padding:25px 12px}.wdm-no-data-image{width:55px;height:55px}}@media screen and (width<=360px){.wdm-modal{border-radius:8px;max-width:99vw}.wdm-header h2{font-size:12px}.wdm-header p{font-size:8px}.wdm-summary-stats{grid-template-columns:1fr;gap:4px;padding:5px 8px}.wdm-stat-label{font-size:6px}.wdm-stat-value{font-size:11px}.wdm-table{font-size:6px}.wdm-table thead th,.wdm-table tbody td{padding:2px 4px}.wdm-number{width:20px}.wdm-id-cell{max-width:45px}.wdm-name-cell,.wdm-options-cell{max-width:50px}.wdm-pagination-btn{padding:2px 4px;font-size:6px}.wdm-pagination-info{font-size:6px}.wdm-column-settings-grid{grid-template-columns:1fr}.wdm-column-checkbox span{font-size:7px}}@media print{.wdm-overlay{background:#fff}.wdm-modal{max-width:100%;max-height:100%;box-shadow:none;border:none}.common-close-button,.wdm-filter-actions-basic,.wdm-filter-actions-advanced,.wdm-pagination,.wdm-advanced-filters-section,.wdm-column-settings-panel{display:none}.wdm-table tbody tr{page-break-inside:avoid}.wdm-table{font-size:9px}}.modal-overlay-order-barcode{z-index:2000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content-order{z-index:2001;background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:90vh;padding:20px;position:relative;overflow-y:auto;box-shadow:0 4px 16px #0003}.add-order-container{box-shadow:none;background-color:#0000;border:none;margin:0;padding:0;font-size:12px}.form-grid-add-order{grid-template-columns:repeat(4,1fr);gap:15px;display:grid}.checkbox-field{grid-column:span 4;align-items:center;display:flex}.checkbox-field input{margin-right:8px}.submit-button-add-order{background-color:var(--saveButton-color);color:var(--black);cursor:pointer;border:none;border-radius:4px;margin:20px auto 0;padding:8px 16px;font-size:12px;font-weight:700;transition:background-color .3s,color .3s;display:block}.submit-button-add-order:hover{background-color:var(--saveButton-color-hover);color:var(--white)}.billing-preview{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-top:30px;padding:20px;box-shadow:0 2px 5px #0000001a}.billing-preview h3{text-align:center;color:var(--font-color-blue);margin-bottom:20px;font-size:20px}.billing-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:12px}.billing-table th,.billing-table td{text-align:left;border:1px solid #ddd;padding:8px 10px}.billing-table th{background-color:var(--table-headers);color:var(--white);font-weight:700}.billing-table tbody tr:nth-child(2n){background-color:#f9f9f9}.billing-table tbody tr:hover{background-color:#f1f1f1}.print-all-bill-button{background-color:var(--saveButton-color);color:var(--black);cursor:pointer;border:none;border-radius:4px;margin:0 auto;padding:8px 16px;font-size:12px;font-weight:700;transition:background-color .3s,color .3s;display:block}.print-all-bill-button:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:all .3s ease-in-out}.modal-overlay-order-barcode{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content-order{background:#fff;border-radius:12px;width:95%;max-width:850px;max-height:90vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000040}.modal-content-order::-webkit-scrollbar{width:6px}.modal-content-order::-webkit-scrollbar-track{background:#f1f5f9}.modal-content-order::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-content-order::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-order-container{padding:18px}.order-title{color:#1e293b;letter-spacing:-.3px;margin:0 0 14px;font-size:18px;font-weight:600}.add-order-container form{margin:0}.form-grid-add-order{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px;display:grid}.form-field{flex-direction:column;gap:4px;display:flex}.form-field.span-2{grid-column:span 2}.form-field label{color:#334155;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.required{color:#ef4444;font-weight:700}.optional{color:#94a3b8;font-size:11px;font-weight:500}.form-input,.form-select,.form-textarea{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .15s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#f0f9ff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input-readonly{cursor:not-allowed;color:#64748b;background:#f1f5f9;border-color:#cbd5e1}.form-input-readonly:focus{box-shadow:none;background:#f1f5f9;border-color:#cbd5e1}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23334155' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.form-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.4}.form-field-checkbox{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;margin:12px 0 14px;padding:10px 12px}.checkbox-label{cursor:pointer;color:#1e40af;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:500;display:flex}.form-checkbox{cursor:pointer;accent-color:#3b82f6;flex-shrink:0;width:16px;height:16px}.checkbox-text{-webkit-user-select:none;user-select:none}.form-actions{gap:10px;margin-top:14px;display:flex}.submit-button-add-order,.cancel-button-add-order{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:6px;flex:1;padding:9px 16px;font-size:12px;font-weight:700;transition:all .2s}.submit-button-add-order{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.submit-button-add-order:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.submit-button-add-order:active{transform:translateY(0)}.cancel-button-add-order{color:#64748b;background:#f1f5f9;border:1px solid #cbd5e1}.cancel-button-add-order:hover{color:#334155;background:#e2e8f0}.form-input::placeholder,.form-textarea::placeholder{color:#cbd5e1}@media (width<=768px){.add-order-container{padding:16px}.form-grid-add-order{grid-template-columns:1fr;gap:10px}.form-field.span-2{grid-column:span 1}.order-title{font-size:16px}.form-actions{flex-direction:column}.modal-content-order{border-radius:0;width:100%;max-width:100%;max-height:100vh}}@media (width<=480px){.add-order-container{padding:12px}.order-title{margin-bottom:12px;font-size:14px}.form-field label{font-size:11px}.form-input,.form-select,.form-textarea{padding:7px 8px;font-size:11px}.submit-button-add-order,.cancel-button-add-order{padding:8px 12px;font-size:11px}}@media (prefers-color-scheme:dark){.modal-content-order{background:#1e293b}.order-title{color:#f1f5f9}.form-field label{color:#cbd5e1}.form-input,.form-select,.form-textarea{color:#f1f5f9;background:#0f172a;border-color:#334155}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#1e293b;border-color:#3b82f6}.form-input-readonly{color:#94a3b8;background:#0f172a;border-color:#334155}.form-field-checkbox{background:#3b82f61a;border-color:#3b82f64d}.checkbox-label{color:#93c5fd}}.vo-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.2s ease-out voFadeIn;display:flex;position:fixed;inset:0}@keyframes voFadeIn{0%{opacity:0}to{opacity:1}}.vo-modal{background:var(--white);border-radius:8px;flex-direction:column;width:95%;max-width:1400px;max-height:90vh;animation:.3s ease-out voSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}@keyframes voSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vo-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e8ecef;padding:12px 16px}.vo-header h3{color:var(--white);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:700;display:flex}.vo-search-section{background:#f8f9fa;border-bottom:1px solid #e8ecef;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;display:flex}.vo-filter-wrapper{align-items:center;gap:6px;display:flex}.vo-filter-label{color:#495057;font-size:12px;font-weight:600}.vo-filter-select{background:var(--white);color:#495057;cursor:pointer;border:1px solid #ced4da;border-radius:5px;padding:6px 10px;font-size:12px;transition:all .2s}.vo-filter-select:hover{border-color:#667eea}.vo-filter-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.vo-search-wrapper{flex:1;align-items:center;gap:6px;display:flex;position:relative}.vo-search-icon{color:#adb5bd;pointer-events:none;font-size:14px;position:absolute;left:10px}.vo-search-input{background:var(--white);border:2px solid #e8ecef;border-radius:6px;flex:1;padding:7px 36px 7px 32px;font-size:13px;transition:all .2s}.vo-search-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.vo-refresh-btn{color:var(--white);cursor:pointer;background:#667eea;border:none;border-radius:6px;justify-content:center;align-items:center;padding:7px 10px;transition:all .2s;display:flex}.vo-refresh-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-1px)}.vo-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.vo-spinning{animation:1s linear infinite voSpin}@keyframes voSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vo-loading-state{flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;display:flex}.vo-spinner{border:3px solid #e8ecef;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite voSpin}.vo-loading-state p{color:#6c757d;margin:0;font-size:13px}.vo-error-state{text-align:center;padding:30px 20px}.vo-error-state p{color:#dc3545;margin:0;font-size:14px;font-weight:600}.vo-table-container{flex:1;margin:12px 0;padding:0 16px;overflow-y:auto}.vo-table-container::-webkit-scrollbar{width:6px}.vo-table-container::-webkit-scrollbar-track{background:#f1f3f5;border-radius:3px}.vo-table-container::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.vo-table-container::-webkit-scrollbar-thumb:hover{background:#868e96}.vo-table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}.vo-table thead{z-index:10;background:var(--white);position:sticky;top:0}.vo-table th{text-align:center;color:var(--white);white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:1px solid #fff3;padding:10px 8px;font-size:12px;font-weight:700}.vo-table th:first-child{border-top-left-radius:6px}.vo-table th:last-child{border-top-right-radius:6px}.vo-table tbody tr{transition:all .2s}.vo-table tbody tr:hover{background:#f8f9fa;transform:scale(1.005);box-shadow:0 2px 6px #00000014}.vo-table td{text-align:center;color:#495057;border-bottom:1px solid #e8ecef;padding:8px 6px;font-size:12px;font-weight:500}.vo-no{color:#667eea;font-weight:700}.vo-order-id{color:#212529;font-weight:700}.vo-person{text-align:left;font-weight:600}.vo-amount,.vo-total{color:#28a745;font-weight:700}.vo-status-select{background:var(--white);cursor:pointer;text-transform:capitalize;border:1px solid #ced4da;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600;transition:all .2s}.vo-status-select:hover{border-color:#667eea}.vo-status-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.vo-info-btn{cursor:pointer;background:0 0;border:none;padding:2px;font-size:16px;transition:transform .2s}.vo-info-btn:hover{transform:scale(1.15)}.vo-actions{justify-content:center;align-items:center;gap:4px;display:flex}.vo-action-btn{cursor:pointer;color:var(--white);border:none;border-radius:5px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:flex}.vo-view-btn{background:#17a2b8}.vo-view-btn:hover{background:#138496;transform:translateY(-1px);box-shadow:0 3px 6px #17a2b84d}.vo-edit-btn{background:#ffc107}.vo-edit-btn:hover{background:#e0a800;transform:translateY(-1px);box-shadow:0 3px 6px #ffc1074d}.vo-add-btn{background:#28a745}.vo-add-btn:hover{background:#218838;transform:translateY(-1px);box-shadow:0 3px 6px #28a7454d}.vo-no-data-row td{padding:40px 20px}.vo-no-data{text-align:center}.vo-no-data p{color:#6c757d;margin:0;font-size:14px;font-weight:600}.vo-pagination{background:#f8f9fa;border-top:1px solid #e8ecef;justify-content:center;align-items:center;gap:15px;padding:12px 16px;display:flex}.vo-pagination-btn{color:var(--white);cursor:pointer;background:#667eea;border:none;border-radius:6px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .2s}.vo-pagination-btn:hover:not(:disabled){background:#5568d3;transform:translateY(-1px);box-shadow:0 3px 8px #667eea4d}.vo-pagination-btn:disabled{color:#adb5bd;cursor:not-allowed;background:#e8ecef;transform:none}.vo-pagination-info{color:#495057;font-size:13px;font-weight:600}@media (width<=1200px){.vo-modal{width:98%}.vo-table{font-size:11px}.vo-table th,.vo-table td{padding:8px 6px}}@media (width<=768px){.vo-search-section{flex-direction:column}.vo-filter-wrapper,.vo-search-wrapper{width:100%}.vo-table-container{overflow-x:auto}.vo-table{min-width:1000px}.vo-header h3{font-size:16px}}.bai-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.bai-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1000px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.bai-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:14px 18px}.bai-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.bai-bank-info{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:12px 18px;display:grid}.bai-info-item{border-left:3px solid var(--system-main-color);background-color:#fff;border-radius:4px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;box-shadow:0 1px 3px #0000000d}.bai-label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.bai-value{color:#1f2937;font-size:13px;font-weight:600}.bai-total{color:var(--system-main-color);font-size:14px}.bai-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:end;gap:12px;padding:14px 18px;display:grid}.bai-form-group{flex-direction:column;gap:6px;display:flex}.bai-form-group label{color:#666;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.bai-select,.bai-input,.bai-file-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.bai-select:focus,.bai-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.bai-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.bai-file-input{cursor:pointer;padding:6px 8px}.bai-file-name{color:#10b981;margin:4px 0 0;font-size:10px;font-weight:600}.bai-loading{color:#9ca3af;font-size:11px}.bai-btn-save{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;height:fit-content;padding:8px 14px;font-size:12px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #10b98133}.bai-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.bai-btn-save:disabled{opacity:.6;cursor:not-allowed}.bai-table-section{background-color:#fff;flex-direction:column;flex:1;gap:12px;padding:14px 18px;display:flex;overflow:hidden}.bai-table-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.bai-table-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.4px;margin:0;font-size:13px;font-weight:700}.bai-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.bai-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg)}.bai-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.bai-spinning svg{animation:1s linear infinite spin}.bai-search-group{align-items:center;display:flex;position:relative}.bai-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;left:10px}.bai-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 10px 8px 32px;font-size:12px;transition:all .3s}.bai-search-input:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.bai-table-container{border:1px solid #e5e7eb;border-radius:6px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.bai-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:12px}.bai-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:10px;font-weight:700;position:sticky;top:0}.bai-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:10px 8px}.bai-table tbody tr{background-color:#fff;transition:all .2s}.bai-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.bai-table tbody tr:last-child td{border-bottom:none}.bai-ref{color:var(--system-main-color);font-family:Courier New,monospace;font-size:11px;font-weight:700}.bai-category{color:#1f2937;font-weight:600}.bai-amount{color:#10b981;font-weight:700}.bai-date,.bai-reason{color:#6b7280;font-size:11px}.bai-no-data-row td{text-align:center;padding:30px 20px}.bai-no-data{color:#9ca3af;text-align:center;background-color:#f9fafb;border-radius:6px;justify-content:center;align-items:center;padding:30px 20px;display:flex}.bai-no-data p{margin:0;font-size:12px;font-weight:500}.bai-loading-state{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.bai-spinner{border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:36px;height:36px;margin-bottom:12px;animation:1s linear infinite spin}.bai-loading-state p{margin:0;font-size:12px}.bai-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 15px;display:flex}.bai-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.bai-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.bai-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.bai-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:100px;padding:6px 10px;font-size:10px;font-weight:700;box-shadow:0 1px 3px #0000000d}.bai-table-container::-webkit-scrollbar{width:6px}.bai-table-container::-webkit-scrollbar-track{background:#f1f1f1}.bai-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bai-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=768px){.bai-modal{width:95%;max-height:92vh}.bai-header h3{font-size:14px}.bai-bank-info{grid-template-columns:repeat(2,1fr);gap:10px;padding:10px 16px}.bai-form-section{grid-template-columns:1fr;gap:10px;padding:10px 16px}.bai-btn-save{width:100%}.bai-table-section{gap:10px;padding:10px 16px}.bai-table th{padding:8px 6px;font-size:9px}.bai-table td{padding:8px 6px;font-size:11px}.bai-search-input{font-size:11px}}@media screen and (width<=480px){.bai-modal{width:98%;max-height:95vh}.bai-header h3{font-size:12px}.bai-bank-info{grid-template-columns:1fr;gap:8px;padding:8px 12px}.bai-info-item{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 10px}.bai-form-section{grid-template-columns:1fr;gap:8px;padding:8px 12px}.bai-select,.bai-input,.bai-file-input{padding:6px 8px;font-size:11px}.bai-btn-save{padding:6px 10px;font-size:11px}.bai-table-section{gap:8px;padding:8px 12px}.bai-table-header h4{font-size:11px}.bai-refresh-btn{width:28px;height:28px}.bai-search-input{padding:6px 8px 6px 28px;font-size:10px}.bai-search-icon{font-size:12px;left:8px}.bai-table{font-size:10px}.bai-table th{padding:6px 4px;font-size:8px}.bai-table td{padding:6px 4px;font-size:10px}.bai-ref{font-size:10px}.bai-date,.bai-reason{font-size:9px}.bai-pagination-btn{padding:4px 8px;font-size:9px}.bai-pagination-info{min-width:90px;padding:4px 8px;font-size:9px}}.bda-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.bda-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1000px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.bda-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.bda-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.bda-summary-stats{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 18px;display:grid}.bda-stat-card{border-left:4px solid var(--system-main-color);background-color:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:60px;padding:12px 14px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000d}.bda-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.bda-stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:10px;font-weight:700}.bda-stat-value{color:var(--system-main-color);font-size:16px;font-weight:700}.bda-controls{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:14px 18px;display:flex}.bda-search-group{flex:1;min-width:250px;position:relative}.bda-search-icon{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.bda-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:12px;transition:all .3s}.bda-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.bda-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.bda-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 10px #667eea4d}.bda-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.bda-spinning svg{animation:1s linear infinite spin}.bda-error-message{color:#dc2626;background-color:#fee2e2;border-left:4px solid #dc2626;flex-shrink:0;margin:0;padding:10px 18px;font-size:12px;font-weight:600}.bda-list-section{background-color:#fff;flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow:hidden}.bda-table-container{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:12px;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.bda-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:13px}.bda-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:12px 10px;font-size:11px;font-weight:700;position:sticky;top:0}.bda-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:12px 8px;font-size:13px}.bda-table tbody tr{background-color:#fff;transition:all .2s}.bda-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.bda-table tbody tr:last-child td{border-bottom:none}.bda-bank-name{color:#1f2937;text-align:left;padding-left:12px;font-size:14px;font-weight:700}.bda-account-number{color:#1f2937;letter-spacing:.5px;font-family:Courier New,monospace;font-size:13px;font-weight:700}.bda-date-cell{color:#6b7280;font-size:12px}.bda-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.bda-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 8px;transition:all .3s;display:inline-flex}.bda-payment-btn:hover{background-color:#dbeafe;transform:scale(1.15)}.bda-payment-btn img{object-fit:contain;filter:brightness();width:24px;height:24px}.bda-upload-btn:hover{background-color:#fef3c7;transform:scale(1.15)}.bda-upload-btn img{object-fit:contain;filter:brightness();width:24px;height:24px}.bda-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 8px;transition:all .3s;display:inline-flex;visibility:visible!important;opacity:1!important}.bda-delete-btn:hover{background-color:#fee2e2;transform:scale(1.15)}.bda-delete-btn img{object-fit:contain;filter:brightness(.8);width:22px;height:22px}.bda-delete-btn:hover img{filter:brightness()}.bda-no-data-row td{text-align:center;padding:40px 20px}.bda-no-data{color:#9ca3af;text-align:center;background-color:#f9fafb;border-radius:6px;justify-content:center;align-items:center;padding:40px 20px;display:flex}.bda-no-data p{margin:0;font-size:12px;font-weight:500}.bda-loading{color:#9ca3af;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.bda-spinner{border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:1s linear infinite spin}.bda-loading p{margin:0;font-size:12px}.bda-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:6px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;padding:12px 15px;display:flex}.bda-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.bda-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.bda-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.bda-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.bda-table-container::-webkit-scrollbar{width:6px}.bda-table-container::-webkit-scrollbar-track{background:#f1f1f1}.bda-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bda-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=1024px){.bda-modal{max-width:95%}.bda-controls{flex-direction:column;align-items:stretch}.bda-search-group{min-width:100%}.bda-refresh-btn{align-self:flex-start}.bda-actions{flex-direction:row}.bda-table td{font-size:12px}.bda-bank-name{font-size:13px}.bda-account-number{font-size:12px}}@media screen and (width<=768px){.bda-modal{width:95%;max-height:90vh}.bda-header h3{font-size:14px}.bda-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 16px}.bda-stat-card{min-height:55px;padding:10px 12px}.bda-stat-label{font-size:9px}.bda-stat-value{font-size:14px}.bda-controls{gap:10px;padding:12px 16px}.bda-search-input{padding:6px 10px 6px 32px;font-size:11px}.bda-refresh-btn{width:32px;height:32px}.bda-list-section{padding:12px 16px}.bda-table-container{max-height:350px}.bda-table{font-size:12px}.bda-table th{padding:8px 6px;font-size:10px}.bda-table td{padding:10px 6px;font-size:12px}.bda-bank-name{padding-left:8px;font-size:12px}.bda-account-number,.bda-date-cell{font-size:11px}.bda-action-btn img,.bda-delete-btn img{width:20px;height:20px}.bda-pagination-btn{padding:6px 12px;font-size:10px}.bda-pagination-info{min-width:100px;padding:6px 10px;font-size:10px}}@media screen and (width<=480px){.bda-modal{width:98%;max-height:95vh}.bda-header h3{font-size:12px}.bda-summary-stats{grid-template-columns:1fr;gap:8px;padding:10px 12px}.bda-stat-card{min-height:50px;padding:8px 10px}.bda-stat-label{margin-bottom:2px;font-size:8px}.bda-stat-value{font-size:13px}.bda-controls{flex-direction:column;gap:8px;padding:10px 12px}.bda-search-group{min-width:100%}.bda-search-input{padding:6px 10px 6px 30px;font-size:10px}.bda-search-icon{font-size:12px;left:10px}.bda-refresh-btn{align-self:flex-start;width:30px;height:30px}.bda-error-message{padding:8px 12px;font-size:11px}.bda-list-section{padding:10px 12px}.bda-table-container{max-height:300px}.bda-table{font-size:11px}.bda-table th{padding:6px 4px;font-size:9px}.bda-table td{padding:8px 4px;font-size:11px}.bda-bank-name{padding-left:6px;font-size:11px}.bda-account-number{font-size:10px}.bda-date-cell{font-size:9px}.bda-actions{gap:6px}.bda-action-btn img,.bda-delete-btn img{width:18px;height:18px}.bda-no-data{padding:30px 12px}.bda-no-data p{font-size:11px}.bda-loading{padding:40px 12px}.bda-spinner{border-width:3px;width:32px;height:32px}.bda-loading p{font-size:11px}.bda-pagination{gap:8px;padding:10px 12px}.bda-pagination-btn{padding:6px 10px;font-size:9px}.bda-pagination-info{min-width:90px;padding:5px 8px;font-size:9px}}@media screen and (width<=360px){.bda-modal{width:99%}.bda-header h3{font-size:11px}.bda-summary-stats{grid-template-columns:1fr}.bda-table{font-size:10px}.bda-table th{padding:4px 2px;font-size:8px}.bda-table td{padding:6px 2px;font-size:10px}.bda-bank-name{font-size:10px}.bda-account-number{font-size:9px}.bda-action-btn img,.bda-delete-btn img{width:16px;height:16px}.bda-pagination-btn{padding:4px 8px;font-size:8px}.bda-pagination-info{min-width:80px;font-size:8px}}.stock-convert-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.stock-convert-modal{border:3px solid var(--system-main-color);background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:650px;padding-bottom:15px;font-family:inherit;position:relative;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.stock-convert-header{background-color:#f8f9fa;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.stock-convert-header-content{align-items:center;gap:8px;display:flex}.stock-convert-header-icon{color:var(--system-main-color);background:#4f46e51a;border-radius:4px;justify-content:center;align-items:center;padding:6px;display:flex}.stock-convert-title{color:#1f2937;margin:0;font-size:14px;font-weight:700}.stock-convert-close-btn{color:#6b7280;cursor:pointer;background:#e5e7eb;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex}.stock-convert-close-btn:hover{color:#1f2937;background:#d1d5db}.stock-convert-info{border-left:3px solid var(--system-main-color);color:#1f2937;background:#f0f9ff;border-radius:4px;margin:12px 15px;padding:10px 12px;font-size:12px}.stock-convert-info p{margin:0;line-height:1.4}.stock-convert-body{padding:12px 15px}.stock-convert-panels{grid-template-columns:1fr auto 1fr;align-items:start;gap:12px;display:grid}.stock-convert-panel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;min-height:380px;padding:12px;display:flex}.stock-convert-from{border-left:3px solid #ef4444}.stock-convert-to{border-left:3px solid #10b981}.stock-convert-panel-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.stock-convert-panel-title{color:#1f2937;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:700;display:flex}.stock-convert-panel-title svg{width:16px;height:16px}.stock-convert-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600}.stock-convert-badge-danger{color:#dc2626;background-color:#fee2e2}.stock-convert-badge-success{color:#16a34a;background-color:#dcfce7}.stock-convert-search-container{margin-bottom:10px;position:relative}.stock-convert-search-icon{color:#9ca3af;pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.stock-convert-search{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px 6px 28px;font-size:12px;transition:all .3s}.stock-convert-search:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 2px #4f46e50d}.stock-convert-search::placeholder{color:#9ca3af}.stock-convert-suggestions{z-index:1000;background:#fff;border:1px solid #d1d5db;border-radius:4px;max-height:200px;margin-top:2px;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.stock-convert-suggestion-item{cursor:pointer;border-bottom:1px solid #f3f4f6;padding:8px;font-size:11px;transition:all .2s}.stock-convert-suggestion-item:hover{color:var(--system-main-color);background-color:#f0f9ff;padding-left:10px}.stock-convert-suggestion-item:last-child{border-bottom:none}.stock-convert-suggestion-id{color:var(--system-main-color);margin-bottom:2px;font-size:11px;font-weight:600}.stock-convert-suggestion-name{color:#1f2937;margin:2px 0;font-size:11px;font-weight:500}.stock-convert-suggestion-barcode{color:#6b7280;margin:2px 0;font-family:Courier New,monospace;font-size:10px}.stock-convert-suggestion-stock{color:#10b981;margin-top:3px;font-size:10px;font-weight:600}.stock-convert-product-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:10px;overflow:hidden}.stock-convert-card-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:6px 8px}.stock-convert-card-header h5{color:#374151;margin:0;font-size:11px;font-weight:600}.stock-convert-card-body{padding:8px}.stock-convert-card-row{justify-content:space-between;align-items:center;margin-bottom:4px;padding:3px 0;font-size:11px;display:flex}.stock-convert-card-row:last-child{margin-bottom:0}.stock-convert-card-label{color:#666;font-size:10px;font-weight:600}.stock-convert-card-value{color:#1f2937;text-align:right;font-size:11px;font-weight:500}.stock-convert-card-stock{color:#10b981;text-align:right;font-size:11px;font-weight:700}.stock-convert-quantity{margin-top:auto}.stock-convert-qty-label{color:#374151;margin-bottom:4px;font-size:11px;font-weight:600;display:block}.stock-convert-qty-input{box-sizing:border-box;text-align:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-size:12px;font-weight:500;transition:all .3s}.stock-convert-qty-input:focus{border-color:var(--system-main-color);outline:none;box-shadow:0 0 0 2px #4f46e50d}.stock-convert-qty-input::placeholder{color:#9ca3af}.stock-convert-middle{flex-direction:column;align-items:center;gap:8px;padding-top:2rem;display:flex}.stock-convert-arrow-container{background:linear-gradient(135deg, var(--system-main-color), #4f46e5);border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;box-shadow:0 2px 8px #0000001a}.stock-convert-arrow{color:#fff;width:18px;height:18px}.stock-convert-swap-btn{color:#6b7280!important;cursor:pointer!important;background:#fff!important;border:2px solid #d1d5db!important;border-radius:6px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;padding:0!important;transition:all .3s!important;display:flex!important;box-shadow:0 2px 6px #00000014!important}.stock-convert-swap-btn svg{width:18px!important;height:18px!important;display:block!important}.stock-convert-swap-btn:hover{border-color:var(--system-main-color)!important;color:var(--system-main-color)!important;background:#f3f4f6!important;transform:rotate(180deg)scale(1.05)!important}.stock-convert-footer{background-color:#f8f9fa;border-top:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:12px;padding:12px 15px;display:flex}.stock-convert-meta{gap:12px;display:flex}.stock-convert-meta-item{align-items:center;gap:4px;display:flex}.stock-convert-meta-label{color:#666;font-size:11px;font-weight:600}.stock-convert-meta-value{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:600}.stock-convert-actions{gap:8px;display:flex}.stock-convert-btn{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;min-width:100px;padding:6px 14px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.stock-convert-btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.stock-convert-btn-primary{background-color:var(--saveButton-color);color:var(--black)}.stock-convert-btn-primary:hover:not(:disabled){background-color:var(--saveButton-color-hover);color:var(--white)}.stock-convert-btn-secondary{color:#374151;background-color:#e5e7eb;border:1px solid #d1d5db}.stock-convert-btn-secondary:hover:not(:disabled){color:#1f2937;background-color:#d1d5db}.stock-convert-spinner{border:2px solid #0000001a;border-top-color:currentColor;border-radius:50%;width:14px;height:14px;animation:1s linear infinite stockConvertSpin}@keyframes stockConvertSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (width<=768px){.stock-convert-modal{width:95%;max-height:95vh}.stock-convert-panels{grid-template-columns:1fr;gap:10px}.stock-convert-middle{flex-direction:row;order:2;padding-top:0}.stock-convert-arrow-container{transform:rotate(90deg)}.stock-convert-panel{min-height:auto}.stock-convert-footer{flex-direction:column;align-items:stretch;gap:10px}.stock-convert-meta{justify-content:center}.stock-convert-actions{flex-direction:column}.stock-convert-btn{width:100%}}@media screen and (width<=480px){.stock-convert-modal{width:98%}.stock-convert-header{padding:10px 12px}.stock-convert-title{font-size:12px}.stock-convert-body{padding:10px 12px}.stock-convert-panels{gap:8px}.stock-convert-panel{min-height:auto;padding:10px}.stock-convert-search{padding:5px 8px 5px 24px;font-size:11px}.stock-convert-qty-input{padding:5px 6px;font-size:11px}.stock-convert-footer{gap:8px;padding:10px 12px}.stock-convert-meta{gap:8px}.stock-convert-meta-label{font-size:10px}.stock-convert-meta-value{padding:2px 6px;font-size:10px}.stock-convert-btn{min-width:80px;padding:5px 10px;font-size:11px}}.stock-convert-suggestions::-webkit-scrollbar{width:6px}.stock-convert-modal::-webkit-scrollbar{width:6px}.stock-convert-suggestions::-webkit-scrollbar-track{background:#f3f4f6}.stock-convert-modal::-webkit-scrollbar-track{background:#f3f4f6}.stock-convert-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.stock-convert-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.stock-convert-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}.stock-convert-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}.stock-convert-btn:focus,.stock-convert-search:focus,.stock-convert-qty-input:focus,.stock-convert-close-btn:focus,.stock-convert-swap-btn:focus{outline:2px solid var(--system-main-color);outline-offset:2px}@media print{.stock-convert-overlay{background:0 0;position:static}.stock-convert-modal{box-shadow:none;max-height:none}.stock-convert-close-btn,.stock-convert-swap-btn,.stock-convert-actions{display:none}}.qam-overlay{z-index:2000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.qam-modal{background:#fff;border:2px solid #667eea;border-radius:12px;flex-direction:column;width:95%;max-width:1400px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 40px #0003}.qam-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border-bottom:2px solid #5568d3;border-radius:12px 12px 0 0;flex-shrink:0;padding:5px 20px}.qam-header h3{letter-spacing:.5px;margin:0 0 8px;font-size:18px;font-weight:700}.qam-header-info{flex-wrap:wrap;gap:20px;font-size:12px;display:flex}.qam-header-info span{align-items:center;gap:6px;display:flex}.qam-header-info strong{background:#fff3;border-radius:4px;padding:2px 8px;font-weight:700}.qam-search-section{background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 20px}.qam-search-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.qam-search-type-select{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;min-width:140px;padding:8px 12px;font-size:12px;transition:all .3s}.qam-search-type-select:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qam-search-input-container{flex:1;min-width:250px;position:relative}.qam-search-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px;font-size:12px;transition:all .3s}.qam-search-input:focus{background:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qam-suggestions-dropdown{z-index:100;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;max-height:250px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.qam-suggestion-item{cursor:pointer;border-bottom:1px solid #f0f0f0;flex-direction:column;gap:4px;padding:10px 12px;transition:all .2s;display:flex}.qam-suggestion-item:hover,.qam-suggestion-item.selected{background:#f0f4ff;padding-left:16px}.qam-suggestion-item strong{color:#1f2937;font-size:12px;font-weight:600}.qam-suggestion-item span{color:#6b7280;font-size:11px}.qam-suggestion-item .qam-price{color:#059669;font-weight:600}.qam-price-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;width:110px;padding:8px 12px;font-size:12px;transition:all .3s}.qam-price-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qam-percentage-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;width:70px;padding:8px 12px;font-size:12px;transition:all .3s}.qam-percentage-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qam-qty-input{text-align:center;border:1px solid #d1d5db;border-radius:6px;width:70px;padding:8px 12px;font-size:12px;transition:all .3s}.qam-qty-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qam-table-section{flex:1;min-height:300px;max-height:500px;padding:14px 20px;overflow-y:auto}.qam-table-container{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.qam-table{border-collapse:collapse;background:#fff;width:100%;font-size:12px}.qam-table thead{z-index:5;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);position:sticky;top:0}.qam-table th{text-align:center;color:#1f2937;text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid #d1d5db;padding:8px;font-size:11px;font-weight:700}.qam-table tbody tr{background:#fff;border-bottom:1px solid #f0f0f0;transition:all .2s}.qam-table tbody tr:hover{background:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.qam-table tbody tr.new-row{background:#d8fcdb}.qam-table td{color:#000;padding:4px 8px}.qam-cell-id{text-align:left;width:100px;padding-left:12px;font-weight:600}.qam-cell-name{text-align:left;padding-left:12px;font-weight:500}.qam-cell-number{color:#059669;text-align:right;width:90px;font-family:Courier New,monospace;font-weight:600}.qam-cell-qty{cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;width:80px}.qam-qty-edit-input{text-align:center;border:1px solid #667eea;border-radius:4px;width:60px;padding:4px 6px;font-size:12px}.qam-qty-edit-input:focus{outline:none;box-shadow:0 0 0 2px #667eea33}.qam-cell-amount{text-align:right;color:#667eea;width:100px;font-weight:700}.qam-cell-action{text-align:center;width:50px}.qam-delete-btn{cursor:pointer;opacity:.7;width:20px;height:20px;transition:all .2s}.qam-delete-btn:hover{opacity:1;transform:scale(1.15)}.qam-empty-message{text-align:center;color:#9ca3af;font-style:italic;padding:40px 20px!important}.qam-totals-section{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;gap:20px;padding:14px 20px;display:flex}.qam-total-item{flex-direction:column;gap:4px;min-width:120px;display:flex}.qam-total-item label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.qam-total-item span{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:6px 10px;font-size:14px;font-weight:700}.qam-total-amount label{color:#667eea}.qam-total-amount span{color:#667eea;background:#f0f4ff;border:2px solid #667eea;font-size:16px}.qam-footer-section{background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-shrink:0;padding:14px 20px}.qam-action-buttons{flex-wrap:wrap;gap:10px;display:flex}.qam-action-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;border:none;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.qam-action-btn img{object-fit:contain;width:16px;height:16px}.qam-action-btn.stock-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)}.qam-action-btn.stock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.qam-action-btn.payment-btn{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.qam-action-btn.payment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.qam-action-btn.clear-btn{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.qam-action-btn.clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.qam-action-btn.close-btn{color:#fff;background:linear-gradient(135deg,#6b7280 0%,#4b5563 100%);margin-left:auto}.qam-action-btn.close-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6b728066}.qam-action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.qam-modal::-webkit-scrollbar{width:6px}.qam-table-section::-webkit-scrollbar{width:6px}.qam-suggestions-dropdown::-webkit-scrollbar{width:6px}.qam-modal::-webkit-scrollbar-track{background:#f1f1f1}.qam-table-section::-webkit-scrollbar-track{background:#f1f1f1}.qam-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.qam-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qam-table-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qam-suggestions-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qam-modal::-webkit-scrollbar-thumb:hover{background:#667eea}.qam-table-section::-webkit-scrollbar-thumb:hover{background:#667eea}.qam-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (width<=1200px){.qam-modal{max-width:98%}.qam-search-controls{gap:8px}.qam-table{font-size:11px}.qam-table th,.qam-table td{padding:8px 6px}}@media screen and (width<=768px){.qam-modal{border-radius:8px;max-height:95vh}.qam-header h3{font-size:16px}.qam-header-info{gap:12px;font-size:11px}.qam-search-controls{flex-direction:column;gap:10px}.qam-search-input-container{min-width:100%}.qam-search-type-select{width:100%;min-width:auto}.qam-price-input,.qam-percentage-input,.qam-qty-input{width:100%}.qam-table-section{min-height:250px}.qam-table{font-size:10px}.qam-table th,.qam-table td{padding:6px 4px}.qam-totals-section{gap:12px;padding:10px 15px}.qam-total-item{min-width:100px}.qam-action-buttons{gap:8px}.qam-action-btn{flex:1;min-width:100px;padding:8px 12px;font-size:11px}.qam-action-btn.close-btn{margin-left:0}}@media screen and (width<=480px){.qam-modal{width:98%;max-height:98vh}.qam-header h3{margin-bottom:6px;font-size:14px}.qam-header-info{flex-direction:column;gap:6px}.qam-search-controls{gap:8px}.qam-search-input,.qam-search-type-select,.qam-price-input,.qam-percentage-input,.qam-qty-input{padding:6px 8px;font-size:11px}.qam-table{font-size:9px}.qam-table th{padding:6px 4px;font-size:9px}.qam-table td{padding:4px 3px}.qam-cell-id,.qam-cell-name{padding-left:8px}.qam-totals-section{gap:8px;padding:8px 12px}.qam-total-item{min-width:90px}.qam-total-item label{font-size:10px}.qam-total-item span{padding:4px 8px;font-size:12px}.qam-footer-section{padding:10px 12px}.qam-action-buttons{gap:6px}.qam-action-btn{flex:1;min-width:80px;padding:6px 10px;font-size:10px}.qam-action-btn img{width:14px;height:14px}}.qam-table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.qam-table-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.qam-pagination{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:12px 20px;display:flex}.qam-pagination-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .3s}.qam-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.qam-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.qam-pagination-info{color:#6b7280;text-align:center;min-width:120px;font-size:12px;font-weight:600}@media screen and (width<=768px){.qam-pagination{gap:8px;padding:10px 15px}.qam-pagination-btn{padding:6px 12px;font-size:11px}.qam-pagination-info{min-width:100px;font-size:11px}}@media screen and (width<=480px){.qam-pagination{gap:6px;padding:8px 12px}.qam-pagination-btn{padding:5px 10px;font-size:10px}.qam-pagination-info{min-width:90px;font-size:10px}}.qlm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.qlm-modal{background:#fff;border:2px solid #667eea;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;padding-bottom:15px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.qlm-header{background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.qlm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.qlm-filters-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:14px 18px}.qlm-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.qlm-search-group{flex:1;min-width:220px;position:relative}.qlm-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.qlm-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:12px;transition:all .3s}.qlm-search-input:focus{background-color:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qlm-date-picker{align-items:center;gap:8px;display:flex}.qlm-date-picker label{color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.qlm-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.qlm-date-input:focus{background-color:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.qlm-refresh-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea33}.qlm-refresh-btn svg{color:#fff;width:12px;height:12px;display:block}.qlm-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 12px #667eea66}.qlm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.qlm-spinning svg{animation:1s linear infinite spin}.qlm-table-section{background-color:#fff;padding:14px 18px}.qlm-table-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.qlm-table-container{border:1px solid #e5e7eb;border-radius:6px;max-height:350px;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.qlm-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.qlm-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:10px;font-weight:700;position:sticky;top:0}.qlm-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:8px 6px}.qlm-table tbody tr{background-color:#fff;transition:all .2s}.qlm-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.qlm-table tbody tr:last-child td{border-bottom:none}.qlm-text-cell{color:#1f2937;text-align:left;padding-left:8px;font-weight:500;display:block}.qlm-currency-cell{color:#059669;font-family:Courier New,monospace;font-size:11px;font-weight:700;display:block}.qlm-percentage-cell{color:#667eea;font-size:11px;font-weight:700;display:block}.qlm-date-cell{color:#6b7280;font-size:10px;display:block}.qlm-actions-cell{padding:8px 4px!important}.qlm-action-buttons{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.qlm-action-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;transition:all .3s;display:inline-flex}.qlm-action-btn.view-btn:hover{background-color:#dbeafe;transform:scale(1.1)}.qlm-action-btn.print-btn:hover{background-color:#dcfce7;transform:scale(1.1)}.qlm-action-btn.delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.qlm-loading-row td,.qlm-no-data-row td{text-align:center;color:#9ca3af;padding:40px 20px}.qlm-spinner{border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:32px;height:32px;margin:0 auto 10px;animation:1s linear infinite spin}.qlm-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.qlm-pagination-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.qlm-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.qlm-pagination-btn:active:not(:disabled){transform:translateY(0)}.qlm-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.qlm-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.qlm-modal::-webkit-scrollbar{width:6px}.qlm-table-container::-webkit-scrollbar{width:6px}.qlm-modal::-webkit-scrollbar-track{background:#f1f1f1}.qlm-table-container::-webkit-scrollbar-track{background:#f1f1f1}.qlm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qlm-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qlm-modal::-webkit-scrollbar-thumb:hover{background:#667eea}.qlm-table-container::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (width<=1024px){.qlm-modal{max-width:95%}.qlm-filter-row{gap:10px}.qlm-table{font-size:10px}.qlm-table th,.qlm-table td{padding:6px 4px}}@media screen and (width<=768px){.qlm-modal{width:95%;max-height:90vh}.qlm-header h3{font-size:14px}.qlm-filter-row{flex-direction:column;gap:10px}.qlm-search-group{min-width:100%}.qlm-date-picker{width:100%}.qlm-table-container{max-height:300px}.qlm-table{font-size:10px}.qlm-table th{padding:6px 4px;font-size:9px}.qlm-table td{padding:5px 3px}.qlm-pagination{gap:10px;padding:10px 12px}.qlm-pagination-btn{padding:6px 12px;font-size:10px}.qlm-pagination-info{min-width:100px;padding:6px 10px;font-size:10px}}@media screen and (width<=480px){.qlm-modal{width:98%;max-height:95vh}.qlm-header h3{font-size:12px}.qlm-filters-section{padding:10px 12px}.qlm-filter-row{gap:8px}.qlm-search-input,.qlm-date-input{padding:6px 8px;font-size:11px}.qlm-refresh-btn{width:32px;height:32px}.qlm-table-section{padding:10px 12px}.qlm-table-title{margin-bottom:10px;font-size:11px}.qlm-table-container{max-height:250px}.qlm-table{font-size:9px}.qlm-table th{padding:4px 2px;font-size:8px}.qlm-table td{padding:4px 2px}.qlm-text-cell,.qlm-currency-cell,.qlm-percentage-cell,.qlm-date-cell{font-size:9px}.qlm-pagination{flex-wrap:wrap;gap:8px;padding:8px 10px}.qlm-pagination-btn{padding:5px 10px;font-size:9px}.qlm-pagination-info{min-width:90px;padding:5px 8px;font-size:9px}}@media screen and (width<=360px){.qlm-modal{width:99%}.qlm-filter-row{flex-direction:column}.qlm-table{font-size:8px}.qlm-pagination-btn{padding:4px 8px;font-size:8px}}.nom-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.nom-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.nom-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.nom-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.nom-summary-stats{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;display:grid}.nom-stat-card{border-left:4px solid var(--system-main-color);background-color:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:70px;padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.nom-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.nom-stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:10px;font-weight:700}.nom-stat-value{color:var(--system-main-color);word-break:break-word;font-size:16px;font-weight:700}.nom-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 18px}.nom-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.nom-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.nom-form-group{flex:1;min-width:140px}.nom-form-group.nom-input-group-wrapper{flex:2;min-width:200px}.nom-form-group.nom-button-group{flex:0 auto;min-width:auto}.nom-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.nom-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.nom-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.nom-add-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background-color:#10b981;border:none;border-radius:4px;width:100%;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #10b98133}.nom-add-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.nom-save-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;width:100%;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.nom-save-btn:hover{background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.nom-cancel-btn{color:#ef4444;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background-color:#fff;border:2px solid #ef4444;border-radius:4px;width:100%;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s}.nom-cancel-btn:hover{background-color:#fef2f2;transform:translateY(-1px);box-shadow:0 2px 6px #ef444433}.nom-saved-list{background-color:#fff;flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow:hidden}.nom-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.nom-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.nom-list-controls{flex:1;align-items:center;gap:10px;min-width:200px;display:flex}.nom-search-group{flex:1;min-width:180px;position:relative}.nom-search-icon{color:#9ca3af;pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.nom-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-family:inherit;font-size:11px;transition:all .3s}.nom-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.nom-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.nom-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.nom-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.nom-table th{color:#1f2937;text-align:center;z-index:10;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.nom-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px}.nom-table tbody tr{background-color:#fff;transition:all .2s}.nom-table tbody tr:hover{background-color:#f9fafb}.nom-table tbody tr:last-child td{border-bottom:none}.nom-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;font-size:14px;transition:all .3s;display:inline-flex}.nom-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.nom-no-data{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;padding:30px 20px}.nom-no-data p{margin:0;font-size:12px;font-weight:500}.nom-no-data-message{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;margin:14px 18px;padding:40px 20px}.nom-no-data-message p{margin:0;font-size:13px;font-weight:500}.nom-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.nom-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.nom-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.nom-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.nom-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.nom-table-container::-webkit-scrollbar{width:6px}.nom-table-container::-webkit-scrollbar-track{background:#f1f1f1}.nom-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.nom-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=768px){.nom-modal{width:95%;max-height:90vh}.nom-single-row{flex-direction:column;gap:8px}.nom-form-group,.nom-form-group.nom-input-group-wrapper,.nom-form-group.nom-button-group{flex:100%;min-width:100%}.nom-summary-stats{grid-template-columns:1fr;gap:10px}.nom-table-container{max-height:300px}.nom-list-header{flex-direction:column;align-items:flex-start}.nom-list-controls{width:100%}}@media screen and (width<=480px){.nom-modal{width:98%;max-height:95vh}.nom-header h3{font-size:12px}.nom-form-title{font-size:11px}.nom-input{padding:5px 6px;font-size:10px}.nom-table{font-size:9px}.nom-table th{padding:4px 2px;font-size:8px}.nom-table td{padding:4px 2px}.nom-pagination-btn{padding:6px 12px;font-size:9px}}.oim-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.oim-modal{border:2px solid var(--system-main-color,#667eea);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:700px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.oim-close-btn{color:#dc2626;cursor:pointer;z-index:100;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #dc262633}.oim-close-btn:hover{background:#fecaca;transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.oim-close-btn:active{transform:scale(.95)}.oim-header{background:linear-gradient(135deg, var(--system-main-color,#667eea) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:center;align-items:center;padding:14px 18px;display:flex}.oim-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.oim-summary-stats{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;display:grid}.oim-stat-card{border-left:4px solid var(--system-main-color,#667eea);background-color:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:70px;padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.oim-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.oim-stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:10px;font-weight:700}.oim-stat-value{color:var(--system-main-color,#667eea);word-break:break-word;font-size:16px;font-weight:700}.oim-content-full{background-color:#fff;flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow:hidden}.oim-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.oim-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.oim-list-controls{flex:1;align-items:center;gap:10px;min-width:250px;display:flex}.oim-search-group{flex:1;min-width:180px;position:relative}.oim-search-icon{color:#9ca3af;pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.oim-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-family:inherit;font-size:11px;transition:all .3s}.oim-search-input:focus{border-color:var(--system-main-color,#667eea);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.oim-refresh-btn{background-color:var(--system-main-color,#667eea);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.oim-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 10px #667eea4d}.oim-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.oim-spinning{animation:1s linear infinite spin}.oim-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.oim-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.oim-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.oim-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.3px;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.oim-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px}.oim-table tbody tr{cursor:pointer;background-color:#fff;transition:all .2s}.oim-table tbody tr:hover{background-color:#f9fafb}.oim-table tbody tr:last-child td{border-bottom:none}.oim-offer-name{text-align:left;color:#667eea;font-weight:600}.oim-center{text-align:center;font-weight:600}.oim-amount{color:#059669;font-family:Courier New,monospace;font-weight:700}.oim-view-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #8b5cf633}.oim-view-btn:hover{background:linear-gradient(135deg,#7c3aed 0%,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 4px 8px #8b5cf64d}.oim-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.oim-pagination-btn{background:linear-gradient(135deg, var(--system-main-color,#667eea) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.oim-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.oim-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.oim-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.oim-no-data,.oim-loading{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;font-size:14px;display:flex}.oim-spinner{border:4px solid #e5e7eb;border-top-color:var(--system-main-color,#667eea);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.oim-footer{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:12px;padding:12px 18px;display:flex}.oim-btn-close{color:#374151;cursor:pointer;text-transform:uppercase;letter-spacing:.4px;background:#e5e7eb;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:600;transition:all .3s}.oim-btn-close:hover{background:#d1d5db;transform:translateY(-2px)}.oim-table-container::-webkit-scrollbar{width:6px}.oim-table-container::-webkit-scrollbar-track{background:#f1f1f1}.oim-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.oim-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color,#667eea)}.oim-details-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.oim-details-modal{border:2px solid var(--system-main-color,#667eea);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:900px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.oim-details-close-btn{color:#dc2626;cursor:pointer;z-index:100;background:#fee2e2;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;font-weight:700;transition:all .3s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 6px #dc262633}.oim-details-close-btn:hover{background:#fecaca;transform:scale(1.1);box-shadow:0 4px 12px #dc26264d}.oim-details-close-btn:active{transform:scale(.95)}.oim-details-header{background:linear-gradient(135deg, var(--system-main-color,#667eea) 0%, #5568d3 100%);text-align:center;border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:14px 18px}.oim-details-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.oim-details-loading{text-align:center;color:#6b7280;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:40px 20px;font-size:14px;display:flex}.oim-details-info{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:16px 18px}.oim-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.oim-info-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;padding:10px 12px;display:flex;box-shadow:0 1px 3px #0000000d}.oim-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.oim-info-value{color:#1f2937;font-size:12px;font-weight:600}.oim-amount-highlight{color:#059669;font-family:Courier New,monospace;font-size:13px;font-weight:700}.oim-details-items{flex-direction:column;flex:1;padding:16px 18px;display:flex;overflow:hidden}.oim-items-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.oim-items-table-wrapper{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.oim-items-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.oim-items-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.3px;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.oim-items-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:6px}.oim-items-table tbody tr:hover{background-color:#f9fafb}.oim-items-table tbody tr:last-child td{border-bottom:none}.oim-items-rate{color:#059669;font-family:Courier New,monospace;font-weight:600}.oim-items-amount{color:#3b82f6;font-family:Courier New,monospace;font-weight:700}.oim-details-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:12px;padding:12px 18px;display:flex}.oim-btn-add-details{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;flex:1;min-width:200px;padding:10px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #10b98133}.oim-btn-add-details:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.oim-btn-close-details{color:#ef4444;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:0 0;border:2px solid #ef4444;border-radius:6px;padding:10px 16px;font-size:11px;font-weight:700;transition:all .3s}.oim-btn-close-details:hover{color:#fff;background:#ef4444;transform:translateY(-2px)}.oim-items-table-wrapper::-webkit-scrollbar{width:6px}.oim-items-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.oim-items-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.oim-items-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--system-main-color,#667eea)}@media screen and (width<=1024px){.oim-modal,.oim-details-modal{max-width:95%}}@media screen and (width<=768px){.oim-modal,.oim-details-modal{width:95%;max-height:90vh}.oim-header h3,.oim-details-header h3{font-size:14px}.oim-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 14px}.oim-content-full{padding:12px 14px}.oim-table{font-size:10px}.oim-table th,.oim-table td{padding:6px 4px}.oim-info-grid{grid-template-columns:1fr}.oim-items-table{font-size:10px}.oim-items-table th{padding:6px 4px;font-size:9px}.oim-items-table td{padding:4px}.oim-details-footer{flex-direction:column}.oim-btn-add-details{min-width:100%}.oim-footer{flex-direction:column;padding:10px 14px}.oim-btn-close{width:100%}}@media screen and (width<=480px){.oim-modal,.oim-details-modal{width:98%;max-height:95vh}.oim-header h3,.oim-details-header h3{font-size:12px}.oim-summary-stats{grid-template-columns:1fr;gap:8px}.oim-stat-card{min-height:55px;padding:8px 10px}.oim-table{font-size:9px}.oim-table th,.oim-table td{padding:4px 2px}.oim-items-table{font-size:9px}.oim-items-table th,.oim-items-table td{padding:4px 2px}.oim-pagination-btn,.oim-btn-close,.oim-btn-add-details,.oim-btn-close-details{padding:6px 12px;font-size:9px}.oim-close-btn,.oim-details-close-btn{width:28px;height:28px;font-size:16px}}.obh-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.obh-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:1000px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.obh-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.obh-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.obh-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:16px 20px}.obh-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 14px;padding-bottom:10px;font-size:14px;font-weight:700}.obh-single-row{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:0;display:flex}.obh-form-group{flex:1;min-width:140px}.obh-form-group.obh-compact{flex:0 auto;min-width:120px}.obh-form-group.obh-remark-group{flex:1.5;min-width:160px}.obh-form-group.obh-button-group{flex:0 auto;min-width:auto}.obh-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.obh-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.obh-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.obh-save-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;width:100%;padding:8px 14px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.obh-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.obh-save-btn:disabled{opacity:.6;cursor:not-allowed}.obh-saved-list{background-color:#fff;flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow:hidden}.obh-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.obh-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;margin:0;padding-bottom:0;font-size:14px;font-weight:700}.obh-list-controls{flex:1;align-items:center;gap:10px;min-width:250px;display:flex}.obh-search-group{flex:1;min-width:200px;position:relative}.obh-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.obh-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:8px 10px 8px 34px;font-family:inherit;font-size:12px;transition:all .3s}.obh-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.obh-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.obh-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 10px #667eea4d}.obh-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.obh-spinning svg{animation:1s linear infinite spin}.obh-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.obh-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.obh-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:12px}.obh-table th{color:#1f2937;text-align:center;z-index:10;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:10px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.obh-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px}.obh-table tbody tr{background-color:#fff;transition:all .2s}.obh-table tbody tr:hover{background-color:#f9fafb}.obh-table tbody tr:last-child td{border-bottom:none}.obh-id-cell{color:#3b82f6;text-align:left;padding-left:10px;font-size:12px;font-weight:700}.obh-amount-cell{color:#059669;font-family:Courier New,monospace;font-size:12px;font-weight:700}.obh-items-cell{color:#7c3aed;font-size:12px;font-weight:600}.obh-notes-cell{color:#6b7280;text-align:left;white-space:nowrap;text-overflow:ellipsis;max-width:180px;padding-left:8px;font-size:12px;overflow:hidden}.obh-action-cell{justify-content:center;align-items:center;gap:6px;display:flex}.obh-no-data-row td{text-align:center;color:#9ca3af;padding:30px 20px}.obh-view-btn{color:var(--system-main-color);border:2px solid var(--system-main-color);cursor:pointer;background:#defa3f;border-radius:4px;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 4px #0000001a}.obh-view-btn:hover:not(:disabled){background:linear-gradient(135deg,#f0f2f5 0%,#e5e7eb 100%);border-color:#5568d3;transform:translateY(-1px);box-shadow:0 4px 8px #667eea4d}.obh-view-btn:disabled{opacity:.5;cursor:not-allowed}.obh-load-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 4px #10b98133}.obh-load-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.obh-load-btn:disabled{opacity:.5;cursor:not-allowed}.obh-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 6px;transition:all .3s;display:inline-flex}.obh-delete-btn:hover:not(:disabled){background-color:#fee2e2;transform:scale(1.1)}.obh-delete-btn:disabled{opacity:.5;cursor:not-allowed}.obh-delete-btn img{object-fit:contain;filter:brightness(.8);width:18px;height:18px}.obh-delete-btn:hover:not(:disabled) img{filter:brightness()}.obh-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:12px;margin-bottom:0;padding:14px 15px;display:flex}.obh-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.obh-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.obh-pagination-btn:active:not(:disabled){transform:translateY(0)}.obh-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.obh-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:120px;padding:8px 14px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.obh-no-data{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;margin:16px 20px;padding:40px 20px}.obh-no-data p{margin:0;font-size:13px;font-weight:500}.obh-loading{text-align:center;color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;font-size:14px;display:flex}.obh-spinner{border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:40px;height:40px;margin-bottom:12px;animation:1s linear infinite spin}.obh-table-container::-webkit-scrollbar{width:6px}.obh-table-container::-webkit-scrollbar-track{background:#f1f1f1}.obh-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.obh-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.obh-details-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;animation:.3s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.obh-details-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:950px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.obh-details-close-btn{color:#6b7280;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:20px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.obh-details-close-btn:hover{color:#dc2626;background-color:#fee2e2}.obh-details-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:16px 20px}.obh-details-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:700}.obh-details-loading{text-align:center;color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;font-size:14px;display:flex}.obh-details-info{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;max-height:280px;padding:16px 20px;overflow-y:auto}.obh-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px;display:grid}.obh-info-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;padding:12px 14px;display:flex;box-shadow:0 1px 3px #0000000d}.obh-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11px;font-weight:700}.obh-info-value{color:#1f2937;font-size:13px;font-weight:600}.obh-info-value.obh-amount{color:#059669;font-family:Courier New,monospace}.obh-notes{background:#fef3c7;border:1px solid #fcd34d;border-radius:6px;margin-top:12px;padding:12px 14px}.obh-notes-label{color:#92400e;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.obh-notes-value{color:#78350f;margin:0;font-size:12px;line-height:1.5}.obh-details-items{flex-direction:column;flex:1;padding:16px 20px;display:flex;overflow:hidden}.obh-items-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:14px;font-weight:700}.obh-items-table-wrapper{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.obh-items-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:12px}.obh-items-table th{color:#1f2937;text-align:center;z-index:10;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:10px 8px;font-size:11px;font-weight:700;position:sticky;top:0}.obh-items-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px}.obh-items-table tbody tr:hover{background-color:#f9fafb}.obh-items-table tbody tr:last-child td{border-bottom:none}.obh-items-rate{color:#059669;font-family:Courier New,monospace;font-weight:600}.obh-items-amount{color:#3b82f6;font-family:Courier New,monospace;font-weight:700}.obh-details-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:center;gap:10px;padding:14px 20px;display:flex}.obh-details-load-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #10b98133}.obh-details-load-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.obh-details-close-footer-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #ef444433}.obh-details-close-footer-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.obh-details-info::-webkit-scrollbar{width:6px}.obh-items-table-wrapper::-webkit-scrollbar{width:6px}.obh-details-info::-webkit-scrollbar-track{background:#f1f1f1}.obh-items-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.obh-details-info::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.obh-items-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.obh-details-info::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.obh-items-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=1024px){.obh-modal,.obh-details-modal{max-width:95%}.obh-single-row{gap:10px}.obh-form-group.obh-compact{min-width:110px}.obh-form-group.obh-remark-group{flex:1;min-width:140px}}@media screen and (width<=768px){.obh-modal,.obh-details-modal{width:95%;max-height:90vh}.obh-single-row{flex-direction:column;gap:10px}.obh-form-group,.obh-form-group.obh-compact,.obh-form-group.obh-remark-group,.obh-form-group.obh-button-group{flex:100%;min-width:100%}.obh-table{font-size:11px}.obh-table th{padding:8px 6px;font-size:10px}.obh-table td{padding:6px}.obh-notes-cell{max-width:120px;font-size:11px}.obh-list-header{flex-direction:column;align-items:flex-start}.obh-list-controls{width:100%}.obh-info-grid{grid-template-columns:1fr}.obh-items-table{font-size:11px}.obh-items-table th{padding:8px 6px;font-size:10px}.obh-items-table td{padding:6px}.obh-details-footer{flex-direction:column}.obh-details-load-btn,.obh-details-close-footer-btn{width:100%}}@media screen and (width<=480px){.obh-modal,.obh-details-modal{width:98%;max-height:95vh}.obh-header h3,.obh-details-header h3{font-size:14px}.obh-form-title{font-size:12px}.obh-input{padding:6px 8px;font-size:11px}.obh-search-input{padding:6px 8px 6px 30px;font-size:11px}.obh-table{font-size:10px}.obh-table th{padding:6px 4px;font-size:9px}.obh-table td{padding:4px 2px}.obh-notes-cell{max-width:80px;font-size:10px}.obh-view-btn{padding:4px 6px;font-size:10px}.obh-load-btn{padding:4px 8px;font-size:10px}.obh-delete-btn img{width:16px;height:16px}.obh-pagination-btn{padding:6px 12px;font-size:9px}.obh-items-table{font-size:10px}.obh-items-table th{padding:6px 4px;font-size:9px}.obh-items-table td{padding:4px 2px}.obh-details-load-btn,.obh-details-close-footer-btn{padding:6px 12px;font-size:10px}.obh-info-grid{grid-template-columns:1fr;gap:10px}.obh-info-item{padding:10px 12px}.obh-info-label{font-size:10px}.obh-info-value{font-size:12px}}.rcm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.rcm-modal{background:#fff;border:2px solid #667eea;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.rcm-header{background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.rcm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.rcm-close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex}.rcm-close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.rcm-summary-stats{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;display:grid}.rcm-stat-card{background-color:#fff;border-left:4px solid #667eea;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:70px;padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.rcm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.rcm-stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:10px;font-weight:700}.rcm-stat-value{color:#667eea;word-break:break-word;font-size:16px;font-weight:700}.rcm-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:14px 18px}.rcm-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.rcm-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.rcm-form-group{flex:1;min-width:140px}.rcm-form-group.rcm-compact{flex:0 auto;min-width:110px}.rcm-form-group.rcm-search-group-main{flex:1.5;min-width:200px}.rcm-form-group.rcm-button-group{flex:0 auto;min-width:auto}.rcm-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.rcm-input,.rcm-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.rcm-input:focus,.rcm-select:focus{background-color:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.rcm-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%3E%3Cpolygon%20points='0,0%205,5%2010,0'%20fill='%23999'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;padding-right:25px}.rcm-search-wrapper{align-items:center;display:flex;position:relative}.rcm-search-icon{color:#9ca3af;pointer-events:none;font-size:12px;position:absolute;left:10px}.rcm-search-input-main{padding-left:32px!important}.rcm-refresh-btn{color:#fff;cursor:pointer;background-color:#667eea;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;transition:all .3s;display:flex;box-shadow:0 2px 6px #667eea33}.rcm-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 10px #667eea4d}.rcm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.rcm-saved-list{background-color:#fff;flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow:hidden}.rcm-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.rcm-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.rcm-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.rcm-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.rcm-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.rcm-table th{color:#1f2937;text-align:center;z-index:10;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.rcm-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:6px}.rcm-table tbody tr{background-color:#fff;transition:all .2s}.rcm-table tbody tr:hover{background-color:#f9fafb}.rcm-table tbody tr:last-child td{border-bottom:none}.rcm-amount-cell{color:#059669;font-family:Courier New,monospace;font-size:11px;font-weight:700}.rcm-status-badge{color:#fff;text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.rcm-view-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 6px;font-size:14px;transition:all .3s}.rcm-view-btn:hover{background-color:#f0f9ff;transform:scale(1.2)}.rcm-no-data{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;padding:40px 20px}.rcm-no-data p{margin:0;font-size:12px;font-weight:500}.rcm-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.rcm-pagination-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.rcm-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.rcm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.rcm-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.rcm-details-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.rcm-details-modal{background:#fff;border:2px solid #667eea;border-radius:10px;width:90%;max-width:800px;max-height:80vh;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.rcm-details-close{color:#dc2626;cursor:pointer;z-index:10;background:#fee2e2;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .3s;display:flex;position:absolute;top:12px;right:12px}.rcm-details-close:hover{background:#fecaca;transform:scale(1.1)}.rcm-details-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:20px;display:flex}.rcm-details-header h3{margin:0;font-size:16px;font-weight:700}.rcm-details-grid{grid-template-columns:1fr 1fr;gap:20px;padding:20px;display:grid}.rcm-details-column{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:16px}.rcm-details-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e5e7eb;margin:0 0 12px;padding-bottom:8px;font-size:12px;font-weight:700}.rcm-detail-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;display:flex}.rcm-detail-row:last-child{border-bottom:none}.rcm-detail-row span{color:#6b7280;font-weight:600}.rcm-detail-row strong{color:#1f2937;text-align:right}.rcm-balance-row{background:#ecfdf5;border-radius:4px;margin-top:8px;padding:10px 8px}.rcm-details-footer{background:#f9fafb;border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;justify-content:flex-end;gap:12px;padding:16px 20px;display:flex}.rcm-close-details-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#667eea 0%,#5568d3 100%);border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.rcm-close-details-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.rcm-table-container::-webkit-scrollbar{width:6px}.rcm-details-modal::-webkit-scrollbar{width:6px}.rcm-table-container::-webkit-scrollbar-track{background:#f1f1f1}.rcm-details-modal::-webkit-scrollbar-track{background:#f1f1f1}.rcm-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.rcm-details-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.rcm-table-container::-webkit-scrollbar-thumb:hover{background:#667eea}.rcm-details-modal::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (width<=1024px){.rcm-modal{max-width:95%}.rcm-single-row{gap:8px}.rcm-form-group.rcm-compact{min-width:100px}}@media screen and (width<=768px){.rcm-modal{width:95%;max-height:90vh}.rcm-single-row{flex-direction:column;gap:8px}.rcm-form-group,.rcm-form-group.rcm-compact,.rcm-form-group.rcm-search-group-main,.rcm-form-group.rcm-button-group{flex:100%;min-width:100%}.rcm-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.rcm-table{font-size:10px}.rcm-details-grid{grid-template-columns:1fr;gap:16px}}@media screen and (width<=480px){.rcm-modal{width:98%;max-height:95vh}.rcm-header h3{font-size:12px}.rcm-summary-stats{grid-template-columns:1fr;gap:8px}.rcm-table{font-size:9px}.rcm-table th{padding:4px 2px;font-size:8px}.rcm-table td{padding:4px 2px}.rcm-details-modal{width:95%}}.acm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.acm-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:700px;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.acm-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.acm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.acm-form-section{background-color:#fff;flex:1;padding:20px;overflow-y:auto}.acm-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:16px;display:grid}.acm-form-group{flex-direction:column;display:flex}.acm-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.acm-input,.acm-select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .3s}.acm-input:focus,.acm-select:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.acm-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='12'%20height='12'%3E%3Cpolygon%20points='0,0%206,6%2012,0'%20fill='%23999'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:12px;padding-right:32px}.acm-hint{color:#ef4444;margin-top:4px;font-size:10px;font-weight:500;display:block}.acm-footer{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.acm-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:12px;font-weight:700;transition:all .3s;display:inline-flex}.acm-btn-cancel{color:#fff;background-color:#6b7280;box-shadow:0 2px 6px #6b728033}.acm-btn-cancel:hover:not(:disabled){background-color:#4b5563;transform:translateY(-2px);box-shadow:0 4px 10px #6b72804d}.acm-btn-save{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;box-shadow:0 2px 6px #667eea33}.acm-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 4px 10px #667eea4d}.acm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.acm-form-section::-webkit-scrollbar{width:6px}.acm-form-section::-webkit-scrollbar-track{background:#f1f1f1}.acm-form-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.acm-form-section::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=768px){.acm-modal{width:95%;max-width:100%}.acm-row{grid-template-columns:1fr;gap:12px}.acm-form-section{padding:16px}.acm-footer{gap:8px}.acm-btn{flex:1;justify-content:center}}@media screen and (width<=480px){.acm-modal{border-radius:8px;width:98%}.acm-header h3{font-size:14px}.acm-form-group label{font-size:10px}.acm-input,.acm-select{padding:8px 10px;font-size:12px}.acm-footer{flex-direction:column;padding:12px 16px}.acm-btn{padding:10px 16px;font-size:11px}}.sum-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.sum-modal{background:#fff;border:2px solid #0284c7;border-radius:10px;flex-direction:column;width:90%;max-width:1200px;max-height:85vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.sum-header{background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:16px 18px}.sum-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.sum-summary-stats{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 16px;display:grid}.sum-stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex-direction:column;align-items:center;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.sum-stat-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.sum-stat-value{color:#0284c7;font-family:Courier New,monospace;font-size:14px;font-weight:700}.sum-saved-list{background:#fff;flex-direction:column;flex:1;padding:14px 16px;display:flex;overflow:hidden}.sum-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sum-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:13px;font-weight:700}.sum-list-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sum-search-group{background:#fff;border:1px solid #d1d5db;border-radius:4px;align-items:center;padding:0 8px;transition:all .3s;display:flex;position:relative}.sum-search-group:focus-within{border-color:#0284c7;box-shadow:0 0 0 2px #0284c71a}.sum-search-icon{color:#9ca3af;margin-right:6px;font-size:12px}.sum-search-input{background:0 0;border:none;outline:none;flex:1;min-width:150px;padding:6px 0;font-size:11px}.sum-refresh-btn{cursor:pointer;color:#374151;background:#e5e7eb;border:1px solid #d1d5db;border-radius:4px;justify-content:center;align-items:center;padding:6px 10px;transition:all .3s;display:flex}.sum-refresh-btn:hover:not(:disabled){color:#fff;background:#0284c7;transform:translateY(-1px)}.sum-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.sum-spinning{animation:1s linear infinite spin}.sum-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:12px;overflow-y:auto}.sum-table-wrapper::-webkit-scrollbar{width:6px}.sum-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.sum-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sum-table-wrapper::-webkit-scrollbar-thumb:hover{background:#0284c7}.sum-table-container{min-width:100%}.sum-table{border-collapse:collapse;width:100%;font-size:11px}.sum-table thead{z-index:10;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);position:sticky;top:0}.sum-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #0369a1;padding:10px;font-weight:700}.sum-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.sum-table tbody tr:hover{background-color:#f9fafb}.sum-table tbody td{color:#374151;padding:8px 10px}.sum-serial-no{color:#0284c7;font-weight:700}.sum-supplier-cell{white-space:nowrap;text-overflow:ellipsis;color:#6b7280;max-width:120px;overflow:hidden}.sum-no-data-row td{text-align:center;color:#9ca3af;padding:20px 10px;font-style:italic}.sum-no-data-row p{margin:0}.sum-select-btn{color:#fff;cursor:pointer;text-transform:uppercase;background:#0284c7;border:none;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;transition:all .3s}.sum-select-btn:hover{background:#0369a1;transform:scale(1.05)}.sum-pagination{background:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.sum-pagination-btn{cursor:pointer;color:#374151;text-transform:uppercase;letter-spacing:.2px;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .3s}.sum-pagination-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7;transform:translateY(-1px)}.sum-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sum-pagination-info{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.sum-no-data{text-align:center;color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:40px 20px;font-size:13px;font-weight:600;display:flex}.sum-no-data-image{opacity:.5;width:100px;height:100px}@media screen and (width<=768px){.sum-modal{width:95%;max-height:90vh}.sum-header h3{font-size:14px}.sum-summary-stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.sum-table{font-size:10px}.sum-table thead th,.sum-table tbody td{padding:6px 8px}}@media screen and (width<=480px){.sum-modal{width:98%}.sum-header h3{font-size:13px}.sum-summary-stats{grid-template-columns:1fr}.sum-table{font-size:9px}.sum-table thead th,.sum-table tbody td{padding:5px 6px}.sum-select-btn{padding:3px 6px;font-size:9px}}.hb-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:16px 18px}.hb-form-section{background:#fff;border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:14px 16px}.hb-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.hb-form-group{flex-direction:column;flex:1;min-width:120px;display:flex}.hb-input,.hb-select{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:7px 10px;font-family:inherit;font-size:11px;transition:all .3s}.hb-input:focus,.hb-select:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.hb-button-group{align-items:flex-end;gap:10px;display:flex}.hb-save-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;border:none;border-radius:4px;width:100%;padding:7px 12px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.hb-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.hb-save-btn:disabled{cursor:not-allowed;background:#cbd5e1;transform:none}.hb-saved-list{background:#fff;flex-direction:column;flex:1;padding:14px 16px;display:flex;overflow:hidden}.hb-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;margin:0;font-size:13px;font-weight:700}.hb-list-controls{flex-wrap:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.hb-search-group{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;align-items:center;max-width:300px;padding:0 8px;transition:all .3s;display:flex;position:relative}.hb-search-group:focus-within{border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a}.hb-search-icon{color:#9ca3af;flex-shrink:0;margin-right:6px;font-size:12px}.hb-search-input{background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-size:11px}.hb-refresh-btn{cursor:pointer;color:#374151;background:#e5e7eb;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:6px 10px;font-size:14px;transition:all .3s;display:flex}.hb-refresh-btn:hover:not(:disabled){background:var(--system-main-color);color:#fff;transform:translateY(-1px)}.hb-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.hb-spinning{animation:1s linear infinite spin}.hb-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:12px;overflow-y:auto}.hb-table-wrapper::-webkit-scrollbar{width:6px}.hb-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.hb-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hb-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.hb-table-container{min-width:100%}.hb-table{border-collapse:collapse;width:100%;font-size:11px}.hb-table thead{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);z-index:10;position:sticky;top:0}.hb-table thead tr{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%)}.hb-table thead th{background:inherit;text-align:left;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #4052b8;padding:10px;font-weight:700;color:#fff!important}.hb-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.hb-table tbody td{color:#374151;padding:8px 10px}.hb-amount-cell{color:var(--system-main-color);font-family:Courier New,monospace;font-weight:700}.hb-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.hb-view-btn,.hb-get-btn,.hb-delete-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 8px;font-size:14px;transition:all .3s;display:flex}.hb-view-btn:hover{background:#dbeafe;transform:scale(1.1)}.hb-get-btn:hover{background:#dcfce7;transform:scale(1.1)}.hb-delete-btn:hover{background:#fee2e2;transform:scale(1.1)}.hb-delete-btn img{object-fit:contain;width:16px;height:16px}.hb-pagination{background:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.hb-pagination-btn{cursor:pointer;color:#374151;text-transform:uppercase;letter-spacing:.2px;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:6px 12px;font-size:11px;font-weight:700;transition:all .3s}.hb-pagination-btn:hover:not(:disabled){background:var(--system-main-color);color:#fff;border-color:var(--system-main-color);transform:translateY(-1px)}.hb-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.hb-pagination-info{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.hb-export-buttons{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hb-export-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.3px;border:none;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #0000001a}.hb-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.hb-export-btn.excel:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.hb-export-btn.csv{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.hb-export-btn.csv:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.hb-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.hb-export-btn.pdf:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.hb-no-data{text-align:center;color:#9ca3af;padding:40px 20px;font-size:13px;font-weight:600}.hb-no-data-row td{text-align:center;color:#9ca3af;padding:20px 10px;font-style:italic}.hb-no-data-row p{margin:0}.hb-view-overlay{z-index:11100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.hb-view-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.hb-view-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;display:flex}.hb-view-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.hb-view-actions{gap:8px;display:flex}.hb-export-btn.print{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 2px 6px #8b5cf633}.hb-export-btn.print:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf64d}.hb-view-info{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;padding:14px 16px}.hb-info-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.hb-info-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;padding:8px;display:flex}.hb-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:9px;font-weight:700}.hb-info-value{color:#1f2937;font-size:12px;font-weight:600}.hb-view-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:12px;padding:14px 16px;overflow-y:auto}.hb-view-table-wrapper::-webkit-scrollbar{width:6px}.hb-view-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.hb-view-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hb-view-table{border-collapse:collapse;width:100%;font-size:11px}.hb-view-table thead{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);z-index:10;position:sticky;top:0}.hb-view-table thead tr{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%)}.hb-view-table thead th{background:inherit;text-align:left;text-transform:uppercase;letter-spacing:.3px;border-bottom:2px solid #4052b8;padding:10px;font-weight:700;color:#fff!important}.hb-view-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.hb-view-table tbody tr:hover{background-color:#f9fafb}.hb-view-table tbody td{color:#374151;padding:8px 10px}.hb-view-product-name{color:#1f2937;font-weight:600}.hb-view-amount{color:var(--system-main-color);text-align:right;font-family:Courier New,monospace;font-weight:700}.hb-view-pagination{background:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:12px;padding:12px;display:flex}.hb-view-summary{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:2px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:14px 16px;display:grid}.hb-summary-row{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;display:flex}.hb-summary-row.hb-total{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border:none;grid-column:1/-1}.hb-summary-row.hb-total .hb-summary-label,.hb-summary-row.hb-total .hb-summary-value{color:#fff}.hb-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700}.hb-summary-value{color:var(--system-main-color);font-family:Courier New,monospace;font-size:12px;font-weight:700}@media screen and (width<=1024px){.hb-modal,.hb-view-modal{max-width:95%;max-height:90vh}.hb-list-controls{flex-wrap:wrap}.hb-search-group{max-width:100%}.hb-table,.hb-view-table{font-size:10px}.hb-table thead th,.hb-table tbody td,.hb-view-table thead th,.hb-view-table tbody td{padding:6px 8px}}@media screen and (width<=768px){.hb-modal,.hb-view-modal{width:95%;max-height:90vh}.hb-list-header{flex-direction:column;align-items:flex-start}.hb-list-controls{flex-direction:column;width:100%}.hb-search-group{width:100%;max-width:100%}.hb-table,.hb-view-table{font-size:10px}.hb-table thead th,.hb-table tbody td,.hb-view-table thead th,.hb-view-table tbody td{padding:6px 8px}}@media screen and (width<=480px){.hb-modal,.hb-view-modal{width:98%;max-height:95vh}.hb-list-header h4{font-size:12px}.hb-search-input{font-size:10px}.hb-table,.hb-view-table{font-size:9px}.hb-table thead th,.hb-table tbody td,.hb-view-table thead th,.hb-view-table tbody td{padding:5px 6px}}.edit-invoice-modal-enhanced{background:var(--modal-background,#fff);border:8px solid var(--system-main-color);z-index:10000;border-radius:8px;width:100%;max-width:1000px;max-height:80vh;padding:0;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 4px 16px #0000001a}.edit-invoice-content-enhanced{flex-direction:column;gap:0;height:100%;display:flex;overflow-y:auto}.edit-invoice-header{background:#f9f9f9;border-bottom:1px solid #eee;padding:20px}.edit-invoice-header h2{color:#333;margin:0 0 8px;font-size:18px;font-weight:700}.invoice-info{color:#666;gap:24px;font-size:12px;display:flex}.invoice-info span{align-items:center;gap:4px;display:flex}.invoice-info strong{color:#333;font-weight:600}.edit-invoice-search-section{background:#f8f9fa;border-bottom:1px solid #e8ecef;align-items:flex-end;gap:12px;padding:16px 20px;display:flex}.search-container-edit{flex:1;position:relative}.search-input-edit{background:var(--white);border:2px solid #e8ecef;border-radius:6px;width:100%;padding:8px 12px;font-size:13px;transition:all .2s}.search-input-edit:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.suggestions-dropdown-edit{z-index:1000;background:#fff;border:1px solid #e8ecef;border-top:none;border-radius:0 0 6px 6px;max-height:200px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001a}.suggestion-item-edit{cursor:pointer;text-align:left;background:#fff;border:none;border-bottom:1px solid #f0f0f0;width:100%;padding:8px 12px;transition:all .2s}.suggestion-item-edit:hover,.suggestion-item-edit.selected{background:#f0f0f0}.suggestion-name{color:#333;margin-bottom:2px;font-size:12px;font-weight:600}.suggestion-meta{color:#999;justify-content:space-between;font-size:11px;display:flex}.price-qty-container{align-items:flex-end;gap:8px;display:flex}.price-input-edit,.qty-input-edit{background:#fff;border:2px solid #e8ecef;border-radius:6px;width:100px;padding:8px 12px;font-size:13px;transition:all .2s}.price-input-edit:focus,.qty-input-edit:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.price-input-edit:disabled{cursor:not-allowed;color:#999;background:#f0f0f0}.add-btn-edit{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.add-btn-edit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.add-btn-edit:disabled{cursor:not-allowed;opacity:.6;background:#cbd5e1}.items-table-container{border-bottom:1px solid #e8ecef;padding:16px 20px;overflow-x:auto}.items-table-edit{border-collapse:collapse;width:100%;font-size:12px}.items-table-edit th,.items-table-edit td{text-align:left;border:1px solid #eee;padding:8px}.items-table-edit th{color:#333;background:#f9f9f9;font-weight:700}.items-table-edit tbody tr:hover{background:#f9f9f9}.cell-input{border:1px solid #ddd;border-radius:4px;width:100%;padding:4px 6px;font-family:inherit;font-size:12px}.cell-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.delete-btn-edit{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:4px 8px;font-size:14px;transition:all .2s}.delete-btn-edit:hover{background:#c82333;transform:scale(1.1)}.totals-section-edit{background:#f9f9f9;border-bottom:1px solid #e8ecef;padding:16px 20px}.totals-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}@media (width>=1400px){.totals-grid{grid-template-columns:repeat(5,1fr)}}@media (width>=1000px) and (width<=1399px){.totals-grid{grid-template-columns:repeat(4,1fr)}}@media (width>=768px) and (width<=999px){.totals-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=600px) and (width<=767px){.totals-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=599px){.totals-grid{grid-template-columns:1fr}}.total-row{flex-direction:column;gap:6px;display:flex}.total-row label{color:#666;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:700}.total-input{color:#667eea;background:#fff;border:1px solid #ddd;border-radius:4px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .2s}.total-input:read-only{cursor:not-allowed;color:#667eea;background:#f0f0f0}.total-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.total-input:disabled{cursor:not-allowed;background:#f0f0f0}.balance-positive{color:#ef4444!important}.balance-zero{color:#10b981!important}.action-buttons-edit{background:#f9f9f9;border-top:1px solid #e8ecef;justify-content:center;gap:12px;padding:16px 20px;display:flex}.update-btn-edit,.cancel-btn-edit{cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-size:13px;font-weight:600;transition:all .2s}.update-btn-edit{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.update-btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.cancel-btn-edit{color:#333;background:#e5e7eb}.cancel-btn-edit:hover{background:#d1d5db}.loading-container{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 20px;display:flex}.spinner{border:4px solid #e8ecef;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}.loading-container p{color:#6c757d;margin:0;font-size:14px}@media (width<=768px){.edit-invoice-modal-enhanced{max-width:95%;max-height:90vh}.edit-invoice-search-section{flex-direction:column;align-items:stretch}.price-qty-container,.price-input-edit,.qty-input-edit,.add-btn-edit{width:100%}.action-buttons-edit{flex-direction:column}.update-btn-edit,.cancel-btn-edit{width:100%}}@media (width<=480px){.edit-invoice-header h2{font-size:16px}.invoice-info{flex-direction:column;gap:8px}.items-table-edit{font-size:11px}.items-table-edit th,.items-table-edit td{padding:6px}}.edit-invoice-content-enhanced::-webkit-scrollbar{width:8px}.edit-invoice-content-enhanced::-webkit-scrollbar-track{background:#f1f1f1}.edit-invoice-content-enhanced::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.edit-invoice-content-enhanced::-webkit-scrollbar-thumb:hover{background:#94a3b8}.cst-overlay{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.cst-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;padding-bottom:15px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 8px 32px #00000026}.cst-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.cst-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.cst-dashboard-stats-container{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px 18px;display:grid}.cst-dashboard-panel-white{background:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;gap:8px;padding:14px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000d}.cst-dashboard-panel-white:hover{border-color:var(--system-main-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.cst-panel-header{align-items:center;gap:8px;display:flex}.cst-panel-icon-white{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cst-panel-icon-white svg{width:18px;height:18px}.cst-panel-title-white{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;flex:1;margin:0;font-size:10px;font-weight:700}.cst-panel-value-white{color:#059669;padding:0 4px;font-family:Courier New,monospace;font-size:16px;font-weight:700}.cst-panel-subvalue-white{color:#9ca3af;margin-top:2px;font-size:10px}.cst-filters-section{background-color:#fff;border-bottom:1px solid #e5e7eb;padding:14px 18px}.cst-filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.cst-search-group{flex:1;min-width:220px;position:relative}.cst-search-icon{color:#9ca3af;pointer-events:none;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cst-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:12px;transition:all .3s}.cst-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.cst-date-picker{align-items:center;gap:8px;display:flex}.cst-date-picker label{color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.cst-date-input{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:12px;transition:all .3s}.cst-date-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 3px #667eea1a}.cst-refresh-btn{background-color:var(--system-main-color);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .3s;display:flex;box-shadow:0 2px 8px #667eea33}.cst-refresh-btn svg{color:#fff;width:16px;height:16px;display:block}.cst-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 12px #667eea66}.cst-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.cst-spinning svg{animation:1s linear infinite spin}.cst-table-section{background-color:#fff;padding:14px 18px}.cst-table-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.cst-table-container{border:1px solid #e5e7eb;border-radius:6px;max-height:350px;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.cst-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.cst-table th{color:#1f2937;text-align:center;z-index:10;text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-bottom:2px solid #d1d5db;padding:10px 8px;font-size:10px;font-weight:700;position:sticky;top:0}.cst-table td{text-align:center;color:#374151;border-bottom:1px solid #f0f0f0;padding:8px 6px}.cst-table tbody tr{background-color:#fff;transition:all .2s}.cst-table tbody tr:hover{background-color:#f9fafb;box-shadow:inset 0 0 0 1px #e5e7eb}.cst-table tbody tr:last-child td{border-bottom:none}.cst-text-cell{color:#1f2937;text-align:left;padding-left:8px;font-weight:500;display:block}.cst-currency-cell{color:#059669;font-family:Courier New,monospace;font-size:11px;font-weight:700;display:block}.cst-date-cell{color:#6b7280;font-size:10px;display:block}.cst-loading-row td,.cst-no-data-row td{text-align:center;color:#9ca3af;padding:40px 20px}.cst-spinner{border:3px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;width:32px;height:32px;margin:0 auto 10px;animation:1s linear infinite spin}.cst-action-buttons{justify-content:center;align-items:center;gap:6px;display:flex}.cst-action-btn{cursor:pointer;background-color:#f0f0f0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .2s;display:inline-flex}.cst-action-btn img{width:15px;height:15px;display:block}.cst-action-btn.print:hover{background-color:#3b82f6;transform:scale(1.1);box-shadow:0 2px 6px #3b82f64d}.cst-action-btn.view:hover{background-color:#10b981;transform:scale(1.1);box-shadow:0 2px 6px #10b9814d}.cst-action-btn.edit:hover{background-color:#f59e0b;transform:scale(1.1);box-shadow:0 2px 6px #f59e0b4d}.cst-action-btn.delete:hover{background-color:#ef4444;transform:scale(1.1);box-shadow:0 2px 6px #ef44444d}.cst-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:0 0 10px 10px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:12px 15px;display:flex}.cst-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.cst-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.cst-pagination-btn:active:not(:disabled){transform:translateY(0)}.cst-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.cst-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.cst-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.cst-modal::-webkit-scrollbar{width:6px}.cst-table-container::-webkit-scrollbar{width:6px}.cst-modal::-webkit-scrollbar-track{background:#f1f1f1}.cst-table-container::-webkit-scrollbar-track{background:#f1f1f1}.cst-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cst-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.cst-modal::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.cst-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=1024px){.cst-modal{max-width:95%}.cst-dashboard-stats-container{grid-template-columns:repeat(3,1fr)}.cst-filter-row{gap:10px}.cst-table{font-size:10px}.cst-table th,.cst-table td{padding:6px 4px}}@media screen and (width<=768px){.cst-modal{width:95%;max-height:90vh}.cst-header h3{font-size:14px}.cst-dashboard-stats-container{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 15px}.cst-dashboard-panel-white{padding:10px 12px}.cst-panel-title-white{font-size:9px}.cst-panel-value-white{font-size:14px}.cst-filter-row{flex-direction:column;gap:10px}.cst-search-group{min-width:100%}.cst-date-picker{width:100%}.cst-table-container{max-height:300px}.cst-table{font-size:10px}.cst-table th{padding:6px 4px;font-size:9px}.cst-table td{padding:5px 3px}.cst-action-btn{width:24px;height:24px}.cst-action-btn img{width:13px;height:13px}.cst-pagination{gap:10px;padding:10px 12px}.cst-pagination-btn{padding:6px 12px;font-size:10px}.cst-pagination-info{min-width:100px;padding:6px 10px;font-size:10px}}@media screen and (width<=480px){.cst-modal{width:98%;max-height:95vh}.cst-header h3{font-size:12px}.cst-dashboard-stats-container{grid-template-columns:1fr;gap:8px;padding:10px 12px}.cst-dashboard-panel-white{padding:8px 10px}.cst-panel-icon-white{width:30px;height:30px}.cst-panel-icon-white svg{width:16px;height:16px}.cst-panel-title-white{font-size:8px}.cst-panel-value-white{font-size:12px}.cst-filters-section{padding:10px 12px}.cst-filter-row{gap:8px}.cst-search-input,.cst-date-input{padding:6px 8px;font-size:11px}.cst-refresh-btn{width:32px;height:32px}.cst-table-section{padding:10px 12px}.cst-table-title{margin-bottom:10px;font-size:11px}.cst-table-container{max-height:250px}.cst-table{font-size:9px}.cst-table th{padding:4px 2px;font-size:8px}.cst-table td{padding:4px 2px}.cst-text-cell,.cst-currency-cell,.cst-date-cell{font-size:9px}.cst-action-buttons{gap:4px}.cst-action-btn{width:22px;height:22px}.cst-action-btn img{width:12px;height:12px}.cst-pagination{flex-wrap:wrap;gap:8px;padding:8px 10px}.cst-pagination-btn{padding:5px 10px;font-size:9px}.cst-pagination-info{min-width:90px;padding:5px 8px;font-size:9px}}.qm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.qm-modal{background:#fff;border:2px solid #667eea;border-radius:10px;flex-direction:column;width:90%;max-width:1000px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.qm-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;padding:16px 18px}.qm-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.qm-form-section{background:#fff;border-bottom:2px solid #e5e7eb;flex-shrink:0;padding:12px 16px}.qm-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 10px;padding-bottom:6px;font-size:12px;font-weight:700}.qm-single-row{grid-template-columns:repeat(5,1fr);align-items:flex-end;gap:8px;margin-bottom:12px;display:grid}.qm-form-group{flex-direction:column;min-width:0;display:flex;position:relative}.qm-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:3px;font-size:9px;font-weight:700;display:block;overflow:hidden}.qm-input{box-sizing:border-box;background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:10px;transition:all .3s}.qm-input:focus{background-color:#f9fafb;border-color:#667eea;outline:none;box-shadow:0 0 0 2px #667eea1a}.qm-input:disabled{color:#9ca3af;cursor:not-allowed;background-color:#f3f4f6}.qm-customer-select{position:relative}.qm-dropdown{z-index:1001;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 4px 4px;max-height:220px;margin-top:-1px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #0000001f}.qm-dropdown-item{cursor:pointer;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:10px;transition:all .2s}.qm-dropdown-item:last-child{border-bottom:none}.qm-dropdown-item:hover{background-color:#f3f4f6;padding-left:14px}.qm-dropdown-item:active{background-color:#e5e7eb}.qm-customer-info{justify-content:space-between;align-items:flex-start;gap:10px;width:100%;display:flex}.qm-customer-info>div:first-child{flex:1;min-width:0}.qm-customer-info strong{color:#1f2937;word-break:break-word;margin-bottom:2px;font-weight:700;display:block}.qm-customer-info .customer-id{color:#6b7280;margin-bottom:2px;font-size:9px}.qm-customer-info span{color:#9ca3af;white-space:nowrap;flex-shrink:0;font-size:9px}.qm-new-customer{color:#0369a1;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);align-items:center;gap:6px;font-weight:700;display:flex;padding:10px 12px!important}.qm-new-customer:hover{background:linear-gradient(135deg,#e0f2fe 0%,#bfdbfe 100%);padding-left:14px!important}.qm-new-customer span{color:#0369a1;white-space:normal}.qm-dropdown-loading{text-align:center;color:#9ca3af;justify-content:center;align-items:center;gap:6px;padding:15px 12px;font-size:10px;display:flex}.qm-dropdown-loading:after{content:"";border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin}.qm-dropdown-empty{text-align:center;color:#9ca3af;padding:15px 12px;font-size:10px;font-style:italic}.qm-dropdown::-webkit-scrollbar{width:6px}.qm-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.qm-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qm-dropdown::-webkit-scrollbar-thumb:hover{background:#667eea}.qm-save-group{align-items:flex-end;display:flex}.qm-save-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.2px;color:#fff;white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:4px;width:100%;padding:6px 8px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.qm-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.qm-save-btn:active:not(:disabled){transform:translateY(0)}.qm-save-btn:disabled{cursor:not-allowed;opacity:.7;background:#cbd5e1;transform:none}.qm-items-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;max-height:200px;margin-top:10px;padding:10px;overflow-y:auto}.qm-items-title{color:#1f2937;text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;font-size:11px;font-weight:700}.qm-items-table-wrapper{border:1px solid #e5e7eb;border-radius:4px;max-height:150px;overflow-y:auto}.qm-items-table{border-collapse:collapse;width:100%;font-size:9px}.qm-items-table thead{z-index:5;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.qm-items-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-bottom:1px solid #764ba2;padding:5px 6px;font-weight:700}.qm-items-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.qm-items-table tbody tr:hover{background-color:#f3f4f6}.qm-items-table tbody td{color:#374151;padding:5px 6px}.qm-product-name{color:#1f2937;word-break:break-word;font-weight:600}.qm-remove-btn{color:#991b1b;cursor:pointer;background:#fee2e2;border:none;border-radius:3px;min-width:20px;padding:2px 4px;font-size:10px;font-weight:700;transition:all .2s}.qm-remove-btn:hover{background:#fecaca;transform:scale(1.1)}.qm-remove-btn:active{transform:scale(.95)}.qm-no-items{text-align:center;color:#9ca3af;padding:15px;font-size:10px;font-style:italic}.qm-saved-list{background:#fff;flex-direction:column;flex:1;padding:12px 16px;display:flex;overflow:hidden}.qm-list-header{flex-wrap:nowrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.qm-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;margin:0;font-size:12px;font-weight:700}.qm-list-controls{flex-wrap:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.qm-search-group{background:#fff;border:1px solid #d1d5db;border-radius:4px;flex:1;align-items:center;max-width:250px;padding:0 6px;transition:all .3s;display:flex;position:relative}.qm-search-group:focus-within{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.qm-search-icon{color:#9ca3af;flex-shrink:0;margin-right:4px;font-size:11px}.qm-search-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;padding:5px 0;font-size:10px}.qm-search-input::placeholder{color:#d1d5db}.qm-refresh-btn{cursor:pointer;color:#374151;background:#e5e7eb;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:32px;height:32px;padding:5px 8px;font-size:12px;transition:all .3s;display:flex}.qm-refresh-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px)}.qm-refresh-btn:active:not(:disabled){transform:translateY(0)}.qm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.qm-spinning{animation:1s linear infinite spin}.qm-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:10px;overflow-y:auto}.qm-table-wrapper::-webkit-scrollbar{width:6px}.qm-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.qm-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qm-table-wrapper::-webkit-scrollbar-thumb:hover{background:#667eea}.qm-table-container{min-width:100%}.qm-table{border-collapse:collapse;width:100%;font-size:10px}.qm-table thead{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.qm-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-bottom:2px solid #764ba2;padding:8px;font-weight:700}.qm-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.qm-table tbody tr:hover{background-color:#f9fafb}.qm-table tbody tr:nth-child(2n){background-color:#fafafa}.qm-table tbody td{color:#374151;padding:7px 8px}.qm-amount-cell{color:#667eea;text-align:right;font-family:Courier New,monospace;font-weight:700}.qm-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.qm-action-icon{cursor:pointer;opacity:.8;object-fit:contain;width:20px;height:20px;transition:all .2s}.qm-action-icon:hover{opacity:1;filter:drop-shadow(0 2px 4px #0003);transform:scale(1.15)}.qm-action-icon:active{transform:scale(.95)}.qm-action-icon:disabled{opacity:.4;cursor:not-allowed;transform:none}.qm-pagination{background:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.qm-pagination-btn{cursor:pointer;color:#374151;text-transform:uppercase;letter-spacing:.1px;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:5px 10px;font-size:10px;font-weight:700;transition:all .3s}.qm-pagination-btn:hover:not(:disabled){color:#fff;background:#667eea;border-color:#667eea;transform:translateY(-1px)}.qm-pagination-btn:active:not(:disabled){transform:translateY(0)}.qm-pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f3f4f6}.qm-pagination-info{color:#6b7280;text-transform:uppercase;letter-spacing:.1px;white-space:nowrap;font-size:10px;font-weight:700}.qm-export-buttons{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:10px;display:flex}.qm-export-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.2px;border:none;border-radius:4px;align-items:center;gap:4px;padding:7px 12px;font-size:10px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 2px 6px #0000001a}.qm-export-btn.excel{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%)}.qm-export-btn.excel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.qm-export-btn.csv{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)}.qm-export-btn.csv:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.qm-export-btn.pdf{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.qm-export-btn.pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.qm-export-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.qm-no-data{text-align:center;color:#9ca3af;padding:30px 20px;font-size:12px;font-weight:600}.qm-no-data-row td{text-align:center;color:#9ca3af;padding:15px 10px;font-style:italic}.qm-no-data-row p{margin:0}.qm-view-overlay{z-index:11100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.qm-view-modal{background:#fff;border:2px solid #667eea;border-radius:10px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0003}.qm-view-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-bottom:2px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.qm-view-header h3{color:#fff;letter-spacing:.4px;margin:0;font-size:14px;font-weight:700}.qm-view-info{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 14px}.qm-info-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.qm-info-item{background:#fff;border:1px solid #e5e7eb;border-radius:4px;flex-direction:column;padding:8px;display:flex}.qm-info-label{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;margin-bottom:3px;font-size:8px;font-weight:700}.qm-info-value{color:#1f2937;font-size:11px;font-weight:600}.qm-view-table-wrapper{border:1px solid #e5e7eb;border-radius:6px;flex:1;margin-bottom:10px;padding:12px 14px;overflow-y:auto}.qm-view-table-wrapper::-webkit-scrollbar{width:6px}.qm-view-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.qm-view-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qm-view-table-wrapper::-webkit-scrollbar-thumb:hover{background:#667eea}.qm-view-table{border-collapse:collapse;width:100%;font-size:10px}.qm-view-table thead{z-index:10;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);position:sticky;top:0}.qm-view-table thead th{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.2px;border-bottom:2px solid #764ba2;padding:8px;font-weight:700}.qm-view-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.qm-view-table tbody tr:hover{background-color:#f9fafb}.qm-view-table tbody tr:nth-child(2n){background-color:#fafafa}.qm-view-table tbody td{color:#374151;padding:7px 8px}.qm-view-product-name{color:#1f2937;word-break:break-word;font-weight:600}.qm-view-amount{color:#667eea;text-align:right;font-family:Courier New,monospace;font-weight:700}.qm-view-pagination{background:#f9fafb;border-radius:6px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;padding:10px;display:flex}.qm-view-summary{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:2px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;padding:12px 14px;display:grid}.qm-summary-row{background:#fff;border:1px solid #e5e7eb;border-radius:4px;justify-content:space-between;align-items:center;padding:10px;transition:all .2s;display:flex}.qm-summary-row:hover{border-color:#667eea;box-shadow:0 2px 4px #667eea1a}.qm-summary-row.qm-total{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;grid-column:1/-1}.qm-summary-row.qm-total .qm-summary-label,.qm-summary-row.qm-total .qm-summary-value{color:#fff}.qm-summary-label{color:#6b7280;text-transform:uppercase;letter-spacing:.2px;font-size:9px;font-weight:700}.qm-summary-value{color:#667eea;font-family:Courier New,monospace;font-size:11px;font-weight:700}.qm-summary-row.qm-total .qm-summary-value{color:#fff}@media screen and (width<=1200px){.qm-single-row{grid-template-columns:repeat(4,1fr);gap:6px}.qm-modal{max-width:95%}.qm-table,.qm-view-table{font-size:9px}.qm-table thead th,.qm-table tbody td,.qm-view-table thead th,.qm-view-table tbody td{padding:6px}.qm-search-group{max-width:200px}}@media screen and (width<=1024px){.qm-single-row{grid-template-columns:repeat(3,1fr);gap:6px}.qm-modal,.qm-view-modal{max-width:95%;max-height:90vh}.qm-list-header{flex-direction:column;align-items:flex-start}.qm-list-controls{flex-direction:column;width:100%}.qm-search-group{width:100%;max-width:100%}.qm-table,.qm-view-table{font-size:9px}.qm-table thead th,.qm-table tbody td,.qm-view-table thead th,.qm-view-table tbody td{padding:5px}.qm-form-group label{font-size:8px}.qm-input{padding:5px 6px;font-size:9px}.qm-dropdown{max-height:180px}}@media screen and (width<=768px){.qm-single-row{grid-template-columns:repeat(2,1fr);gap:6px}.qm-modal,.qm-view-modal{width:95%;max-height:90vh}.qm-header h3{font-size:14px}.qm-form-section{padding:10px 12px}.qm-form-title{margin-bottom:8px;font-size:11px}.qm-list-header{flex-direction:column;align-items:flex-start;gap:6px}.qm-list-header h4{font-size:11px}.qm-list-controls{flex-direction:column;gap:6px;width:100%}.qm-search-group{width:100%;max-width:100%}.qm-table,.qm-view-table{font-size:8px}.qm-table thead th,.qm-table tbody td,.qm-view-table thead th,.qm-view-table tbody td{padding:4px}.qm-action-buttons{flex-direction:column;gap:4px}.qm-action-icon{width:18px;height:18px}.qm-export-buttons{flex-direction:column;gap:6px}.qm-export-btn{justify-content:center;width:100%;padding:6px 10px}.qm-items-section{max-height:150px;padding:8px}.qm-pagination{gap:6px;padding:8px}.qm-pagination-btn{padding:4px 8px;font-size:9px}.qm-dropdown{max-height:160px}.qm-dropdown-item{padding:8px 10px}.qm-view-summary{grid-template-columns:1fr;gap:8px;padding:10px 12px}.qm-summary-row{padding:8px}.qm-summary-label{font-size:8px}.qm-summary-value{font-size:10px}}@media screen and (width<=480px){.qm-single-row{grid-template-columns:1fr;gap:5px}.qm-modal,.qm-view-modal{width:98%;max-height:95vh}.qm-overlay{padding:5px}.qm-header{padding:12px 14px}.qm-header h3{font-size:13px}.common-close-button{width:24px;height:24px;font-size:14px;top:10px;right:10px}.qm-form-section{padding:10px}.qm-form-title{margin-bottom:8px;font-size:10px}.qm-form-group label{font-size:7px}.qm-input{padding:4px 6px;font-size:9px}.qm-save-btn{padding:5px 6px;font-size:9px}.qm-list-header h4{font-size:10px}.qm-search-input{font-size:9px}.qm-table,.qm-view-table{font-size:7px}.qm-table thead th,.qm-table tbody td,.qm-view-table thead th,.qm-view-table tbody td{padding:3px}.qm-action-icon{width:16px;height:16px}.qm-pagination-btn{padding:4px 6px;font-size:8px}.qm-export-btn{padding:5px 8px;font-size:8px}.qm-items-section{max-height:120px;padding:8px}.qm-items-title{margin-bottom:6px;font-size:9px}.qm-items-table{font-size:8px}.qm-items-table thead th,.qm-items-table tbody td{padding:3px}.qm-view-header h3{font-size:12px}.qm-view-info{padding:10px}.qm-view-table-wrapper{margin-bottom:8px;padding:10px}.qm-dropdown{z-index:1002;max-height:140px}.qm-dropdown-item{padding:8px;font-size:9px}.qm-customer-info{gap:6px}.qm-customer-info strong{font-size:9px}.qm-customer-info .customer-id,.qm-customer-info span{font-size:8px}}@media screen and (width<=360px){.qm-single-row{grid-template-columns:1fr;gap:4px}.qm-modal{width:99%}.qm-header{padding:10px 12px}.qm-header h3{font-size:12px}.qm-form-section{padding:8px 10px}.qm-form-title{font-size:9px}.qm-form-group label{font-size:7px}.qm-input,.qm-save-btn{padding:4px 5px;font-size:8px}.qm-table thead th,.qm-table tbody td{padding:2px;font-size:6px}.qm-action-icon{width:14px;height:14px}.qm-export-btn{padding:4px 6px;font-size:7px}.qm-pagination-btn{padding:3px 5px;font-size:7px}.qm-dropdown{max-height:120px}.qm-dropdown-item{padding:6px;font-size:8px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#667eea}*{transition:color .2s,background-color .2s}button:focus,input:focus,select:focus{outline-offset:2px;outline:2px solid #667eea}@media print{.qm-overlay,.qm-modal{box-shadow:none;border:1px solid #000;position:static}.qm-action-buttons,.qm-export-buttons,.qm-pagination{display:none}}:root{--system-main-color:#614d69;--system-middle-color:#5f4c5e;--sytem-secondary-color:#b9b9bb;--sidebar-color-nav-color:#390842;--pagination-button:#d1cee0;--pagination-button-hover:#734779d5;--sytem-panel-colors:#dfdddd;--sytem-panel-background-colors:#fff;--border-color-whole-system:#c000e6;--panel-color-whole-system:#b1daeb;--font-color-whole-system:#070f79;--primary-color:#3498db;--secondary-color:#2ecc71;--accent-color:#e74c3c;--drop-down-hover:#969494ee;--closebutton-color:#aeb6bf;--closebutton-color-hover:#922b21;--close-button-icon-color:#d86565;--saveButton-color:#7aba81;--saveButton-color-hover:#203d23;--update-button-color:#ebd870;--update-button-color-hover:#b39b14;--table-headers:#435585;--table-border-color:#ddd;--table-tr-background-color:#fff;--black:#000;--white:#fff;--font-color-blue:#273746;--font-size-12:12px;--font-size-10:10px;--edit-icon-color:#ebd870;--delete-icon-color:#f34758;--order-icon-color:#e7a2d6;--payment-icon-color:#53db65;--print-icon-color:#66c9d6;--filter-icon-color:#cfaadd;--upload-icon-color:#78a3ce;--refresh-icon-color:#e2b27c;--edit-icon-color-hover:#b39b14;--delete-icon-color-hover:#a81322;--order-icon-color-hover:#a31680;--payment-icon-color-hover:#0e8a1f;--print-icon-color-hover:#0e626d;--filter-icon-color-hover:#54136e;--upload-icon-color-hover:#0a233b;--refresh-icon-color-hover:#854f13;--color-bg:#f8f9fa;--color-card-bg:var(--white)fff;--color-border:#dee2e6;--color-primary:#3b393b;--color-secondary:#6c757d;--color-highlight:#007bff;--color-success:#28a745;--color-danger:#db9199;--color-shadow:#0000001a;--delete-button:#f1948a;--delete-button-hover:#b03a2e;--scanbar-bg:#2b333b;--search-box-bg:#fff}.left-panel{box-sizing:border-box;background-color:#fff;flex-direction:column;flex:2;height:100vh;padding:10px;display:flex;overflow:hidden}.right-panel{cursor:pointer;background:linear-gradient(135deg,#5883ad 0%,#f1f5f9 100%);border-left:2px solid #e2e8f0;border-radius:10px;flex-direction:column;flex:1;gap:0;width:100%;max-width:350px;height:100vh;padding:0;display:flex;overflow:hidden;box-shadow:-4px 0 12px #00000014}.right-panel-header{z-index:100;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-bottom:2px solid #e2e8f0;flex-shrink:0;padding:12px;box-shadow:0 2px 8px #0000000a}.right-panel-scrollable::-webkit-scrollbar{width:8px}.right-panel-scrollable::-webkit-scrollbar-track{background:linear-gradient(#f1f5f9 0%,#e2e8f0 100%);border-radius:10px}.right-panel-scrollable::-webkit-scrollbar-thumb{background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border-radius:10px;transition:background .3s}.right-panel-scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(#94a3b8 0%,#64748b 100%);box-shadow:0 0 6px #0003}.right-panel-scrollable::-webkit-scrollbar-thumb:active{background:#475569}.right-panel-scrollable{scrollbar-color:#cbd5e1 #f1f5f9;scrollbar-width:thin}#user-label{color:#fff}.header-info{color:#fff;background-color:#333;border-radius:5px;justify-content:space-between;align-items:center;padding:8px;font-size:13px;font-weight:600;display:flex}.header-info div{flex-direction:column;align-items:center;margin:0 10px;display:flex}#user_span,#store_span,#start_time_span{color:#000;background-color:#fff;border-radius:5px;padding:3px 15px}.main-scrollable-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.scan-barcode{border-radius:10px;align-items:center;gap:10px;width:100%;margin-top:10px;display:flex}.responsive-scanbar{background-color:var(--scanbar-bg);flex-wrap:wrap;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.scan-controls{flex:0 auto;align-items:center;gap:8px;display:flex}.select-compact{background:#fff;border:1px solid #ccc;border-radius:6px;padding:6px 8px;font-size:12px}.barcode-input,.price-input,.percentage-input,.qty-input{box-sizing:border-box;background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.barcode-input:focus,.price-input:focus,.percentage-input:focus,.qty-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.input--wide{flex:480px;min-width:280px}.input--mid{text-align:center;flex:0 160px;min-width:120px}.input--small{text-align:center;flex:0 110px;min-width:90px}.search-input-container{flex:480px;min-width:280px;max-width:100%;display:block;position:relative}.search-input-container.has-suggestions .barcode-input{border-bottom:1px solid #e5e7eb;border-radius:12px 12px 0 0;box-shadow:0 4px 20px #00000014}.search-input-container .barcode-input{flex:auto;width:100%!important}.table-container{border-radius:5px;flex-grow:1;min-height:0;max-height:600px;margin-top:10px;font-size:12px;font-weight:600;overflow-y:auto}#product-table-invoice{border:1px solid var(--table-border-color);border-collapse:collapse;width:100%}#product-table-invoice th{text-align:center;background-color:var(--table-headers);border:1px solid var(--table-border-color);color:var(--white);padding:2px;font-weight:600}#product-table-invoice td{border:1px solid #4d4b4b;padding:5px}.invoiceTotalDisplay{background:linear-gradient(135deg,#f0f9ff 0%,#ecfdf5 100%);border:2px solid #0284c7;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:45px;margin:8px 0;padding:8px;display:flex}.invoiceSalesSummary{flex:1;align-items:center;gap:8px;min-width:250px;animation:.4s ease-out slideInLeft;display:flex}.invoiceSummaryItem{background:#f8f40b;border:2px solid #e5e7eb;border-radius:8px;flex-direction:row;flex:1;align-items:center;gap:6px;min-width:140px;padding:3px;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000000d}.invoiceSummaryItem:hover{cursor:pointer;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0284c726}.invoiceSummaryLabel{color:#1c2331;text-transform:uppercase;letter-spacing:.3px;margin-left:10px;font-size:12px;font-weight:800}.invoiceSummaryValueWrapper{justify-content:space-between;align-items:center;gap:4px;display:flex}.invoiceSummaryValue{color:red;margin-left:10px;font-family:Courier New,monospace;font-size:22px;font-weight:1000}.invoiceTotalsDivider{background:linear-gradient(#0000,#d1d5db,#0000);width:2px;height:40px;margin:0 6px}.invoiceBillSummary{flex-direction:row;flex:1;justify-content:space-between;align-items:center;gap:16px;min-width:400px;display:flex}.invoiceHideButton{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:90px;min-height:36px;padding:8px 14px;font-size:11px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 4px 12px #ef44444d}.invoiceHideButton:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.invoiceHideButton:active{transform:translateY(0);box-shadow:0 2px 8px #ef44444d}.invoiceHideButton span{font-size:14px}.invoiceShowButton{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:140px;min-height:38px;padding:10px 18px;font-size:12px;font-weight:800;transition:all .3s;animation:.4s ease-out slideInRight;display:flex;box-shadow:0 4px 12px #10b9814d}.invoiceShowButton:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.invoiceShowButton:active{transform:translateY(0);box-shadow:0 2px 8px #10b9814d}.invoiceShowButton span{font-size:16px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.footer-container{background:linear-gradient(135deg,#5883ad 0%,#f1f5f9 100%);flex-shrink:0}.footer-options{cursor:pointer;flex-shrink:0;justify-content:flex-start;gap:10px;display:flex}.footer-options .option-box{color:#1f2937;cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:85px;min-height:85px;padding:10px 8px;font-size:11px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000000f,0 2px 4px #0000000a,inset 0 1px #fffc}.footer-options .option-box:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.footer-options .option-box:hover:before{left:100%}.footer-options .option-box img{width:40px;height:40px;margin-bottom:5px}.footer-options .option-box input[type=checkbox]{margin-bottom:3px}.footer-options .option-box:hover{color:#0284c7;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-color:#0284c7;transform:translateY(-5px)scale(1.03);box-shadow:0 16px 32px #0284c733,0 8px 16px #0284c71f,0 4px 8px #0284c714,inset 0 1px #ffffffe6}.footer-options .option-box:active{transform:translateY(-2px)scale(.98);box-shadow:0 6px 12px #0284c726,0 3px 6px #0284c71a,inset 0 2px 4px #00000014}.footer-options .option-box:focus{border-color:#0284c7;outline:none;box-shadow:0 0 0 3px #0284c733,0 4px 8px #0000000f}.footer-options .option-box img{object-fit:contain;filter:drop-shadow(0 2px 4px #00000014);width:40px;height:40px;margin-bottom:6px;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.right-panel .button-grid{flex-shrink:0;grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.right-panel .button-grid button{text-align:left;color:#1f2937;cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;min-height:44px;padding:8px 10px;font-size:12px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 4px #0000000a}.right-panel .button-grid button:hover{background-color:#f0f9ff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 4px 12px #0284c733}.right-panel .button-grid button:active{transform:translateY(0);box-shadow:0 2px 4px #0284c71a}.right-panel .button-grid img{object-fit:contain;flex-shrink:0;width:24px;height:24px}.right-panel .button-grid button span{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;line-height:1.2;overflow:hidden}.card-container{flex-wrap:wrap;justify-content:flex-start;display:flex}.product-card{background-color:#fff;border:1px solid #ccc;border-radius:8px;width:200px;margin:10px;padding:16px;box-shadow:2px 2px 12px #0000001a}.product-card img{object-fit:cover;border-radius:4px;width:100%;height:150px}.product-card h3{margin:10px 0 5px;font-size:16px}.product-card p{margin:5px 0}.product-card .card-actions{margin-top:10px}.product-card .common-icon-button{cursor:pointer;background:0 0;border:none}.product-card:hover{transition:transform .2s;transform:scale(1.02)}.product-card .common-icon-button:hover{opacity:.8}#modal-overlay-invoice{z-index:9999;background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}#modal-content-invoice{background-color:#fff;border-radius:10px;width:100%;max-width:1600px;height:auto;max-height:90%;padding:20px;transition:transform .3s ease-in-out;overflow-y:auto;transform:scale(1);box-shadow:0 4px 15px #0003}@media (width<=767px){#modal-content-invoice{width:95%;padding:10px}}#hold_bill.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#hold_bill .modal-content{background:#fff;border-radius:8px;width:800px;max-width:90%;min-height:500px;padding:20px 30px;position:relative;box-shadow:0 4px 10px #0000004d}#hold_bill h2{text-align:center;color:#333;margin-top:0}#hold_bill .modal-close{background-color:var(--closebutton-color);color:#000;cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;width:25px;height:25px;font-size:10px;font-weight:700;display:flex;position:absolute;top:10px;right:10px}#hold_bill .modal-close:hover{background-color:var(--closebutton-color-hover);color:var(--white);transition:all .3s ease-in-out;transform:rotate(180deg)}#hold_bill .input-section{text-align:center;margin:15px 0}#hold_bill .input-section label{margin-bottom:5px;font-weight:700;display:block}#hold_bill .input-section input{text-align:center;border:1px solid #ccc;border-radius:4px;width:200px;padding:8px}#hold_bill .button-section{text-align:center;margin-top:20px}#hold_bill .button-section button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px}#hold_bill .save-btn-hold-bill{background-color:var(--saveButton-color);color:#000;margin-left:30px;font-weight:700}#hold_bill .save-btn-hold-bill:hover{background-color:var(--saveButton-color-hover);color:#fff;transition:all .3s ease-in-out}#hold_bill .holdbill-display{margin-top:25px}#hold_bill .holdbill-display h3{text-align:center;color:#555;margin-bottom:10px}#hold_bill .holdbill-display table{border-collapse:collapse;width:100%}#hold_bill .holdbill-display table th,#hold_bill .holdbill-display table td{text-align:center;border:1px solid #ddd;padding:8px;font-size:12px;font-weight:700}#hold_bill .holdbill-display table th{background-color:var(--table-border-color);font-size:14px}.batch-products-list h4{border-bottom:1px solid #ddd;margin:0;padding-bottom:4px;font-size:16px}.batch-products-list button:hover{background-color:#e8e8e8}@media (width:1366px) and (height:768px){.main-scrollable-content{max-height:280px}}@media (width:1600px) and (height:900px){.main-scrollable-content{max-height:400px}}@media (width:1680px) and (height:1050px){.main-scrollable-content{max-height:500px}}@media (width:1760px) and (height:990px){.main-scrollable-content{max-height:500px}}@media (width:1920px) and (height:1080px){.main-scrollable-content{max-height:550px}}@media (width:1280px) and (height:1024px){.main-scrollable-content{max-height:500px}}@media (width>=1280px) and (height>=960px){.main-scrollable-content{max-height:450px}}@media (width:1280px) and (height:1720px){.main-scrollable-content{max-height:220px}}.main-scrollable-content{scroll-behavior:smooth;transition:scroll-top .2s}.main-scrollable-content::-webkit-scrollbar{width:8px}.main-scrollable-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.main-scrollable-content::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:10px}.main-scrollable-content::-webkit-scrollbar-thumb:hover{background:#64748b}@media (width<=1024px){.search-input-container,.input--wide{flex:420px;min-width:240px}.input--mid{flex:0 140px}.input--small{flex:0 100px}}@media (width<=768px){.scan-controls{order:0;width:100%}.search-input-container{order:1;width:100%}.input--wide{flex:100%;min-width:0}.price-input,.percentage-input,.qty-input{flex:calc(33.333% - 8px);min-width:0}.right-panel .button-grid{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:6px;display:flex;overflow:auto hidden}.right-panel .button-grid button{white-space:nowrap;flex:none;min-width:140px}}@media (width<=480px){.price-input,.percentage-input,.qty-input{flex:100%}}.right-panel .button-grid::-webkit-scrollbar{height:8px}.right-panel .button-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.right-panel .button-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.right-panel .button-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.suggestions-dropdown-invoice{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 16px 16px;width:100%;max-height:600px;animation:.25s cubic-bezier(.34,1.56,.64,1) slideDown;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 50px #00000026,0 8px 20px #00000014,inset 0 1px #fff9}.suggestion-item-invoice{cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#fff 0%,#fafbfc 100%);border-bottom:1px solid #f3f4f6;align-items:center;gap:10px;padding:8px 12px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow-x:auto}.suggestion-item-invoice:last-child{border-bottom:none;border-radius:0 0 16px 16px}.suggestion-item-invoice:hover{background:linear-gradient(135deg,#f0f9ff 0%,#f8fafc 100%);border-left:4px solid #3b82f6;padding-left:8px;box-shadow:inset 0 0 0 1px #3b82f61a}.suggestion-item-invoice.selected{background:linear-gradient(135deg,#dbeafe 0%,#eff6ff 100%);border-left:4px solid #2563eb;padding-left:8px;box-shadow:inset 0 0 0 1px #2563eb33,0 0 0 3px #3b82f61a}.suggestion-color-box{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:2px solid #d1d5db;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000014}.color-swatch{border:1px solid #0000001a;border-radius:6px;width:100%;height:100%;transition:transform .3s;box-shadow:inset 0 1px 2px #ffffff4d,0 2px 4px #0000001a}.suggestion-item-invoice:hover .color-swatch{transform:scale(1.05)}.color-swatch-empty{color:#9ca3af;background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700;display:flex}.suggestion-content-row{flex-wrap:nowrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.suggestion-name{color:#1f2937;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700;line-height:1.3}.suggestion-item-invoice:hover .suggestion-name{color:#111827}.suggestion-item-invoice.selected .suggestion-name{color:#1e40af}.suggestion-id{color:#374151;white-space:nowrap;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:600}.suggestion-category{color:#6d28d9;white-space:nowrap;text-transform:capitalize;background:#f5f3ff;border:1px solid #ede9fe;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:600}.suggestion-price{color:#047857;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:11px;font-weight:700}.suggestion-stock{white-space:nowrap;border:1px solid;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:600}.suggestion-stock.in-stock{color:#0369a1;background:#ecf8ff;border-color:#7dd3fc}.suggestion-stock.out-of-stock{color:#991b1b;background:#fef2f2;border-color:#fca5a5}.suggestion-color-name{color:#7c3aed;white-space:nowrap;background:#faf5ff;border:1px solid #e9d5ff;border-radius:4px;flex-shrink:0;padding:3px 6px;font-size:10px;font-weight:600}.suggestions-dropdown-invoice::-webkit-scrollbar{width:6px;height:6px}.suggestions-dropdown-invoice::-webkit-scrollbar-track{background:linear-gradient(#f9fafb 0%,#f3f4f6 100%);border-radius:0 16px 16px 0}.suggestions-dropdown-invoice::-webkit-scrollbar-thumb{background:linear-gradient(#cbd5e1 0%,#94a3b8 100%);border-radius:3px;transition:background .3s}.suggestions-dropdown-invoice::-webkit-scrollbar-thumb:hover{background:linear-gradient(#94a3b8 0%,#64748b 100%)}@media (prefers-color-scheme:dark){.suggestions-dropdown-invoice{background:#1f2937;border-color:#374151}.suggestion-item-invoice{background:linear-gradient(135deg,#1f2937 0%,#111827 100%);border-bottom-color:#374151}.suggestion-item-invoice:hover{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-left-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa33}.suggestion-item-invoice.selected{background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);border-left-color:#3b82f6}.suggestion-name{color:#f9fafb}.suggestion-item-invoice:hover .suggestion-name{color:#fff}.suggestion-item-invoice.selected .suggestion-name{color:#93c5fd}.suggestion-id{color:#d1d5db;background:#374151;border-color:#4b5563}.suggestion-category{color:#d8b4fe;background:#3730a3;border-color:#4c1d95}.suggestion-price{color:#6ee7b7;background:#064e3b;border-color:#047857}.suggestion-stock.in-stock{color:#67e8f9;background:#0c4a6e;border-color:#0e7490}.suggestion-stock.out-of-stock{color:#fca5a5;background:#7f1d1d;border-color:#991b1b}.suggestion-color-name{color:#e9d5ff;background:#3730a3;border-color:#4c1d95}.suggestion-color-box{background:linear-gradient(135deg,#374151 0%,#1f2937 100%);border-color:#4b5563}}@media (width<=1024px){.suggestion-item-invoice{gap:8px;padding:7px 11px}.suggestion-color-box{width:34px;height:34px}.suggestion-name{font-size:11px}.suggestion-id,.suggestion-category,.suggestion-price,.suggestion-stock,.suggestion-color-name{padding:2px 5px;font-size:9px}}@media (width<=768px){.suggestion-item-invoice{gap:6px;padding:6px 10px}.suggestion-color-box{width:32px;height:32px}.suggestion-name{font-size:10px}.suggestion-id,.suggestion-category,.suggestion-price,.suggestion-stock,.suggestion-color-name{padding:2px 4px;font-size:8px}}@media (width<=480px){.suggestion-item-invoice{gap:4px;padding:5px 8px}.suggestion-color-box{width:30px;height:30px}.suggestion-name{font-size:9px}.suggestion-id,.suggestion-category,.suggestion-price,.suggestion-stock,.suggestion-color-name{padding:1px 3px;font-size:7px}}.suggestions-dropdown-invoice{will-change:transform, opacity;contain:layout style paint}.suggestion-item-invoice{will-change:transform, background-color}tr[style*="background: #fef3c7"]{animation:.3s ease-out highlightRow}@keyframes highlightRow{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}input[style*="border: 2px solid #fbbf24"]{transition:all .3s}input[style*="border: 2px solid #fbbf24"]:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}td>div[style*="display: flex"]{transition:all .2s}.customer-bar-compact{box-sizing:border-box;background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border:1.5px solid #0ea5e9;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;min-height:44px;margin-bottom:10px;padding:8px 10px;display:flex}.customer-bar-icon-compact{flex-shrink:0;font-size:14px;font-weight:700;line-height:1}.customer-search-wrapper-compact{flex:1;min-width:140px;position:relative}.customer-search-input-compact{box-sizing:border-box;color:#1f2937;background:#fff;border:1.5px solid #0ea5e9;border-radius:4px;outline:none;width:100%;padding:6px 8px;font-size:11px;font-weight:500;line-height:1.3;transition:all .2s}.customer-search-input-compact:focus{background:#f0f9ff;border-color:#0284c7;box-shadow:0 0 0 2px #0ea5e926}.customer-search-input-compact::placeholder{color:#9ca3af;font-size:10px}.customer-selected-display-compact{box-sizing:border-box;background:#fff;border:1.5px solid #10b981;border-radius:4px;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:40px;padding:6px 8px;display:flex}.customer-selected-display-compact>div{flex:1;min-width:0}.customer-selected-name-compact{color:#059669;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;font-weight:700;line-height:1.2;overflow:hidden}.customer-selected-id-compact{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:9px;line-height:1.2;overflow:hidden}.customer-clear-btn-compact{color:#dc2626;cursor:pointer;background:#fee2e2;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:12px;font-weight:700;line-height:1;transition:all .2s;display:flex}.customer-clear-btn-compact:hover{background:#fecaca;transform:scale(1.05)}.customer-clear-btn-compact:active{transform:scale(.95)}.customer-suggestions-dropdown-compact{z-index:1001;background:#fff;border:1.5px solid #0ea5e9;border-top:none;border-radius:0 0 4px 4px;max-height:180px;margin-top:-1.5px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 4px 12px #0000001f}.customer-suggestion-item-compact{cursor:pointer;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;gap:6px;min-height:36px;padding:7px 8px;transition:all .15s;display:flex}.customer-suggestion-item-compact:hover{background:#f0f9ff;padding-left:10px}.customer-suggestion-item-compact:last-child{border-bottom:none}.customer-suggestion-info-compact{flex:1;min-width:0}.customer-suggestion-name-compact{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.customer-suggestion-details-compact{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin:1px 0 0;font-size:9px;line-height:1.2;overflow:hidden}.customer-type-badge-compact{white-space:nowrap;border-radius:2px;flex-shrink:0;padding:2px 4px;font-size:9px;font-weight:700;line-height:1}.customer-due-amount-compact{text-align:center;box-sizing:border-box;background:#fff;border-radius:4px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;min-width:70px;min-height:40px;padding:6px 8px;display:flex}.customer-due-amount-compact.has-due{border:1.5px solid #ef4444}.customer-due-amount-compact.no-due{border:1.5px solid #10b981}.customer-due-label-compact{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:8px;font-weight:600;line-height:1.1}.customer-due-value-compact{margin:1px 0 0;font-size:11px;font-weight:800;line-height:1.2}.customer-due-value-compact.has-due{color:#dc2626}.customer-due-value-compact.no-due{color:#059669}.customer-due-value-compact.loading{color:#6b7280;font-size:10px}.customer-suggestions-dropdown-compact::-webkit-scrollbar{width:4px}.customer-suggestions-dropdown-compact::-webkit-scrollbar-track{background:#f3f4f6;border-radius:2px}.customer-suggestions-dropdown-compact::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.customer-suggestions-dropdown-compact::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (width<=1024px){.customer-bar-compact{gap:6px;min-height:40px;padding:7px 8px}.customer-bar-icon-compact{font-size:12px}.customer-search-wrapper-compact{min-width:120px}.customer-search-input-compact{padding:5px 7px;font-size:10px}.customer-selected-display-compact{min-height:36px;padding:5px 7px}.customer-selected-name-compact{font-size:9px}.customer-selected-id-compact{margin-top:1px;font-size:8px}.customer-clear-btn-compact{width:22px;height:22px;font-size:11px}.customer-due-amount-compact{min-width:65px;min-height:36px;padding:5px 7px}.customer-due-label-compact{font-size:7px}.customer-due-value-compact{font-size:10px}.customer-suggestion-item-compact{min-height:32px;padding:6px 7px}.customer-suggestion-name-compact{font-size:9px}.customer-suggestion-details-compact{font-size:8px}.customer-type-badge-compact{padding:1px 3px;font-size:8px}}@media (width<=768px){.customer-bar-compact{flex-direction:column;align-items:stretch;gap:5px;min-height:auto;padding:6px}.customer-bar-icon-compact{align-self:flex-start;font-size:12px}.customer-search-wrapper-compact{width:100%;min-width:auto}.customer-search-input-compact{padding:6px 8px;font-size:11px}.customer-selected-display-compact,.customer-due-amount-compact{width:100%;min-width:auto;min-height:38px}.customer-suggestions-dropdown-compact{max-height:160px}.customer-suggestion-item-compact{min-height:34px}}@media (width<=480px){.customer-bar-compact{gap:4px;padding:5px}.customer-bar-icon-compact{font-size:11px}.customer-search-input-compact{padding:5px 6px;font-size:10px}.customer-selected-display-compact,.customer-due-amount-compact{min-height:36px;padding:5px 6px}.customer-selected-name-compact{font-size:9px}.customer-selected-id-compact{font-size:8px}.customer-clear-btn-compact{width:20px;height:20px;font-size:10px}.customer-due-label-compact{font-size:7px}.customer-due-value-compact{font-size:9px}.customer-suggestion-item-compact{min-height:30px;padding:5px 6px}.customer-suggestion-name-compact{font-size:9px}.customer-suggestion-details-compact{font-size:8px}}@media (prefers-color-scheme:dark){.customer-bar-compact{background:linear-gradient(135deg,#1e3a8a 0%,#0f172a 100%);border-color:#0284c7}.customer-search-input-compact{color:#f9fafb;background:#1f2937;border-color:#0284c7}.customer-search-input-compact:focus{background:#111827;border-color:#3b82f6}.customer-selected-display-compact{color:#f9fafb;background:#1f2937;border-color:#10b981}.customer-suggestions-dropdown-compact{background:#1f2937;border-color:#0284c7}.customer-suggestion-item-compact{color:#f9fafb;background:#111827;border-bottom-color:#374151}.customer-suggestion-item-compact:hover{background:#1f2937}.customer-due-amount-compact{color:#f9fafb;background:#1f2937}}.customer-selected-info-row-compact{flex-wrap:wrap;align-items:center;gap:4px;margin-top:2px;display:flex}.customer-type-badge-inline-compact{white-space:nowrap;border-radius:3px;flex-shrink:0;padding:2px 5px;font-size:8px;font-weight:700;line-height:1.1;display:inline-block}.customer-type-badge-inline-compact.wholesale{color:#92400e;background:#fcd34d}.customer-type-badge-inline-compact.retail{color:#0c4a6e;background:#bfdbfe}.customer-suggestion-details-row-compact{flex-wrap:wrap;align-items:center;gap:3px;margin-top:1px;display:flex}.customer-suggestion-mobile-compact{color:#9ca3af;font-size:8px;line-height:1.1}.customer-type-badge-compact{white-space:nowrap;border-radius:2px;flex-shrink:0;padding:2px 4px;font-size:8px;font-weight:700;line-height:1.1;display:inline-block}.customer-type-badge-compact.wholesale{color:#92400e;background:#fcd34d}.customer-type-badge-compact.retail{color:#0c4a6e;background:#bfdbfe}@media (width<=1024px){.customer-selected-info-row-compact{gap:3px}.customer-type-badge-inline-compact{padding:1px 4px;font-size:7px}.customer-suggestion-details-row-compact{gap:2px}.customer-suggestion-mobile-compact{font-size:7px}.customer-type-badge-compact{padding:1px 3px;font-size:7px}}@media (width<=768px){.customer-selected-info-row-compact{gap:4px;margin-top:3px}.customer-type-badge-inline-compact{padding:2px 5px;font-size:8px}.customer-suggestion-details-row-compact{gap:3px;margin-top:2px}.customer-suggestion-mobile-compact{font-size:8px}.customer-type-badge-compact{padding:2px 4px;font-size:8px}}@media (width<=480px){.customer-selected-info-row-compact{gap:3px}.customer-type-badge-inline-compact{padding:1px 4px;font-size:7px}.customer-suggestion-details-row-compact{gap:2px}.customer-suggestion-mobile-compact{font-size:7px}.customer-type-badge-compact{padding:1px 3px;font-size:7px}}@media (prefers-color-scheme:dark){.customer-type-badge-inline-compact.wholesale,.customer-type-badge-compact.wholesale{color:#fffacd;background:#b8860b}.customer-type-badge-inline-compact.retail,.customer-type-badge-compact.retail{color:#bfdbfe;background:#1e3a8a}}.hb-summary-stats{background:linear-gradient(135deg,#f8f9fa 0%,#f0f2f5 100%);border-bottom:1px solid #e5e7eb;flex-shrink:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;display:grid}.hb-stat-card{border-left:4px solid var(--system-main-color);background-color:#fff;border-radius:6px;flex-direction:column;justify-content:space-between;min-height:70px;padding:14px 16px;transition:all .3s;display:flex;box-shadow:0 2px 8px #00000014}.hb-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #667eea26}.hb-stat-label{color:#666;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:10px;font-weight:700}.hb-stat-value{color:var(--system-main-color);word-break:break-word;font-size:16px;font-weight:700}.hb-form-title{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0 0 12px;padding-bottom:10px;font-size:13px;font-weight:700}.hb-single-row{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;display:flex}.hb-form-group{flex:1;min-width:140px}.hb-form-group.hb-compact{flex:0 auto;min-width:110px}.hb-form-group.hb-remark-group{flex:1.5;min-width:150px}.hb-form-group.hb-button-group{flex:0 auto;min-width:auto}.hb-form-group label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.hb-input,.hb-select,.hb-input-disabled{border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.hb-input{background-color:#fff}.hb-input-disabled{color:#6b7280;cursor:not-allowed;background-color:#f3f4f6}.hb-select{cursor:pointer;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='10'%20height='10'%3E%3Cpolygon%20points='0,0%205,5%2010,0'%20fill='%23999'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;padding-right:25px}.hb-select:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.hb-save-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;width:100%;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.hb-list-header{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hb-list-header h4{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:none;margin:0;padding-bottom:0;font-size:13px;font-weight:700}.hb-list-controls{flex:1;align-items:center;gap:10px;min-width:250px;display:flex}.hb-action-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #10b98133}.hb-action-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.hb-action-btn:active{transform:translateY(0)}.hb-items-row{background:#f9fafb}.hb-items-row td{border:none;padding:0}.hb-items-container{padding:12px}.hb-items-table{border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;border-radius:4px;width:100%;font-size:11px}.hb-items-table thead{background:#f2f2f2}.hb-items-table th{text-align:center;color:#1f2937;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700}.hb-items-table td{color:#374151;text-align:center;border-bottom:1px solid #f3f4f6;padding:6px}.hb-item-row:hover{background:#f9fafb}.hb-item-name{color:#1f2937;text-align:left;padding-left:8px;font-weight:600}.hb-item-qty{text-align:center;font-weight:600}.hb-item-rate{text-align:right;color:#059669;padding-right:8px;font-weight:600}.hb-item-amount{text-align:right;color:#3b82f6;padding-right:8px;font-weight:700}@media screen and (width<=1024px){.hb-modal{max-width:95%}.hb-single-row{gap:8px}.hb-form-group.hb-compact{min-width:100px}.hb-form-group.hb-remark-group{flex:1;min-width:120px}}@media screen and (width<=768px){.hb-modal{width:95%;max-height:90vh}.hb-single-row{flex-direction:column;gap:8px}.hb-form-group,.hb-form-group.hb-compact,.hb-form-group.hb-remark-group,.hb-form-group.hb-button-group{flex:100%;min-width:100%}.hb-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.hb-table-container{max-height:300px}.hb-list-header{flex-direction:column;align-items:flex-start}.hb-list-controls{width:100%}}@media screen and (width<=480px){.hb-modal{width:98%;max-height:95vh}.hb-header h3{font-size:12px}.hb-summary-stats{grid-template-columns:1fr;gap:8px}.hb-stat-card{min-height:55px;padding:8px 10px}.hb-form-title{font-size:11px}.hb-input,.hb-select,.hb-input-disabled{padding:5px 6px;font-size:10px}.hb-table{font-size:9px}.hb-table th{padding:4px 2px;font-size:8px}.hb-table td{padding:4px 2px}.hb-action-btn{padding:5px 10px;font-size:9px}}@media screen and (width<=360px){.hb-modal{width:99%}.hb-summary-stats{grid-template-columns:1fr}.hb-table{font-size:8px}.hb-action-btn{padding:4px 8px;font-size:8px}}:root{--system-main-color:#667eea;--system-middle-color:#5f4c5e;--sytem-secondary-color:#b9b9bb;--sidebar-color-nav-color:#390842;--pagination-button:#d1cee0;--pagination-button-hover:#734779d5;--sytem-panel-colors:#dfdddd;--sytem-panel-background-colors:#fff;--border-color-whole-system:#c000e6;--panel-color-whole-system:#b1daeb;--font-color-whole-system:#070f79;--primary-color:#667eea;--secondary-color:#2ecc71;--accent-color:#e74c3c;--drop-down-hover:#969494ee;--closebutton-color:#aeb6bf;--closebutton-color-hover:#922b21;--close-button-icon-color:#d86565;--saveButton-color:#7aba81;--saveButton-color-hover:#203d23;--update-button-color:#ebd870;--update-button-color-hover:#b39b14;--table-headers:#435585;--table-border-color:#ddd;--table-tr-background-color:#fff;--black:#000;--white:#fff;--font-color-blue:#273746;--font-size-12:12px;--font-size-10:10px;--edit-icon-color:#ebd870;--delete-icon-color:#f34758;--order-icon-color:#e7a2d6;--payment-icon-color:#53db65;--print-icon-color:#66c9d6;--filter-icon-color:#cfaadd;--upload-icon-color:#78a3ce;--refresh-icon-color:#e2b27c;--edit-icon-color-hover:#b39b14;--delete-icon-color-hover:#a81322;--order-icon-color-hover:#a31680;--payment-icon-color-hover:#0e8a1f;--print-icon-color-hover:#0e626d;--filter-icon-color-hover:#54136e;--upload-icon-color-hover:#0a233b;--refresh-icon-color-hover:#854f13;--color-bg:#f8f9fa;--color-card-bg:var(--white)fff;--color-border:#dee2e6;--color-primary:#3b393b;--color-secondary:#6c757d;--color-highlight:#007bff;--color-success:#28a745;--color-danger:#db9199;--color-shadow:#0000001a;--delete-button:#f1948a;--delete-button-hover:#b03a2e;--scanbar-bg:#2b333b;--search-box-bg:#fff;--primary-dark:#764ba2;--success-color:#10b981;--danger-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6}*{box-sizing:border-box}.invoice-container{background-color:#e0e0e0;width:100%;height:90vh;display:flex;overflow:hidden}.invoice-main-wrapper{gap:0;width:100%;height:100%;display:flex}.left-panel{background-color:#fff;flex-direction:column;flex:2;gap:6px;min-width:0;height:100%;padding:8px;display:flex;overflow:hidden}.right-panel{background-color:#f8f9fa;border-left:2px solid #e5e7eb;flex-direction:column;flex-shrink:0;gap:6px;width:350px;height:100%;padding:10px;display:flex;overflow:hidden}.card-container{background-color:#fafbfc;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;flex:0 0 35%;place-content:start flex-start;gap:6px;min-height:0;padding:6px;display:flex;overflow:hidden auto}.card-container::-webkit-scrollbar{width:8px}.card-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.card-container::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}.card-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.product-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex-direction:column;flex-shrink:0;width:130px;height:fit-content;padding:8px;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 8px #00000014}.product-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.product-card img:not(.delete-btn){object-fit:cover;border-radius:6px;width:100%;height:70px;margin-bottom:4px}.product-card h3{color:#1f2937;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:2px 0;font-size:10px;font-weight:600;line-height:1.2;display:-webkit-box;overflow:hidden}.product-card p{color:#6b7280;margin:1px 0;font-size:8px}.total-display{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;min-height:fit-content;padding:8px 12px;display:flex;box-shadow:0 4px 12px #667eea4d}.total-display .item-count,.total-display .total-quantity,.total-display .total-discount{color:#e0e7ff;white-space:nowrap;font-size:10px;font-weight:600}.total-display .total-amount{color:#fbbf24;border-left:2px solid #ffffff4d;margin-left:auto;padding-left:10px;font-size:14px;font-weight:700}.footer-container-mill{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;flex:1;min-height:0;max-height:350px;padding:6px;overflow-y:auto}.footer-container-mill::-webkit-scrollbar{width:8px}.footer-container-mill::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.footer-container-mill::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}.footer-container-mill::-webkit-scrollbar-thumb:hover{background:#94a3b8}.footer-options{flex-wrap:wrap;justify-content:flex-start;gap:5px;display:flex}.option-box{cursor:pointer;text-align:center;background-color:#f8fafc;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;min-width:70px;padding:6px;transition:all .3s;display:flex}.option-box:hover{border-color:var(--primary-color);background-color:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.option-box img{object-fit:contain;width:28px;height:28px;margin-bottom:3px}.option-box span{color:#374151;font-size:9px;font-weight:600;line-height:1.1}.option-box input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:var(--primary-color);margin-top:3px}.products-grid-panel{flex-direction:column;flex:1;gap:6px;min-height:0;display:flex;overflow:hidden}.products-grid-panel h4{color:#1f2937;flex-shrink:0;margin:0;padding:0 4px;font-size:13px;font-weight:700}.products-search-container{flex-direction:column;flex-shrink:0;gap:3px;display:flex}.products-search-wrapper{align-items:center;display:flex;position:relative}.products-search-icon{pointer-events:none;color:#9ca3af;font-size:12px;position:absolute;left:8px}.products-search-input{background-color:#fff;border:2px solid #e5e7eb;border-radius:6px;width:100%;padding:6px 6px 6px 28px;font-size:11px;transition:all .2s}.products-search-input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 3px #667eea1a}.products-search-clear{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;font-size:14px;transition:color .2s;display:flex;position:absolute;right:6px}.products-search-clear:hover{color:#6b7280}.products-search-results{color:#10b981;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:600}.products-search-results.no-results{color:#ef4444;background-color:#fef2f2;border-color:#fca5a5}.products-grid{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;grid-template-columns:repeat(2,1fr);align-content:start;gap:6px;min-height:0;padding:6px;display:grid;overflow:hidden auto}.products-grid::-webkit-scrollbar{width:8px}.products-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.products-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}.products-grid::-webkit-scrollbar-thumb:hover{background:#94a3b8}.product-grid-item{cursor:pointer;background-color:#fff;border:2px solid #e5e7eb;border-radius:8px;flex-direction:column;height:auto;min-height:280px;max-height:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.product-grid-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.product-grid-item input[type=checkbox]{z-index:5;cursor:pointer;width:18px;height:18px;accent-color:var(--primary-color);position:absolute;top:6px;left:6px}.product-grid-item>img:first-of-type{object-fit:cover;background-color:#f3f4f6;flex-shrink:0;width:100%;height:90px}.product-details{background-color:#fff;flex-direction:column;flex:1;gap:4px;min-height:0;padding:8px;display:flex;overflow:hidden}.product-name{color:#1f2937;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:12px;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-id,.product-barcode,.product-supplier{color:#6b7280;justify-content:space-between;align-items:center;gap:4px;margin:0;font-size:10px;line-height:1.3;display:flex;overflow:hidden}.product-id strong,.product-barcode strong,.product-supplier strong{color:#374151;text-overflow:ellipsis;white-space:nowrap;text-align:right;flex:1;font-weight:600;overflow:hidden}.product-price{color:#fff;text-align:center;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:4px;flex-shrink:0;margin:3px 0 0;padding:4px 6px;font-size:12px;font-weight:700;box-shadow:0 2px 4px #10b98133}.product-stock{color:#fff;text-align:center;background:linear-gradient(135deg,#3b82f6 0%,#1d4ed8 100%);border-radius:4px;flex-shrink:0;margin:3px 0 0;padding:4px 6px;font-size:11px;font-weight:600;box-shadow:0 2px 4px #3b82f633}.product-stock.out-of-stock{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)}.empty-state-container{text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:15px;height:100%;padding:30px 15px;display:flex;overflow:hidden}.empty-state-icon{filter:drop-shadow(0 2px 4px #0003);font-size:60px;animation:3s ease-in-out infinite float}.empty-state-content{width:100%}.empty-state-title{color:#fff;margin:0 0 8px;font-size:18px;font-weight:700}.empty-state-description{color:#e0e7ff;margin:0 0 15px;font-size:12px;line-height:1.5}.empty-state-cta{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;display:flex}.empty-state-button{cursor:pointer;white-space:nowrap;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:11px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.empty-state-button.primary{color:#667eea;background:#fff;box-shadow:0 2px 8px #0003}.empty-state-button.primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.empty-state-button.secondary{color:#fff;background:#fff3;border:1px solid #fff6}.empty-state-button.secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.empty-state-tips{color:#e0e7ff;background:#ffffff26;border:1px solid #fff3;border-radius:8px;margin-top:10px;padding:10px;font-size:11px;line-height:1.4}@media (width<=1400px){.bm-bottom-section{grid-template-columns:1fr}.bm-products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (width<=1200px){.products-grid{grid-template-columns:1fr}.right-panel{width:300px}}@media (width<=1024px){.right-panel{width:280px}.products-grid{grid-template-columns:1fr}.footer-options{justify-content:center}.bm-overlay{padding:10px}.bm-modal{max-width:95vw;height:95vh}.em-overlay{padding:10px}.em-modal{max-width:95vw}}@media (width<=768px){.invoice-main-wrapper{flex-direction:column}.left-panel{flex:1;height:auto}.right-panel{border-top:2px solid #e5e7eb;border-left:none;width:100%;max-width:100%;height:30vh}.card-container{flex:0 0 40%}.total-display{flex-wrap:wrap;justify-content:space-between}.total-display .total-amount{border-left:none;width:100%;margin-top:4px;margin-left:0;padding-left:0}.footer-container-mill{max-height:180px}.products-grid{grid-template-columns:repeat(2,1fr);gap:4px;padding:4px}.product-grid-item{max-height:200px}.product-name{font-size:10px}.product-id,.product-barcode,.product-supplier{font-size:8px}.product-price,.product-stock{font-size:9px}.products-selection-footer{gap:6px;padding:8px}.products-selection-info{font-size:11px}.products-selection-btn{padding:5px 10px;font-size:9px}.bm-products-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.bm-bottom-section{grid-template-columns:1fr}.em-list-header{flex-direction:column;align-items:flex-start}.em-list-controls{width:100%;max-width:100%}.empty-state-container{gap:12px;padding:25px 12px}.empty-state-icon{font-size:50px}.empty-state-title{font-size:16px}.empty-state-description{font-size:11px}.empty-state-button{padding:6px 12px;font-size:10px}.empty-state-tips{padding:8px;font-size:10px}}@media (width<=480px){.left-panel{gap:4px;padding:4px}.right-panel{gap:4px;height:25vh;padding:6px}.card-container{flex:0 0 35%;gap:3px;padding:3px}.product-card{width:110px;padding:6px}.product-card img:not(.delete-btn){height:60px}.total-display{gap:6px;padding:6px;font-size:9px}.total-display .total-amount{font-size:12px}.footer-container-mill{max-height:150px;padding:4px}.footer-options{gap:3px}.option-box{min-width:60px;padding:4px 6px}.option-box img{width:24px;height:24px;margin-bottom:2px}.option-box span{font-size:7px}.products-grid-panel h4{font-size:11px}.products-search-input{padding:4px 4px 4px 22px;font-size:9px}.products-grid{grid-template-columns:1fr;gap:3px;padding:3px}.product-grid-item{max-height:160px}.product-grid-item>img:first-of-type{height:55px}.product-details{gap:1px;padding:5px}.product-name{-webkit-line-clamp:1;line-clamp:1;font-size:9px}.product-id,.product-barcode,.product-supplier{font-size:7px}.product-price,.product-stock{padding:2px 3px;font-size:8px}.products-selection-footer{flex-direction:column;align-items:stretch;padding:8px}.products-selection-info{justify-content:center;font-size:11px}.products-selection-actions{justify-content:stretch}.products-selection-btn{flex:1;padding:6px 8px;font-size:9px}.bm-modal{border-radius:8px}.bm-header h2{font-size:12px}.bm-products-grid{grid-template-columns:1fr;gap:5px}.bm-bottom-section{gap:6px}.bm-actions{flex-direction:column;gap:4px;padding:8px}.bm-btn{width:100%;min-width:auto;padding:6px 10px}.em-table th,.em-table td{padding:4px 2px;font-size:8px}.em-table-product{max-width:60px}.empty-state-container{padding:20px 10px}.empty-state-icon{font-size:45px}.empty-state-title{font-size:15px}.empty-state-description{font-size:10px}.empty-state-cta{flex-direction:column;gap:6px}.empty-state-button{justify-content:center;width:100%;padding:8px 12px;font-size:10px}}.hidden{display:none!important}.visible{display:block!important}.no-scroll{overflow:hidden!important}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.bm-modal,.em-modal{animation:.3s cubic-bezier(.34,1.56,.64,1) scaleIn}@media print{.invoice-container{background:#fff}.right-panel,.footer-container-mill,.bm-overlay,.em-overlay{display:none!important}.left-panel{padding:0}.card-container{background:0 0;border:none}}.hb-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;display:flex;position:fixed;top:0;left:0}.hb-modal{border:2px solid var(--system-main-color);background:#fff;border-radius:10px;flex-direction:column;width:90%;max-width:800px;max-height:100vh;animation:.3s ease-out hbSlideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}@keyframes hbSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hb-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:2px solid #e5e7eb;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.hb-header h3{color:#fff;letter-spacing:.5px;margin:0;font-size:16px;font-weight:700}.hb-form-section{background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;padding:12px 18px}.hb-combined-row{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.hb-add-section,.hb-search-section{flex-direction:column;flex:1;gap:6px;min-width:300px;display:flex}.hb-section-label{color:#1f2937;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f0f0;margin:0;padding-bottom:4px;font-size:10px;font-weight:700}.hb-add-controls{align-items:center;gap:8px;display:flex}.hb-add-controls .hb-form-group{flex:1;min-width:0}.hb-add-controls .hb-form-group input{width:100%}.hb-add-controls .hb-save-btn{flex-shrink:0;width:auto;min-width:80px;padding:6px 12px}.hb-search-controls{align-items:center;gap:8px;display:flex}.hb-search-group{flex:1;min-width:0;position:relative}.hb-search-icon{color:#9ca3af;pointer-events:none;font-size:12px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.hb-search-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-family:inherit;font-size:11px;transition:all .3s}.hb-search-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.hb-form-group{flex-direction:column;display:flex}.hb-input{background-color:#fff;border:1px solid #d1d5db;border-radius:4px;width:100%;padding:6px 8px;font-family:inherit;font-size:11px;transition:all .3s}.hb-input:focus{border-color:var(--system-main-color);background-color:#f9fafb;outline:none;box-shadow:0 0 0 2px #667eea1a}.hb-save-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;border:none;border-radius:4px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #667eea33}.hb-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.hb-save-btn:disabled{opacity:.6;cursor:not-allowed}.hb-saved-list{background-color:#fff;flex-direction:column;flex:1;padding:14px 18px;display:flex;overflow:hidden}.hb-table-wrapper{flex-direction:column;flex:1;display:flex;overflow:hidden}.hb-table-container{border:1px solid #e5e7eb;border-radius:4px;flex:1;overflow-y:auto;box-shadow:0 2px 6px #0000000d}.hb-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.hb-table th{color:#1f2937;text-align:center;z-index:10;background:#f2f2f2;border-bottom:1px solid #d1d5db;padding:8px 6px;font-size:10px;font-weight:700;position:sticky;top:0}.hb-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:6px}.hb-table tbody tr{background-color:#fff;transition:all .2s}.hb-table tbody tr:hover{background-color:#f9fafb}.hb-table tbody tr:last-child td{border-bottom:none}.hb-amount-cell{color:#059669;font-family:Courier New,monospace;font-size:11px;font-weight:700}.hb-get-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:4px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .3s;box-shadow:0 2px 6px #10b98133}.hb-get-btn:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 4px 10px #10b9814d}.hb-get-btn:active{transform:translateY(0)}.hb-no-data{text-align:center;color:#9ca3af;background-color:#f9fafb;border:1px dashed #e5e7eb;border-radius:4px;padding:40px 20px}.hb-no-data p{margin:0;font-size:12px;font-weight:500}.hb-pagination{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);border-top:1px solid #e5e7eb;border-radius:4px;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:12px;margin-top:12px;margin-bottom:12px;padding:12px 15px;display:flex}.hb-pagination-btn{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:6px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .3s;box-shadow:0 2px 8px #667eea33}.hb-pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3 0%,#4052b8 100%);transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.hb-pagination-btn:active:not(:disabled){transform:translateY(0)}.hb-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.hb-pagination-info{color:#374151;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;min-width:110px;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 1px 3px #0000000d}.hb-table-container::-webkit-scrollbar{width:6px}.hb-table-container::-webkit-scrollbar-track{background:#f1f1f1}.hb-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.hb-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (width<=1024px){.hb-modal{max-width:95%}.hb-combined-row{gap:15px}.hb-add-section,.hb-search-section{min-width:250px}}@media screen and (width<=768px){.hb-modal{width:95%;max-height:90vh}.hb-combined-row{flex-direction:column;gap:12px}.hb-add-section,.hb-search-section{width:100%;min-width:100%}.hb-table-container{max-height:300px}}@media screen and (width<=480px){.hb-modal{width:98%;max-height:95vh}.hb-header{padding:12px 15px}.hb-header h3{font-size:12px}.hb-form-section{padding:10px 15px}.hb-section-label{font-size:9px}.hb-input,.hb-search-input{padding:5px 6px;font-size:10px}.hb-search-input{padding-left:28px}.hb-add-controls{flex-direction:column;gap:6px}.hb-add-controls .hb-save-btn{width:100%}.hb-saved-list{padding:10px 15px}.hb-table{font-size:9px}.hb-table th{padding:4px 2px;font-size:8px}.hb-table td{padding:4px 2px}.hb-get-btn{padding:4px 8px;font-size:9px}.hb-pagination{gap:8px;padding:10px 12px}.hb-pagination-btn{padding:6px 12px;font-size:9px}.hb-pagination-info{min-width:90px;padding:6px 10px;font-size:9px}}@media screen and (width<=360px){.hb-modal{width:99%}.hb-header h3{font-size:11px}.hb-table{font-size:8px}.hb-table th{padding:3px 1px;font-size:7px}.hb-table td{padding:3px 1px}.hb-get-btn{padding:3px 6px;font-size:8px}.hb-pagination-btn{padding:4px 8px;font-size:8px}.hb-pagination-info{min-width:80px;padding:4px 8px;font-size:8px}}.hb-remark-cell{text-overflow:ellipsis;white-space:nowrap;text-align:left;max-width:100px;padding-left:8px;overflow:hidden}.hb-no-data-row td{text-align:center;color:#9ca3af;padding:30px 20px}.hb-loading{color:#9ca3af;justify-content:center;align-items:center;padding:40px;font-size:12px;display:flex}.hb-error{color:#dc2626;text-align:center;background-color:#fee2e2;border-radius:4px;padding:20px;font-size:11px;font-weight:600}.hb-success{color:#065f46;text-align:center;background-color:#d1fae5;border-radius:4px;padding:20px;font-size:11px;font-weight:600}.bm-overlay{z-index:1300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;display:flex;position:fixed;top:0;left:0}.bm-modal{border:2px solid var(--system-main-color);background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:14px;flex-direction:column;width:95%;max-width:1500px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 50px #0003}@keyframes barrelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.bm-header{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);border-bottom:3px solid #fff3;border-radius:14px 14px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;box-shadow:0 4px 15px #667eea33}.bm-header h2{color:#fff;letter-spacing:.5px;margin:0;font-size:18px;font-weight:800}.bm-close-btn{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff6;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;transition:all .3s;display:flex}.bm-close-btn:hover{background:#f44;border-color:#f44;transform:rotate(90deg);box-shadow:0 4px 12px #ff44444d}.bm-content{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow:hidden}.bm-content::-webkit-scrollbar{width:8px}.bm-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.bm-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bm-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bm-products-section{background:#fffffffa;border:2px solid #e5e7eb;border-radius:10px;flex-shrink:0;padding:14px;box-shadow:0 2px 8px #0000000d}.bm-section-title{color:var(--system-main-color);text-transform:uppercase;letter-spacing:.6px;border-bottom:3px solid var(--system-main-color);margin:0 0 12px;padding-bottom:10px;font-size:14px;font-weight:800}.bm-products-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-height:300px;padding:8px;display:grid;overflow-y:auto}.bm-products-grid::-webkit-scrollbar{width:6px}.bm-products-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.bm-products-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.bm-products-grid::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.bm-product-card{background:linear-gradient(135deg,#f9fafb 0%,#fff 100%);border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;gap:10px;padding:12px;transition:all .3s;display:flex;box-shadow:0 2px 6px #0000000a}.bm-product-card:hover{border-color:var(--system-main-color);transform:translateY(-2px);box-shadow:0 6px 16px #667eea26}.bm-product-header{align-items:center;gap:10px;display:flex}.bm-product-image{object-fit:cover;background-color:#f3f4f6;border:2px solid #e5e7eb;border-radius:8px;flex-shrink:0;width:55px;height:55px}.bm-product-info{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.bm-product-name{color:#1f2937;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.bm-product-barcode{color:#6b7280;margin:0;font-family:monospace;font-size:10px;font-weight:600}.bm-product-stock{color:#10b981;background:#ecfdf5;border-radius:4px;width:fit-content;margin:0;padding:2px 6px;font-size:11px;font-weight:700;display:inline-block}.bm-product-stock.low{color:#ef4444;background:#fef2f2}.bm-quantity-label{color:#374151;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:10px;font-weight:700;display:block}.bm-quantity-input{border:2px solid var(--system-main-color);text-align:center;box-sizing:border-box;width:100%;color:var(--system-main-color);background:linear-gradient(135deg,#f0f9ff 0%,#f8fcff 100%);border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700;transition:all .3s}.bm-quantity-input:focus{background-color:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 4px #667eea26}.bm-bottom-section{flex:1;grid-template-columns:1fr 1.2fr;gap:14px;min-height:0;display:grid;overflow:hidden}.bm-barrel-display{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);border-radius:10px;flex-direction:column;justify-content:center;gap:14px;min-height:220px;padding:18px;display:flex;overflow-y:auto;box-shadow:0 6px 20px #f5576c40}.bm-barrel-display::-webkit-scrollbar{width:6px}.bm-barrel-display::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.bm-barrel-display::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.bm-barrel-display::-webkit-scrollbar-thumb:hover{background:#ffffff80}.bm-barrel-title{color:#fff;text-shadow:2px 2px 4px #0003;letter-spacing:.5px;margin:0;font-size:14px;font-weight:800}.bm-barrel-content{background:#fffffff7;border-radius:10px;flex-direction:column;gap:12px;padding:16px;display:flex}.bm-barrel-horizontal{border:2px solid var(--system-main-color);background:linear-gradient(135deg,#f0f9ff 0%,#e0f2fe 100%);border-radius:10px;justify-content:center;align-items:center;gap:16px;padding:14px;display:flex;box-shadow:0 4px 12px #667eea1a}.bm-barrel-icon{font-size:56px;line-height:1;animation:2.5s ease-in-out infinite barrelPulse}.bm-barrel-info{text-align:left;flex-direction:column;gap:2px;display:flex}.bm-barrel-count{color:var(--system-main-color);font-size:28px;font-weight:900;line-height:1}.bm-barrel-label{color:#6b7280;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:700}.bm-rate-section{background:linear-gradient(135deg,#f0fdf4 0%,#f7fee7 100%);border:2px solid #10b981;border-radius:8px;padding:12px}.bm-rate-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:10px;font-weight:700}.bm-rate-value{color:#10b981;font-size:16px;font-weight:800}.bm-discount-value{color:#10b981;margin-top:4px;font-size:11px;font-weight:700}.bm-multiplier{border:2px solid var(--system-main-color);background:linear-gradient(135deg,#f0f9ff 0%,#f8fcff 100%);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.bm-multiplier-label{color:#374151;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;font-size:11px;font-weight:700}.bm-multiplier-input{border:2px solid var(--system-main-color);text-align:center;width:65px;color:var(--system-main-color);background:#fff;border-radius:6px;padding:8px;font-size:13px;font-weight:700;transition:all .2s}.bm-multiplier-input:focus{outline:none;box-shadow:0 0 0 3px #667eea26}.bm-multiplier-equals{color:var(--system-main-color);font-size:18px;font-weight:800}.bm-multiplier-result{background:linear-gradient(135deg, var(--system-main-color) 0%, #5568d3 100%);color:#fff;text-align:center;border-radius:8px;min-width:85px;padding:8px 14px;font-size:18px;font-weight:800;box-shadow:0 4px 12px #667eea4d}.bm-summary-section{background:#fffffffa;border:2px solid #e5e7eb;border-radius:10px;flex-direction:column;padding:14px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000000d}.bm-summary-title{color:var(--system-main-color);text-transform:uppercase;letter-spacing:.6px;border-bottom:3px solid var(--system-main-color);margin:0 0 12px;padding-bottom:10px;font-size:14px;font-weight:800}.bm-table-wrapper{border:1px solid #e5e7eb;border-radius:8px;flex:1;min-height:0;overflow-y:auto}.bm-table-wrapper::-webkit-scrollbar{width:6px}.bm-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.bm-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.bm-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}.bm-table{border-collapse:collapse;background-color:#fff;width:100%;font-size:11px}.bm-table th{color:#1f2937;text-align:center;z-index:10;border-bottom:2px solid var(--system-main-color);text-transform:uppercase;letter-spacing:.4px;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);padding:8px 6px;font-size:10px;font-weight:800;position:sticky;top:0}.bm-table td{text-align:center;color:#374151;border-bottom:1px solid #e5e7eb;padding:8px 6px}.bm-table tbody tr{background-color:#fff;transition:all .2s}.bm-table tbody tr:nth-child(2n){background-color:#f9fafb}.bm-table tbody tr:hover{background-color:#f0f9ff;box-shadow:inset 0 0 8px #667eea1a}.bm-table-product{text-align:left;color:#1f2937;text-overflow:ellipsis;white-space:nowrap;max-width:140px;padding-left:8px;font-weight:700;overflow:hidden}.bm-table-barcode{color:#6b7280;font-family:monospace;font-size:9px;font-weight:600}.bm-table-stock{color:#10b981;background:#ecfdf5;border-radius:4px;padding:2px 6px;font-weight:700;display:inline-block}.bm-table-mixed{color:var(--system-main-color);font-weight:800}.bm-table-remaining{border-radius:4px;padding:2px 6px;font-weight:700}.bm-table-remaining.low{color:#ef4444;background:#fef2f2;font-weight:800}.bm-table-remaining.ok{color:#10b981;background:#ecfdf5}.bm-table-subtotal{color:var(--system-main-color);font-weight:800}.bm-table-total-row{border-top:2px solid var(--system-main-color);border-bottom:2px solid var(--system-main-color);background:linear-gradient(135deg,#f0f9ff 0%,#f8fcff 100%);font-weight:800}.bm-table-total-label{text-align:right;color:var(--system-main-color);letter-spacing:.5px;font-size:11px}.bm-actions{background:linear-gradient(135deg,#f8fafc 0%,#f0f4f8 100%);border-top:2px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0;justify-content:center;gap:12px;padding:14px 16px;display:flex;box-shadow:0 -4px 12px #0000000d}.bm-btn{cursor:pointer;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:130px;padding:10px 22px;font-size:12px;font-weight:800;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000001a}.bm-btn:disabled{opacity:.5;cursor:not-allowed}.bm-btn-reset{color:#374151;background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border:2px solid #d1d5db}.bm-btn-reset:hover:not(:disabled){color:#1f2937;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.bm-btn-summary{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;box-shadow:0 4px 12px #10b9814d}.bm-btn-summary:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.bm-btn-add-invoice{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;box-shadow:0 4px 12px #f59e0b4d}.bm-btn-add-invoice:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#b45309 100%);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}@media screen and (width<=1200px){.bm-products-grid{grid-template-columns:repeat(2,1fr)}.bm-bottom-section{grid-template-columns:1fr}}@media screen and (width<=768px){.bm-modal{width:98%;max-height:95vh}.bm-header{padding:14px 16px}.bm-header h2{font-size:15px}.bm-close-btn{width:32px;height:32px;font-size:16px}.bm-content{gap:12px;padding:12px}.bm-products-grid{grid-template-columns:1fr;max-height:220px}.bm-product-image{width:50px;height:50px}.bm-section-title,.bm-summary-title{font-size:12px}.bm-barrel-icon{font-size:48px}.bm-barrel-count{font-size:24px}.bm-multiplier-result{min-width:75px;font-size:16px}.bm-table{font-size:10px}.bm-table th{padding:6px 4px;font-size:9px}.bm-table td{padding:6px 4px}.bm-btn{min-width:110px;padding:8px 16px;font-size:11px}}@media screen and (width<=480px){.bm-modal{width:99%;max-height:98vh}.bm-header{padding:12px 14px}.bm-header h2{font-size:13px}.bm-close-btn{width:30px;height:30px;font-size:14px}.bm-content{gap:10px;padding:10px}.bm-products-section,.bm-summary-section{padding:10px}.bm-products-grid{grid-template-columns:1fr;gap:8px;max-height:180px}.bm-product-card{gap:6px;padding:8px}.bm-product-image{width:45px;height:45px}.bm-product-name{font-size:11px}.bm-product-barcode{font-size:9px}.bm-barrel-icon{font-size:40px}.bm-barrel-count{font-size:20px}.bm-barrel-horizontal{gap:12px;padding:10px}.bm-multiplier{gap:6px;padding:8px}.bm-multiplier-input{width:55px;padding:6px;font-size:12px}.bm-multiplier-result{min-width:65px;padding:6px 10px;font-size:14px}.bm-multiplier-equals{font-size:14px}.bm-table{font-size:9px}.bm-table th{padding:5px 3px;font-size:8px}.bm-table td{padding:5px 3px}.bm-table-product{max-width:100px;font-size:10px}.bm-actions{flex-direction:column;gap:8px;padding:10px 12px}.bm-btn{width:100%;min-width:auto;padding:8px 14px;font-size:10px}.bm-section-title,.bm-summary-title{margin-bottom:8px;font-size:11px}.bm-quantity-label{margin-bottom:3px;font-size:9px}.bm-quantity-input{padding:6px 8px;font-size:12px}}.stock-out-report{background-color:#c9ccf8;border-radius:8px;max-width:1500px;margin:0 auto;padding:20px;box-shadow:0 0 12px #0000001a}.stock-out-report h1{text-align:center;color:#333;margin-bottom:20px;font-size:24px}.stock-in-chart{background-color:#e8f5e9;border-radius:8px;max-width:1500px;margin:0 auto;padding:20px;box-shadow:0 0 12px #0000001a}.stock-in-chart h1{text-align:center;color:#333;margin-bottom:20px;font-size:24px}.date-range-container{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}.date-range-container label{color:#555;flex-direction:column;font-size:14px;display:flex}.date-input{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:5px;font-size:14px}.apply-button{color:#fff;cursor:pointer;background-color:#43a047;border:none;border-radius:4px;padding:6px 12px;font-size:14px}.apply-button:hover{background-color:#388e3c}.search-container{margin-bottom:25px;position:relative}.suggestions-list{z-index:1000;background-color:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 4px 4px;width:100%;max-height:250px;position:absolute;top:38px;overflow-y:auto}.suggestion-item{cursor:pointer;color:#333;padding:8px 12px;font-size:14px}.suggestion-item:hover{background-color:#f0f0f0}.product-info{background-color:#fff;border:1px solid #ddd;border-radius:4px;align-items:center;gap:20px;margin-bottom:25px;padding:12px 16px;display:flex}.product-details{flex-direction:column;gap:8px;display:flex}.product-image{object-fit:cover;border:1px solid #ccc;border-radius:8px;width:150px;height:150px}.product-info h2{color:#444;margin-top:0;font-size:18px}.product-info p{color:#555;margin:6px 0;font-size:14px}.chart-container{background-color:#fff;border:1px solid #ddd;border-radius:4px;max-width:1300px;padding:16px}.chart-container h3{text-align:center;color:#333;margin-top:0;font-size:16px}.chart-container canvas{max-width:100%;height:500px!important}.error-message{color:red;text-align:center;margin-bottom:15px;font-size:14px}.loading-message{text-align:center;color:#555;font-size:14px}.sales-chart-container{background-color:#f7f7f7;border-radius:10px;max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;box-shadow:0 4px 10px #0000001a}.filters{justify-content:space-between;margin-bottom:20px;display:flex}.filters div{flex-direction:column;display:flex}.filters label{color:#333;margin-bottom:5px;font-weight:700}.filters input{border:1px solid #ddd;border-radius:4px;padding:8px}.chart-wrapper{background-color:#fff;border:1px solid #ddd;border-radius:8px;margin-bottom:40px;padding:20px;box-shadow:0 2px 5px #0000001a}.chart-wrapper h2{text-align:center;color:#333;margin-bottom:10px}canvas{max-width:100%;height:400px}.error{color:#d9534f;text-align:center;font-size:16px}@media (width<=768px){.filters{flex-direction:column;gap:10px}.chart-wrapper h2{font-size:18px}}#container-customer-report{background-color:#b8c2fd;min-height:900px;padding:20px;font-family:Arial,sans-serif}#title-customer-report,#title-loan-payment-report{text-align:center;color:#333;font-size:24px}#search-container-customer-report,#search-container-loan-report{justify-content:center;align-items:center;gap:10px;margin-bottom:20px;display:flex}#search-box-customer-report,#invoice-search,#start-date-customer-report,#end-date-customer-report,#payment-start-date-customer-report,#payment-end-date-customer-report{border:1px solid #ccc;border-radius:4px;width:250px;padding:10px;font-size:14px}#search-button-customer-report,#search-button-loan-report{color:#fff;cursor:pointer;background-color:#28a745;border:none;border-radius:4px;padding:10px 15px;font-size:14px;transition:background-color .3s}#search-button-customer-report:hover,#search-button-loan-report:hover{background-color:#218838}#chart-container-customer-report,#chart-container-loan-report{cursor:pointer;background-color:#fff;border-radius:10px;width:80%;margin:20px auto;padding:20px;box-shadow:0 4px 8px #0003}.duplicate-container{max-width:800px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.filter-section{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.filter-field{flex-direction:column;display:flex}.filter-field label{margin-bottom:5px;font-weight:700}.filter-field input{border:1px solid #ccc;border-radius:3px;padding:5px;font-size:14px}button{color:#fff;cursor:pointer;background-color:#06c;border:none;border-radius:3px;padding:8px 12px;font-size:14px}button:disabled{cursor:not-allowed;background-color:#ccc}.duplicate-table{border-collapse:collapse;width:100%;margin-top:20px}.duplicate-table th,.duplicate-table td{text-align:center;border:1px solid #ddd;padding:8px}.duplicate-table th{color:#fff;background-color:#06c}.product-panel{box-sizing:border-box;background-color:#f4f4f9;border-radius:5px;max-width:100%;height:auto;min-height:1000px;padding:20px;font-family:sans-serif-black;overflow-y:auto;box-shadow:0 4px 8px #0000001a}.button-list{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:30px;margin-bottom:20px;display:flex}.button-list button{background-color:e7a9a9;color:#000;cursor:pointer;border:none;border-radius:10px;padding:5px 10px;font-size:12px;font-weight:700;transition:background-color .3s,color .3s;box-shadow:0 4px 6px #0000001a}.button-list button:hover{background-color:#f7e335;font-weight:800}.button-list .button-icon{margin-right:10px;font-size:12px}#removed-button{color:#af0d0d}#removed-button:hover{color:#fff;background-color:#6e0606}.user-info-panel{border-radius:5px;justify-content:flex-end;margin-bottom:20px;font-size:14px;display:flex}.user-info-panel p{justify-content:space-between;margin-right:15px;font-size:20px}.modal-overlay{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border-radius:8px;width:600px;max-width:90%;padding:20px;box-shadow:0 5px 15px #0000004d}.close-button{color:#fff;cursor:pointer;float:right;background-color:red;border:none;border-radius:4px;padding:5px 10px;font-size:16px}.close-button:hover{background-color:#8b0000}.product-content{box-sizing:border-box;border-radius:10px;width:100%;min-height:300px;transition:height .3s;overflow-y:auto}.product-content::-webkit-scrollbar{width:8px}.product-content::-webkit-scrollbar-thumb{border-radius:4px}@media screen and (width<=768px){.button-list{flex-direction:column;align-items:flex-start}.button-list button{box-sizing:border-box;width:100%;padding:8px 10px;font-size:12px}.user-info-panel p{justify-content:space-between;margin-right:15px;font-size:15px}}@media screen and (width<=480px){.button-list{gap:20px}.button-list button{padding:6px 8px;font-size:10px}.button-list .button-icon{font-size:10px}.user-info-panel p{justify-content:space-between;margin-right:15px;font-size:10px}}.backup-window{text-align:center;background:#f8f9fa;border-radius:10px;max-width:400px;margin:30px auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;box-shadow:0 0 10px #0000001a}.backup-window h2{color:#333;margin-bottom:15px}.backup-window p{color:#555;font-size:14px}.backup-input{border:2px solid #ced4da;border-radius:5px;outline:none;width:100%;margin:10px 0;padding:10px 12px;font-size:16px;transition:border-color .3s}.backup-input:focus{border-color:#80bdff}.backup-button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:5px;width:100%;margin-top:10px;padding:10px;font-size:16px;font-weight:700;transition:background-color .3s}.backup-button:hover{background-color:#0056b3}.backup-button:disabled{cursor:not-allowed;background-color:#6c757d}.backup-message{color:#333;margin-top:15px;font-size:14px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.pcb-container{background:#fff;justify-content:center;align-items:center;min-height:100vh;padding:0;display:flex}.pcb-loading,.pcb-error{text-align:center;background:#fff;border-radius:8px;width:100%;max-width:400px;margin:20px;padding:40px 20px;animation:.3s slideUp;box-shadow:0 2px 8px #00000014}.pcb-spinner{border:3px solid #f0f0f0;border-top-color:#000;border-radius:50%;width:40px;height:40px;margin:0 auto 20px;animation:1s linear infinite spin}.pcb-loading p{color:#666;margin:0;font-size:14px}.pcb-error h2{color:#000;margin:16px 0;font-size:18px;font-weight:600}.pcb-error p{color:#666;margin:12px 0;font-size:14px;line-height:1.5}.pcb-btn-primary{color:#fff;cursor:pointer;background:#000;border:none;border-radius:4px;margin-top:20px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-block}.pcb-btn-primary:hover{background:#333;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.pcb-btn-primary:active{transform:scale(.98)}.pcb-btn-secondary{color:#000;cursor:pointer;white-space:nowrap;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.pcb-btn-secondary:hover{background:#eee;border-color:#999}.pcb-btn-secondary:active{transform:scale(.98)}.pcb-btn-advanced{color:#000;cursor:pointer;text-transform:uppercase;letter-spacing:.3px;background:#f5f5f5;border:1px solid #ddd;border-radius:4px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:600;transition:all .2s}.pcb-btn-advanced:hover{background:#eee;border-color:#999}.pcb-btn-advanced.active{color:#fff;background:#000;border-color:#000}.pcb-btn-advanced:active{transform:scale(.98)}.pcb-content{background:#fff;flex-direction:column;width:100%;max-width:1400px;display:flex;box-shadow:0 1px 3px #00000014}.pcb-header{background:#fff;border-bottom:1px solid #e5e5e5;justify-content:space-between;align-items:center;gap:16px;padding:24px;display:flex}.pcb-header-content{flex:1}.pcb-header-content h1{color:#000;letter-spacing:-.5px;margin:0;font-size:24px;font-weight:700;line-height:1.3}.pcb-header-content p{color:#999;margin:6px 0 0;font-size:13px;font-weight:400}.pcb-header-actions{flex-shrink:0;gap:8px;display:flex}.pcb-customer-card{background:#fafafa;border:1px solid #e5e5e5;border-top:none;border-radius:0;margin:0}.pcb-card{background:#fff;border:1px solid #e5e5e5;border-radius:0;margin:0;overflow:hidden}.pcb-card-header{background:#f5f5f5;border-bottom:1px solid #e5e5e5;padding:16px 24px}.pcb-card-header h2{color:#000;text-transform:uppercase;letter-spacing:.3px;margin:0;font-size:14px;font-weight:700}.pcb-card-body{padding:20px 24px}.pcb-info-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.pcb-info-row:last-child{border-bottom:none}.pcb-label{color:#666;flex:none;min-width:100px;font-size:13px;font-weight:600}.pcb-value{color:#000;text-align:right;word-break:break-word;flex:1;font-size:13px;font-weight:500}.pcb-balance-grid{background:#fff;border:1px solid #e5e5e5;border-radius:0;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;margin:0;display:grid}.pcb-balance-card{text-align:center;background:#fff;border:1px solid #e5e5e5;border-top:none;border-left:none;flex-direction:column;justify-content:center;min-height:120px;padding:20px 16px;transition:all .2s;display:flex}.pcb-balance-card:nth-child(4n){border-right:none}.pcb-balance-card:nth-last-child(-n+4){border-bottom:none}.pcb-balance-card:hover{background:#fafafa}.pcb-balance-card.pcb-outstanding,.pcb-balance-card.pcb-settled{background:#fff}.pcb-balance-label{color:#999;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px;font-size:11px;font-weight:700}.pcb-balance-amount{color:#000;word-break:break-word;margin-bottom:8px;font-size:22px;font-weight:700;line-height:1.2}.pcb-balance-status{color:#000;text-transform:uppercase;letter-spacing:.2px;background:#f0f0f0;border-radius:3px;justify-content:center;align-items:center;gap:4px;width:fit-content;margin:0 auto;padding:4px 8px;font-size:11px;font-weight:700;display:flex}.pcb-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.pcb-table{border-collapse:collapse;background:#fff;width:100%;margin:0;font-size:13px}.pcb-table th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.3px;z-index:10;background:#f5f5f5;border-bottom:2px solid #e5e5e5;padding:12px 16px;font-size:12px;font-weight:700;position:sticky;top:0}.pcb-table td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:12px 16px}.pcb-table tbody tr{transition:all .2s}.pcb-table tbody tr:hover{background:#fafafa}.pcb-bill-number{color:#000;font-weight:700}.pcb-amount{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}.pcb-paid{color:#000}.pcb-outstanding{color:#000;font-weight:700}.pcb-date{color:#999;font-size:12px}.pcb-type{color:#666;font-weight:500}.pcb-status{text-align:center;text-transform:uppercase;letter-spacing:.2px;border-radius:3px;padding:4px 8px;font-size:11px;font-weight:600;display:inline-block}.pcb-status.success{color:#000;background:#f0f0f0}.pcb-status.pending{color:#666;background:#f5f5f5}.pcb-status.return{color:#000;background:#f0f0f0}.pcb-bills-list{flex-direction:column;gap:12px;padding:16px;display:flex}.pcb-bill-item{background:#fff;border:1px solid #e5e5e5;border-radius:4px;flex-shrink:0;animation:.3s slideUp;overflow:hidden}.pcb-bill-header{cursor:pointer;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.pcb-bill-header:hover{background:#f0f0f0}.pcb-bill-header:active{background:#e5e5e5}.pcb-bill-info{flex:1;min-width:150px}.pcb-bill-info h3{color:#000;word-break:break-word;margin:0;font-size:14px;font-weight:700}.pcb-bill-info p{color:#999;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:12px;overflow:hidden}.pcb-bill-amounts{flex-shrink:0;gap:16px;display:flex}.pcb-amount-box{text-align:right;flex-direction:column;align-items:flex-end;display:flex}.pcb-amount-box .label{color:#999;text-transform:uppercase;letter-spacing:.2px;font-size:11px;font-weight:700}.pcb-amount-box .value{color:#000;margin-top:2px;font-size:14px;font-weight:700}.pcb-expand-btn{cursor:pointer;color:#666;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.pcb-expand-btn:hover{color:#000}.pcb-bill-details{background:#fff;border-top:1px solid #e5e5e5;padding:16px;animation:.3s slideDown}.pcb-detail-row{border-bottom:1px solid #f0f0f0;justify-content:space-between;gap:16px;padding:10px 0;font-size:13px;display:flex}.pcb-detail-row:last-child{border-bottom:none}.pcb-detail-row span:first-child{color:#666;flex:none;font-weight:600}.pcb-detail-row span:last-child{color:#000;text-align:right;flex:1;font-weight:500}.pcb-no-data{text-align:center;color:#999;padding:40px 20px}.pcb-no-data svg{opacity:.5;margin-bottom:12px}.pcb-no-data p{margin:0;font-size:14px;font-weight:500}.pcb-loading-small{text-align:center;color:#999;padding:20px;font-size:13px}.pcb-summary-box{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:0;margin:0;padding:20px 24px}.pcb-summary-box h3{color:#000;text-transform:uppercase;letter-spacing:.3px;margin:0 0 16px;font-size:14px;font-weight:700}.pcb-summary-row{border-bottom:1px solid #e5e5e5;justify-content:space-between;gap:16px;padding:10px 0;display:flex}.pcb-summary-row:last-child{border-bottom:none}.pcb-summary-row span{color:#666;font-size:13px;font-weight:500}.pcb-summary-row strong{color:#000;text-align:right;flex:none;font-size:13px;font-weight:700}.pcb-footer-note{text-align:center;color:#999;background:#fafafa;border:1px solid #e5e5e5;border-radius:0;margin-top:0;padding:16px 24px;font-size:12px;line-height:1.6}.pcb-footer-note p{margin:0}.pcb-footer-note p:last-child{color:#bbb;margin-top:8px;font-size:11px}.pcb-pagination{background:#f5f5f5;border-top:1px solid #e5e5e5;justify-content:center;align-items:center;gap:12px;padding:12px 16px;display:flex}.pcb-pagination-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s}.pcb-pagination-btn:hover:not(:disabled){background:#f0f0f0;border-color:#999}.pcb-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pcb-pagination-info{color:#666;text-align:center;min-width:60px;font-size:12px;font-weight:600}.pcb-advanced-tabs{background:#fff;border-top:1px solid #e5e5e5;border-bottom:2px solid #e5e5e5;flex-direction:row;gap:0;display:flex}.pcb-tab-btn{color:#666;cursor:pointer;text-align:center;background:#fff;border:none;border-bottom:3px solid #0000;flex:1;padding:14px 16px;font-size:13px;font-weight:600;transition:all .2s}.pcb-tab-btn:hover{color:#000;background:#f5f5f5}.pcb-tab-btn.active{color:#000;background:#fff;border-bottom-color:#000}.pcb-tab-btn.active:hover{background:#fff}.pcb-advanced-wrapper{display:none}.pcb-advanced-section{flex-direction:column;gap:0;display:flex}.pcb-advanced-card{background:#fff;border:1px solid #e5e5e5;border-top:none;border-radius:0;flex-direction:column;margin:0;overflow:hidden;display:none!important}.pcb-advanced-card.active{min-width:100%;max-height:500px;display:flex!important}.pcb-advanced-card:last-child{border-right:none}.pcb-advanced-card .pcb-card-header{background:#f5f5f5;border-bottom:1px solid #e5e5e5;flex-shrink:0;padding:16px 24px}.pcb-advanced-card .pcb-bills-list,.pcb-advanced-card .pcb-table-wrapper{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.pcb-advanced-card .pcb-pagination{border-top:1px solid #e5e5e5;flex-shrink:0}.pcb-advanced-card .pcb-no-data{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}@media (width<=768px){.pcb-container{padding:12px}.pcb-content{border-radius:0;max-width:100%}.pcb-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.pcb-header-content h1{font-size:20px}.pcb-btn-advanced{justify-content:center;width:100%}.pcb-balance-grid{grid-template-columns:repeat(2,1fr)}.pcb-balance-card{border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;min-height:100px;padding:16px 12px}.pcb-balance-card:nth-child(2n){border-right:none}.pcb-balance-card:nth-last-child(-n+2){border-bottom:none}.pcb-balance-amount{font-size:18px}.pcb-balance-label{font-size:10px}.pcb-card-body,.pcb-summary-box,.pcb-footer-note{padding:16px}.pcb-card-header{padding:12px 16px}.pcb-table{font-size:12px}.pcb-table th,.pcb-table td{padding:10px 8px}.pcb-info-row{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}.pcb-label{min-width:auto;font-size:12px}.pcb-value{text-align:left;font-size:12px}.pcb-summary-row{padding:8px 0}.pcb-summary-row span,.pcb-summary-row strong{font-size:12px}.pcb-bill-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px}.pcb-bill-amounts{flex-direction:row;width:100%}.pcb-amount-box{flex:1}.pcb-detail-row{font-size:12px}.pcb-bill-info h3{font-size:13px}.pcb-bill-info p{font-size:11px}.pcb-advanced-tabs{display:flex}.pcb-advanced-wrapper{display:none!important}.pcb-advanced-card{border:1px solid #e5e5e5;border-top:none;min-width:100%;max-height:500px;margin:0;display:none!important}.pcb-advanced-card.active{display:flex!important}.pcb-tab-btn{padding:12px 14px;font-size:12px}}@media (width<=480px){.pcb-container{padding:8px}.pcb-header{gap:8px;padding:12px}.pcb-header-content h1{font-size:18px}.pcb-header-content p{font-size:12px}.pcb-balance-grid{grid-template-columns:1fr}.pcb-balance-card{border-bottom:1px solid #e5e5e5;border-right:none;min-height:90px;padding:14px 12px}.pcb-balance-card:last-child{border-bottom:none}.pcb-balance-amount{font-size:16px}.pcb-balance-label{font-size:9px}.pcb-card-body,.pcb-summary-box,.pcb-footer-note,.pcb-card-header,.pcb-bill-details{padding:12px}.pcb-table th,.pcb-table td{padding:8px 6px;font-size:11px}.pcb-table th{font-size:10px}.pcb-info-row{padding:8px 0}.pcb-label,.pcb-value{font-size:11px}.pcb-summary-row{padding:6px 0;font-size:12px}.pcb-summary-row span,.pcb-summary-row strong{font-size:11px}.pcb-bill-header{padding:10px}.pcb-bill-amounts{gap:8px}.pcb-amount-box .label{font-size:9px}.pcb-amount-box .value{font-size:12px}.pcb-expand-btn{padding:2px}.pcb-expand-btn svg{width:18px;height:18px}.pcb-detail-row{padding:8px 0;font-size:11px}.pcb-bill-info h3{font-size:12px}.pcb-bill-info p{font-size:10px}.pcb-footer-note{font-size:11px}.pcb-footer-note p:last-child{font-size:10px}.pcb-btn-advanced{padding:6px 12px;font-size:11px}.pcb-pagination{gap:8px;padding:10px 12px}.pcb-pagination-btn{padding:4px 8px;font-size:11px}.pcb-pagination-info{min-width:50px;font-size:11px}.pcb-bills-list{gap:10px;padding:12px}.pcb-advanced-card{max-height:400px}.pcb-advanced-tabs{gap:0;display:flex}.pcb-advanced-wrapper{display:none!important}.pcb-advanced-card{border:1px solid #e5e5e5;border-top:none;min-width:100%;max-height:400px;margin:0;display:none!important}.pcb-advanced-card.active{display:flex!important}.pcb-tab-btn{padding:10px 12px;font-size:11px;font-weight:600}}@media (width<=320px){.pcb-header-content h1{font-size:16px}.pcb-balance-amount{font-size:14px}.pcb-bill-amounts{flex-direction:column;gap:6px}.pcb-amount-box{align-items:flex-start}.pcb-table{font-size:10px}.pcb-table th,.pcb-table td{padding:6px 4px}}@media (width>=1024px){.pcb-advanced-tabs{display:none!important}.pcb-advanced-wrapper{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;background:#fff;border-top:1px solid #e5e5e5;overflow-x:auto;display:block!important}.pcb-advanced-section{grid-template-columns:1fr 1fr;gap:0;width:fit-content;min-width:100%;display:grid}.pcb-advanced-card{background:#fff;border:none;border-right:1px solid #e5e5e5;border-radius:0;flex-direction:column;min-width:500px;max-height:650px;margin:0;overflow:hidden;display:flex!important}.pcb-advanced-card:last-child{border-right:none}.pcb-advanced-card.active{display:flex!important}.pcb-advanced-card .pcb-card-header{z-index:20;background:#f5f5f5;border-bottom:1px solid #e5e5e5;flex-shrink:0;padding:16px 24px;position:sticky;top:0}.pcb-advanced-card .pcb-bills-list{flex:1;gap:12px;padding:16px;overflow-y:auto}.pcb-advanced-card .pcb-table-wrapper{flex:1;overflow:hidden auto}.pcb-advanced-card .pcb-table{width:100%}.pcb-advanced-card .pcb-pagination{z-index:20;background:#f5f5f5;border-top:1px solid #e5e5e5;flex-shrink:0;position:sticky;bottom:0}}@media (height<=600px) and (orientation:landscape){.pcb-balance-grid{grid-template-columns:repeat(4,1fr)}.pcb-balance-card{min-height:80px;padding:12px 8px}.pcb-balance-amount{font-size:16px}.pcb-advanced-card{max-height:400px}.pcb-header{padding:12px 16px}.pcb-header-content h1{font-size:18px}}@media (hover:none) and (pointer:coarse){button{min-width:44px;min-height:44px}.pcb-bill-header{padding:14px}.pcb-pagination-btn{min-height:40px;padding:8px 14px}.pcb-btn-advanced{min-height:40px;padding:8px 16px}.pcb-table tbody tr:hover{background:#fff}.pcb-bill-header:hover{background:#fafafa}.pcb-btn-secondary:hover{background:#f5f5f5;border-color:#ddd}}@media (width>=1920px){.pcb-content{max-width:1600px}.pcb-advanced-card{min-width:600px;max-height:750px}.pcb-balance-amount{font-size:26px}.pcb-header-content h1{font-size:28px}.pcb-table{font-size:14px}.pcb-table th,.pcb-table td{padding:14px 18px}}.pcb-advanced-wrapper::-webkit-scrollbar{height:8px}.pcb-advanced-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.pcb-advanced-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.pcb-advanced-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.pcb-bills-list::-webkit-scrollbar{width:6px}.pcb-table-wrapper::-webkit-scrollbar{width:6px}.pcb-bills-list::-webkit-scrollbar-track{background:#f1f1f1}.pcb-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.pcb-bills-list::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.pcb-table-wrapper::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.pcb-bills-list::-webkit-scrollbar-thumb:hover{background:#555}.pcb-table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}@media print{.pcb-container{background:#fff;padding:0}.pcb-header-actions,.pcb-btn-advanced{display:none}.pcb-content{box-shadow:none;border:none;max-width:100%}.pcb-balance-card,.pcb-table,.pcb-bill-item{page-break-inside:avoid}body{margin:0;padding:0}.pcb-header{border-bottom:2px solid #000}.pcb-footer-note{border-top:2px solid #000}.pcb-advanced-wrapper{overflow:visible}.pcb-advanced-section{grid-template-columns:1fr;width:100%}.pcb-advanced-card{min-width:100%;max-height:none}}@media (prefers-color-scheme:dark){.pcb-container{background:#1a1a1a}.pcb-content,.pcb-loading,.pcb-error,.pcb-card,.pcb-customer-card{color:#fff;background:#222}.pcb-header{background:#222;border-color:#333}.pcb-header-content h1,.pcb-card-header h2,.pcb-balance-amount,.pcb-value,.pcb-bill-number,.pcb-summary-row strong,.pcb-bill-info h3{color:#fff}.pcb-header-content p,.pcb-label,.pcb-date,.pcb-footer-note,.pcb-summary-row span,.pcb-bill-info p,.payment-type{color:#aaa}.pcb-card-header,.pcb-balance-card,.pcb-summary-box,.pcb-footer-note,.pcb-bill-header{background:#2a2a2a;border-color:#333}.pcb-btn-secondary{color:#fff;background:#333;border-color:#444}.pcb-btn-secondary:hover{background:#444}.pcb-btn-advanced{color:#fff;background:#333;border-color:#444}.pcb-btn-advanced.active{color:#000;background:#fff;border-color:#fff}.pcb-table tbody tr:hover{background:#2a2a2a}.pcb-table th{color:#fff;background:#2a2a2a;border-color:#333}.pcb-table td{border-color:#333}.pcb-bill-details{background:#222;border-color:#333}.pcb-detail-row{border-color:#333}.pcb-detail-row span:first-child{color:#aaa}.pcb-detail-row span:last-child{color:#fff}.pcb-info-row{border-color:#333}.pcb-balance-status{color:#fff;background:#333}.pcb-error h2{color:#fff}.pcb-error p,.pcb-loading p{color:#aaa}.pcb-spinner{border-color:#fff #333 #333}.pcb-advanced-wrapper,.pcb-advanced-card{background:#222;border-color:#333}.pcb-advanced-card .pcb-card-header,.pcb-advanced-card .pcb-pagination,.pcb-pagination{background:#2a2a2a;border-color:#333}.pcb-pagination-btn{color:#fff;background:#333;border-color:#444}.pcb-pagination-btn:hover:not(:disabled){background:#444;border-color:#555}.pcb-pagination-info{color:#aaa}.pcb-advanced-tabs{background:#222;border-color:#333}.pcb-tab-btn{color:#aaa;background:#222;border-color:#0000}.pcb-tab-btn:hover{color:#fff;background:#2a2a2a}.pcb-tab-btn.active{color:#fff;background:#222;border-bottom-color:#fff}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-contrast:more){.pcb-balance-card,.pcb-card,.pcb-btn-primary,.pcb-btn-secondary,.pcb-btn-advanced,.pcb-table th{border:2px solid #000}}button:focus,a:focus{outline-offset:2px;outline:2px solid #000}.pcb-bill-header:focus{outline-offset:-2px;outline:2px solid #000}.pcb-text-center{text-align:center}.pcb-text-right{text-align:right}.pcb-text-bold{font-weight:700}.pcb-mt-0{margin-top:0}.pcb-mb-0{margin-bottom:0}.pcb-hidden{display:none}@media (width<=768px){.pcb-hidden-mobile{display:none}}@media (width>=769px){.pcb-hidden-desktop{display:none}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:calc(var(--spacing) * 1)}.block{display:block}.contents{display:contents}.flex{display:flex}.flow-root{display:flow-root}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.inline-table{display:inline-table}.list-item{display:list-item}.table{display:table}.table\!{display:table!important}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.rotate-270{rotate:270deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.text-right{text-align:right}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.overline{text-decoration-line:overline}.underline{text-decoration-line:underline}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)!important}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-fade-in{animation:.3s ease-in-out fade-in}.animate-slide-in-right{animation:.3s ease-out slide-in-right}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}a{color:#646cff;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}