@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";.container{display:flex;justify-content:space-between;align-items:center;height:100vh;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden}.container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:float 20s ease-in-out infinite;z-index:1}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.left-side{display:flex;flex-direction:column;justify-content:center;align-items:center;width:50%;text-align:center;padding:0 40px;position:relative;z-index:2}.logo{width:100%;max-width:350px;margin-bottom:30px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.2));transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo-preview{margin-top:15px;text-align:center}.logo-preview img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.logo-preview img:hover{transform:scale(1.1);border-color:#fff9}.pos-title{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;color:#fff;margin:0;text-shadow:0 4px 8px rgba(0,0,0,.3);letter-spacing:-1px;line-height:1.2}.pos-version{font-size:clamp(1.2rem,2.5vw,2rem);color:#ffffffe6;margin-top:15px;font-weight:300;text-shadow:0 2px 4px rgba(0,0,0,.2);padding:8px 20px;background:#ffffff1a;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.right-side{display:flex;justify-content:center;align-items:center;width:50%;padding:0 40px;position:relative;z-index:2}.pos-form{width:100%;max-width:450px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:50px 40px;border-radius:20px;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.pos-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.pos-form h2{margin-bottom:35px;font-size:32px;text-align:center;color:#2d3748;font-weight:700;position:relative}.pos-form h2:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.form-group label{display:block;margin-bottom:12px;color:#4a5568;font-weight:600;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.form-group input{width:100%;padding:16px 20px;border-radius:12px;border:2px solid #e2e8f0;background:#fff;font-size:16px;transition:all .3s ease;box-shadow:0 2px 4px #0000000d}.form-group input:focus{outline:none;border:2px solid #667eea;box-shadow:0 0 0 4px #667eea1a;transform:translateY(-1px)}.form-group input::placeholder{color:#a0aec0;font-weight:400}.form-group input[type=file]{padding:12px 20px;border:2px dashed #cbd5e0;background:#f7fafc;cursor:pointer;transition:all .3s ease}.form-group input[type=file]:hover{border-color:#667eea;background:#edf2f7}.submit-btn{width:100%;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease;box-shadow:0 4px 15px #667eea66;position:relative;overflow:hidden}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.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{background:#a0aec0;cursor:not-allowed;transform:none;box-shadow:none}.footer-text{margin-top:30px;font-size:12px;text-align:center;color:#718096;line-height:1.5}.footer-text p{margin:6px 0;font-weight:500}.footer-text p:first-child{font-weight:600;color:#4a5568}@media (max-width: 1024px){.container,.left-side,.right-side{padding:0 20px}.pos-form{max-width:400px;padding:40px 30px}}@media (max-width: 768px){.container{flex-direction:column;padding:20px;height:auto;min-height:100vh}.left-side,.right-side{width:100%;padding:20px 0}.left-side{margin-bottom:20px}.pos-form{width:100%;max-width:100%;padding:40px 25px;margin:0}.pos-title{font-size:2.5rem}.pos-version{font-size:1.5rem}.logo{max-width:250px}}@media (max-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:"";position:absolute;top:50%;right:20px;transform:translateY(-50%);width:16px;height:16px;border:2px solid #ffffff;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.mw-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.mw-card-wrapper{position:relative;z-index:10;animation:mw-card-entrance .6s cubic-bezier(.34,1.56,.64,1)}@keyframes mw-card-entrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.mw-card{background:linear-gradient(180deg,#fff,#f8fafc);border-radius:24px;padding:32px 36px;width:900px;height:450px;max-width:90vw;max-height:100vh;box-shadow:0 25px 80px #00000040,0 0 60px #667eea26,inset 0 1px #fff9;border:1px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;overflow-y:auto}.mw-top-section{text-align:center;margin-bottom:22px;animation:mw-fade-in .8s ease-out;flex-shrink:0}@keyframes mw-fade-in{0%{opacity:0}to{opacity:1}}.mw-logo-container{position:relative;display:inline-block;margin-bottom:14px}.mw-logo-circle{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;box-shadow:0 15px 40px #667eea66,0 0 30px #f093fb33;animation:mw-logo-bounce .8s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:2}@keyframes mw-logo-bounce{0%{transform:scale(0) rotate(-30deg);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1) rotate(0);opacity:1}}.mw-logo-pulse{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid rgba(102,126,234,.3);animation:mw-pulse-ring 2s ease-out infinite}@keyframes mw-pulse-ring{0%{transform:scale(1);opacity:1}to{transform:scale(1.4);opacity:0}}.mw-welcome-title{font-size:26px;font-weight:800;color:#1f2937;margin:0 0 5px;letter-spacing:-.5px;line-height:1.2}.mw-username{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:900}.mw-store-badge{font-size:12px;color:#6b7280;margin:0;font-weight:600;letter-spacing:.2px}.mw-progress-section{margin-bottom:18px;flex-shrink:0}.mw-progress-bar-container{width:100%;height:7px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6);border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000000f;margin-bottom:7px}.mw-progress-bar-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:10px;box-shadow:0 0 15px #667eea99,0 0 30px #f093fb4d;transition:width .3s cubic-bezier(.25,.46,.45,.94);position:relative}.mw-progress-bar-fill:after{content:"";position:absolute;right:0;top:0;height:100%;width:15px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3));animation:mw-shimmer 2s infinite}@keyframes mw-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.mw-progress-text{text-align:right;font-size:11px;font-weight:700;color:#667eea;margin:0;letter-spacing:.3px}.mw-steps-container{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;flex-shrink:0}.mw-step-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 10px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:.6;text-align:center;min-width:0}.mw-step-item.mw-step-active{background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid rgba(102,126,234,.3);opacity:1;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{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 3px 10px #667eea4d;color:#fff}.mw-step-indicator{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#e5e7eb;color:#6b7280;font-weight:700;font-size:14px;flex-shrink:0;transition:all .4s ease;border:2px solid transparent}.mw-step-check{animation:mw-check-pop .5s cubic-bezier(.34,1.56,.64,1);color:#fff}@keyframes mw-check-pop{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2)}to{transform:scale(1) rotate(0)}}.mw-step-spinner{width:18px;height:18px;border:2px solid rgba(102,126,234,.2);border-top-color:#667eea;border-radius:50%;animation:mw-spin 1s linear infinite}@keyframes mw-spin{to{transform:rotate(360deg)}}.mw-step-empty{width:6px;height:6px;background:#d1d5db;border-radius:50%}.mw-step-item.mw-step-active .mw-step-indicator{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 14px #667eea59;border-color:#ffffff4d}.mw-step-content{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:0}.mw-step-icon{font-size:16px;display:inline-block}.mw-step-text{font-size:10px;font-weight:600;color:#6b7280;transition:color .4s ease;line-height:1.2;word-break:break-word}.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,#f1f5f9);border:1px solid #e2e8f0;border-radius:12px;padding:14px;margin-bottom:14px;box-shadow:inset 0 1px 3px #0000000d;flex-shrink:0}.mw-info-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.mw-info-row:last-child{margin-bottom:0}.mw-info-item{display:flex;flex-direction:column;gap:4px}.mw-info-label{font-size:10px;font-weight:700;color:#475569;letter-spacing:.2px}.mw-info-value{font-size:11px;font-weight:800;color:#1e293b;background:#fff;padding:5px 10px;border-radius:6px;border:1px solid #e2e8f0;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 1px 2px #0000000a}.mw-footer-section{text-align:center;padding-top:10px;border-top:1px solid #e2e8f0;flex-shrink:0}.mw-footer-text{font-size:11px;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 6px;letter-spacing:.2px;animation:mw-text-pulse 1.5s ease-in-out infinite}.mw-company-text{font-size:10px;color:#6b7280;margin:0;font-weight:600;letter-spacing:.2px}@keyframes mw-text-pulse{0%,to{opacity:.7}50%{opacity:1}}.mw-bg-shapes{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.mw-shape{position:absolute;border-radius:50%;opacity:.08;animation:mw-float 8s ease-in-out infinite}.mw-shape-1{width:350px;height:350px;background:#fff;top:-120px;left:-120px;animation-delay:0s}.mw-shape-2{width:250px;height:250px;background:#fff;bottom:-80px;right:-80px;animation-delay:2s}.mw-shape-3{width:200px;height:200px;background:#fff;top:50%;right:5%;animation-delay:4s}@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:transparent}.mw-card::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.mw-card::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-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 (max-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 (max-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 (max-width: 640px){.mw-card{width:95vw;height:95vh;padding:20px 24px;border-radius:20px}.mw-welcome-title{font-size:20px}.mw-store-badge{font-size:11px}.mw-logo-circle{width:65px;height:65px;font-size:30px;margin-bottom:12px}.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{padding:12px;margin-bottom:12px}.mw-info-label{font-size:9px}.mw-info-value{font-size:10px;padding:4px 8px}.mw-footer-section{padding-top:8px}.mw-footer-text{font-size:10px;margin-bottom:4px}.mw-company-text{font-size:9px}}@media (max-width: 480px){.mw-card{width:98vw;height:98vh;padding:16px 20px;border-radius:16px}.mw-welcome-title{font-size:18px}.mw-logo-circle{width:60px;height:60px;font-size:28px;margin-bottom:10px}.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{padding:10px;margin-bottom:10px}.mw-info-row{gap:6px;margin-bottom:8px}.mw-info-label{font-size:8px}.mw-info-value{font-size:9px;padding:3px 6px}.mw-footer-section{padding-top:6px}.mw-footer-text{font-size:9px;margin-bottom:3px}.mw-company-text{font-size:8px}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}.admin-login-page{width:100vw;height:100vh;background-size:cover;background-position:center;background-attachment:fixed;display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.admin-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f0f1ee0,#1e1432eb,#0f0f1ee0);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1}.admin-blob{position:absolute;border-radius:50%;opacity:.12;z-index:0}.admin-blob-1{width:400px;height:400px;background:linear-gradient(135deg,#7c3aed,#6d28d9);top:-150px;left:-150px;animation:floatBlob 25s ease-in-out infinite}.admin-blob-2{width:350px;height:350px;background:linear-gradient(135deg,#1e293b,#0f172a);bottom:-100px;right:-100px;animation:floatBlob 30s ease-in-out infinite reverse}.admin-blob-3{width:300px;height:300px;background:linear-gradient(135deg,#64748b,#475569);top:50%;right:5%;animation:floatBlob 28s ease-in-out infinite}@keyframes floatBlob{0%,to{transform:translateY(0)}50%{transform:translateY(-50px)}}.admin-container{position:relative;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.admin-top-header{position:absolute;top:2rem;left:2rem;display:flex;align-items:center;gap:.8rem;animation:slideDown .8s ease-out;z-index:10}.admin-logo-box{width:42px;height:42px;background:linear-gradient(135deg,#fff,#f1f5f9);border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #fff3,0 0 18px #7c3aed40;border:1.5px solid rgba(255,255,255,.3)}.admin-logo-img{width:26px;height:26px;object-fit:contain;filter:drop-shadow(0 1px 3px rgba(0,0,0,.1))}.admin-header-text{display:flex;flex-direction:column;gap:.15rem}.admin-system-name{font-size:.95rem;font-weight:800;color:#fff;margin:0;text-shadow:0 2px 6px rgba(0,0,0,.3)}.admin-version-text{font-size:.65rem;color:#cbd5e1;margin:0;font-weight:600;letter-spacing:.3px}.admin-card-wrapper{display:flex;align-items:center;justify-content:center;width:100%;max-width:360px;animation:zoomIn .7s ease-out}.admin-login-panel{width:100%;background:#fff;border-radius:16px;padding:2rem 1.8rem;box-shadow:0 20px 60px #0006,0 0 50px #7c3aed26;position:relative;overflow:hidden}.panel-top-border{position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,transparent,#7c3aed,#6d28d9,transparent)}.admin-login-panel:before{content:"";position:absolute;top:-50%;right:-50%;width:200px;height:200px;background:radial-gradient(circle,rgba(124,58,237,.08) 0%,transparent 70%);border-radius:50%;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.admin-welcome-icon{width:48px;height:48px;background:linear-gradient(135deg,#7c3aed,#6d28d9);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 1.2rem;box-shadow:0 8px 24px #7c3aed59;border:1.5px solid rgba(124,58,237,.4);position:relative;z-index:1;animation:bounceIcon 2s ease-in-out infinite}.admin-welcome-icon svg{width:28px;height:28px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.2))}@keyframes bounceIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.admin-login-title{font-size:1.6rem;font-weight:900;color:#1a1a35;text-align:center;margin:0 0 .35rem;position:relative;z-index:1;letter-spacing:-.5px}.admin-login-subtitle{font-size:.8rem;color:#64748b;text-align:center;margin:0 0 1.5rem;position:relative;z-index:1;line-height:1.4;font-weight:500}.admin-login-form{display:flex;flex-direction:column;gap:1.2rem;position:relative;z-index:1;margin-bottom:1.2rem}.admin-form-field{display:flex;flex-direction:column;gap:.4rem}.admin-field-label{font-size:.7rem;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.8px}.admin-input-container{position:relative;display:flex;align-items:center;width:100%}.admin-field-icon{position:absolute;left:.9rem;color:#7c3aed;font-size:.85rem;z-index:2;pointer-events:none}.admin-input-field{width:100%;padding:.75rem .9rem .75rem 2.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1.5px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1a1a35;outline:none;transition:all .3s ease;font-weight:600;box-shadow:0 1px 4px #00000005}.admin-input-field::placeholder{color:#94a3b8;font-weight:500;font-size:.88rem}.admin-input-field:focus{border-color:#7c3aed;background:linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 0 0 3px #7c3aed1a,0 2px 10px #7c3aed26;transform:translateY(-1px)}.admin-input-field:disabled{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.7}.admin-eye-toggle{position:absolute;right:.85rem;background:none;border:none;color:#7c3aed;cursor:pointer;padding:.4rem;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .3s ease;border-radius:5px;min-width:2rem;min-height:2rem;font-size:.95rem}.admin-eye-toggle:hover:not(:disabled){background:#7c3aed14;transform:scale(1.08);color:#6d28d9}.admin-eye-toggle:disabled{opacity:.5;cursor:not-allowed}.admin-signin-button{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;padding:.8rem;border-radius:8px;font-size:.85rem;font-weight:800;cursor:pointer;position:relative;overflow:hidden;transition:all .3s ease;margin-top:.2rem;box-shadow:0 8px 24px #7c3aed59;display:flex;align-items:center;justify-content:center;gap:.6rem;text-transform:uppercase;letter-spacing:.7px;border:1.5px solid rgba(124,58,237,.5)}.admin-signin-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.admin-signin-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #7c3aed6b}.admin-signin-button:hover:not(:disabled):before{left:100%}.admin-signin-button:active:not(:disabled){transform:translateY(0)}.admin-signin-button:disabled{opacity:.8;cursor:not-allowed}.admin-signin-button.loading{pointer-events:none}.admin-loader{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #ffffff;border-radius:50%;animation:spinLoader .8s linear infinite}@keyframes spinLoader{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-panel-footer{text-align:center;position:relative;z-index:1;border-top:1px solid #e2e8f0;padding-top:1rem}.admin-footer-text{color:#64748b;font-size:.82rem;margin:0;font-weight:500}.admin-support-link{color:#7c3aed;font-weight:700;cursor:pointer;transition:all .3s ease;position:relative;font-size:.82rem}.admin-support-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:#7c3aed;transition:width .3s ease}.admin-support-link:hover:after{width:100%}.admin-bottom-footer{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;z-index:10}.admin-bottom-footer p{color:#cbd5e1;font-size:.8rem;margin:0;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.2)}@keyframes slideDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (min-width: 1920px){.admin-card-wrapper{max-width:380px}.admin-login-panel{padding:2.2rem 1.9rem}.admin-login-title{font-size:1.7rem}.admin-login-subtitle{font-size:.85rem}}@media (max-width: 1024px){.admin-card-wrapper{max-width:340px}.admin-login-panel{padding:1.9rem 1.7rem}.admin-login-title{font-size:1.5rem}.admin-login-subtitle{font-size:.78rem;margin-bottom:1.3rem}.admin-login-form{gap:1.1rem}}@media (max-width: 768px){.admin-login-page{padding:1rem}.admin-top-header{top:1.5rem;left:1.5rem}.admin-logo-box{width:40px;height:40px}.admin-logo-img{width:24px;height:24px}.admin-system-name{font-size:.9rem}.admin-version-text{font-size:.6rem}.admin-card-wrapper{max-width:330px}.admin-login-panel{padding:1.8rem 1.6rem;border-radius:14px}.admin-welcome-icon{width:44px;height:44px;margin-bottom:1rem}.admin-welcome-icon svg{width:26px;height:26px}.admin-login-title{font-size:1.45rem}.admin-login-subtitle{font-size:.76rem;margin-bottom:1.2rem}.admin-input-field{padding:.7rem .85rem .7rem 2.4rem;font-size:.88rem}.admin-signin-button{padding:.75rem;font-size:.8rem}.admin-bottom-footer{bottom:1rem}}@media (max-width: 480px){.admin-login-page{padding:.5rem}.admin-top-header{top:1rem;left:1rem;gap:.6rem}.admin-logo-box{width:38px;height:38px}.admin-logo-img{width:24px;height:24px}.admin-system-name{font-size:.85rem}.admin-version-text{font-size:.6rem}.admin-card-wrapper{max-width:100%}.admin-login-panel{padding:1.6rem 1.5rem;border-radius:12px}.admin-welcome-icon{width:42px;height:42px;margin-bottom:.9rem}.admin-welcome-icon svg{width:24px;height:24px}.admin-login-title{font-size:1.4rem}.admin-login-subtitle{font-size:.74rem;margin-bottom:1.1rem}.admin-field-label{font-size:.65rem}.admin-input-field{padding:.65rem .8rem .65rem 2.3rem;font-size:16px}.admin-field-icon{left:.8rem;font-size:.8rem}.admin-eye-toggle{right:.8rem;font-size:.9rem}.admin-signin-button{padding:.7rem;font-size:.75rem;letter-spacing:.4px}.admin-footer-text,.admin-support-link{font-size:.78rem}.admin-bottom-footer{bottom:.75rem}.admin-bottom-footer p{font-size:.72rem}.admin-blob-1,.admin-blob-2,.admin-blob-3{opacity:.05}}@media (prefers-reduced-motion: reduce){.admin-blob,.admin-welcome-icon,.admin-login-panel:before{animation:none}.admin-signin-button,.admin-input-field,.admin-eye-toggle,.admin-support-link,.admin-logo-box{transition:none}}@media (prefers-color-scheme: dark){.admin-login-panel{background:#f8fafc}.admin-login-title{color:#0f172a}.admin-login-subtitle{color:#475569}}.swal-container{z-index:9999}.swal-popup-small{border-radius:10px!important;box-shadow:0 10px 35px #0003!important;padding:1.2rem!important;background:#fff!important;width:380px!important;max-width:90vw!important}.swal-popup-contact{border-radius:12px!important;box-shadow:0 12px 40px #00000040!important;padding:1.2rem!important;background:#fff!important;width:480px!important;max-width:90vw!important;max-height:500px!important;overflow-y:auto!important}.swal-title-small{font-size:1.3rem!important;font-weight:900!important;color:#1a1a35!important;margin-bottom:.7rem!important;letter-spacing:-.3px!important}.swal-title-contact{font-size:1.4rem!important;font-weight:900!important;color:#1a1a35!important;margin-bottom:.9rem!important;letter-spacing:-.3px!important}.swal-html-container-small{font-size:.9rem!important;color:#475569!important;text-align:center!important;line-height:1.5!important;padding:.4rem 0!important}.swal-html-container-contact{font-size:.85rem!important;color:#475569!important;text-align:left!important;line-height:1.5!important;padding:.6rem 0!important;max-height:350px!important;overflow-y:auto!important}.swal-button-container{display:flex!important;gap:.6rem!important;margin-top:1.2rem!important;justify-content:center!important;flex-wrap:wrap!important}.swal-confirm-button-small,.swal-confirm-button-contact{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff!important;border:1.5px solid rgba(124,58,237,.5)!important;padding:.6rem 1.2rem!important;border-radius:7px!important;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 6px 18px #7c3aed47!important;min-width:130px!important}.swal-confirm-button-small:hover,.swal-confirm-button-contact:hover{transform:translateY(-1px)!important;box-shadow:0 8px 24px #7c3aed59!important}.swal-confirm-button-small:active,.swal-confirm-button-contact:active{transform:translateY(0)!important}.swal-deny-button-contact{background:linear-gradient(135deg,#7c3aed,#6d28d9)!important;color:#fff!important;border:1.5px solid rgba(124,58,237,.5)!important;padding:.6rem 1.2rem!important;border-radius:7px!important;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 6px 18px #7c3aed47!important;min-width:130px!important}.swal-deny-button-contact:hover{transform:translateY(-1px)!important;box-shadow:0 8px 24px #7c3aed59!important}.swal-deny-button-contact:active{transform:translateY(0)!important}.swal-cancel-button-contact{background:#e2e8f0!important;color:#475569!important;border:1.5px solid #cbd5e1!important;padding:.6rem 1.2rem!important;border-radius:7px!important;font-size:.8rem!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.5px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 8px #0000000d!important;min-width:90px!important}.swal-cancel-button-contact:hover{background:#cbd5e1!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important}.swal-cancel-button-contact:active{transform:translateY(0)!important}.swal-icon{width:45px!important;height:45px!important;margin:.8rem auto!important}.swal-icon.swal-icon-success,.swal-icon.swal-icon-success [class$=-success-circular-line],.swal-icon.swal-icon-success [class$=-success-ring]{border-color:#7c3aed!important}.swal-icon.swal-icon-success [class$=-success-fix]{background-color:#fff!important}.swal-icon.swal-icon-error{border-color:#ef4444!important}.swal-icon.swal-icon-warning{border-color:#f59e0b!important}.swal-icon.swal-icon-info{border-color:#7c3aed!important}.swal-popup-contact::-webkit-scrollbar{width:5px!important}.swal-popup-contact::-webkit-scrollbar-track{background:#f1f5f9!important;border-radius:10px!important}.swal-popup-contact::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:10px!important}.swal-popup-contact::-webkit-scrollbar-thumb:hover{background:#94a3b8!important}.swal-html-container-contact::-webkit-scrollbar{width:5px!important}.swal-html-container-contact::-webkit-scrollbar-track{background:transparent!important}.swal-html-container-contact::-webkit-scrollbar-thumb{background:#cbd5e1!important;border-radius:5px!important}@media (max-width: 768px){.swal-popup-small{padding:1.1rem!important;width:85vw!important}.swal-popup-contact{padding:1.1rem!important;width:85vw!important;max-width:85vw!important;max-height:480px!important}.swal-title-small{font-size:1.2rem!important;margin-bottom:.6rem!important}.swal-title-contact{font-size:1.25rem!important;margin-bottom:.8rem!important}.swal-html-container-small,.swal-html-container-contact{font-size:.8rem!important}.swal-button-container{gap:.5rem!important;margin-top:1rem!important}.swal-confirm-button-small,.swal-confirm-button-contact,.swal-deny-button-contact{padding:.55rem 1rem!important;font-size:.75rem!important;min-width:110px!important}.swal-cancel-button-contact{padding:.55rem 1rem!important;font-size:.75rem!important;min-width:80px!important}}@media (max-width: 480px){.swal-popup-small{padding:1rem!important;width:90vw!important}.swal-popup-contact{padding:1rem!important;width:90vw!important;max-width:90vw!important;max-height:450px!important}.swal-title-small{font-size:1.1rem!important;margin-bottom:.5rem!important}.swal-title-contact{font-size:1.15rem!important;margin-bottom:.7rem!important}.swal-html-container-small,.swal-html-container-contact{font-size:.75rem!important}.swal-button-container{flex-direction:column!important;gap:.5rem!important;margin-top:.9rem!important}.swal-confirm-button-small,.swal-confirm-button-contact,.swal-deny-button-contact,.swal-cancel-button-contact{width:100%!important;padding:.5rem!important;font-size:.7rem!important}}:root{--primary-dark: #1a1f2e;--primary-medium: #252d3d;--primary-light: #2d3c59;--accent-purple: #764ba2;--accent-purple-light: #d8b4fe;--accent-purple-lighter: #e9d5ff;--accent-purple-dark: #764ba2;--text-primary: #ffffff;--text-secondary: #f3f4f6;--text-tertiary: #e5e7eb;--text-muted: #d1d5db;--border-light: rgba(168, 85, 247, .15);--border-medium: rgba(168, 85, 247, .3);--border-dark: rgba(147, 91, 199, .5)}.dashboard_wrapper{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--primary-dark)}.dashboard_header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:70px;background:linear-gradient(90deg,#1a1f2e,#252d3d,#1a1f2e);border-bottom:1px solid var(--border-light);box-shadow:0 2px 12px #0000004d,inset 0 1px #a855f71a;color:#fff;position:relative;z-index:100}.dashboard_header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#a855f70d,#8b5cf605);pointer-events:none;z-index:0}.dashboard_sidebar{width:200px;height:calc(100vh - 70px);background:linear-gradient(180deg,#1a1f2e,#252d3d);border-right:1px solid var(--border-light);transition:all .3s ease;position:relative;color:#fff;overflow:hidden;z-index:10}.dashboard_sidebar.close{width:0px;box-shadow:none}.scrollbox{height:100%;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1}.scrollbox-inner{padding:12px 6px;min-height:100%}.scrollbox::-webkit-scrollbar{width:4px}.scrollbox::-webkit-scrollbar-track{background:#a855f70d;border-radius:2px}.scrollbox::-webkit-scrollbar-thumb{background:#f0f0f0;border-radius:2px;transition:all .2s ease}.scrollbox::-webkit-scrollbar-thumb:hover{background:#f8f5fa}.nav-links{list-style:none;padding:0;margin:0}.nav-links li{margin:2px 0;border-radius:6px;overflow:hidden;transition:all .2s ease}.nav-links li a,.icon-link{display:flex;align-items:center;text-decoration:none;color:var(--text-tertiary);font-size:12px;font-weight:600;padding:10px;border-radius:6px;transition:all .2s ease;cursor:pointer;position:relative;border:none;background:none;margin:0 4px;gap:8px}.nav-links li a:hover,.icon-link:hover{background:#ebeaec40;color:var(--text-primary);transform:translate(2px);border-left:3px solid var(--accent-purple);padding-left:7px;box-shadow:0 4px 12px #a855f733}.nav-links li.active a,.nav-links li.active .icon-link{background:#a855f74d;color:var(--text-primary);font-weight:700;border-left:3px solid var(--accent-purple);padding-left:7px;box-shadow:0 4px 16px #a855f74d}.nav-icon{font-size:16px;width:18px;text-align:center;color:var(--accent-purple-light);transition:all .2s ease;flex-shrink:0}.link-name{flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:capitalize;font-weight:600;letter-spacing:.3px;font-size:12px;white-space:nowrap;color:#fff;overflow:hidden;text-overflow:ellipsis}.submenu-icon{font-size:11px;color:#fff;transition:transform .2s ease;flex-shrink:0}.nav-links li .icon-link[aria-expanded=true] .submenu-icon{transform:rotate(180deg)}.nav-links li a:hover .nav-icon,.icon-link:hover .nav-icon{color:#fff;transform:scale(1.1)}.nav-links li a:hover .submenu-icon,.icon-link:hover .submenu-icon,.nav-links li.active a .nav-icon,.nav-links li.active .icon-link .nav-icon{color:#fff}.sub-menu{list-style:none;padding:8px 0;border-radius:8px;margin:6px 4px 6px 8px;border-left:3px solid var(--accent-purple);overflow:hidden;animation:slideDown .25s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-5px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.sub-menu li{margin:0}.sub-menu li a{display:block;font-size:11px;font-weight:600;padding:9px 10px 9px 24px;color:#fff;border-radius:4px;margin:3px 4px;transition:all .2s ease;text-transform:capitalize;letter-spacing:.2px;border-left:2px solid transparent;background:#ffffff0d}.sub-menu li a:hover{background:#a855f74d;color:#fff;transform:translate(2px);border-left-color:var(--accent-purple);box-shadow:0 2px 8px #a855f733}.sub-menu li a.active{background:#a855f759;color:#fff;font-weight:700;border-left-color:var(--accent-purple);box-shadow:inset 0 0 8px #a855f733}.nav-links hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(168,85,247,.3),transparent);margin:8px;opacity:1}.logout-item{margin-top:auto;padding:8px 4px;border-top:1px solid rgba(168,85,247,.2)}.logout-button{width:100%!important;color:#fff!important;background:#ef444433!important;border:1px solid rgba(239,68,68,.4)!important;transition:all .2s ease!important;margin:0 4px!important;padding:10px!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important}.logout-button:hover{background:#ef44444d!important;color:#fecaca!important;border-color:#ef444499!important;transform:translate(2px)!important;box-shadow:0 4px 12px #ef444433!important}@media screen and (max-width: 768px){.dashboard_sidebar{width:200px;height:calc(100vh - 60px)}.dashboard_sidebar.close{width:0px}.nav-links li a,.icon-link{font-size:11px;padding:9px}.nav-icon{font-size:15px}.scrollbox-inner{padding:10px 5px}}@media screen and (max-width: 560px){.dashboard_sidebar{width:180px}.nav-links li a,.icon-link{font-size:10px;padding:8px;margin:0 3px}.nav-icon{font-size:14px;width:16px}.link-name{font-size:10px}.sub-menu li a{font-size:10px;padding:7px 8px 7px 22px}.scrollbox-inner{padding:10px 4px}}@media (prefers-reduced-motion: no-preference){.dashboard_sidebar,.nav-links li a,.icon-link,.sub-menu li a{transition:all .2s ease}}@media (prefers-contrast: high){.dashboard_sidebar{background:#000;border-right:2px solid rgba(168,85,247,.6)}.nav-links li a:hover,.icon-link:hover{background:#a855f766}.sub-menu{background:#a855f74d;border:1px solid rgba(168,85,247,.6)}}@media (prefers-color-scheme: dark){.dashboard_sidebar{background:linear-gradient(180deg,#1a1f2e,#252d3d)}.nav-links li a,.icon-link{color:var(--text-tertiary)}}.dashboard_main{display:flex;height:100vh;overflow:hidden}.dashboard_container{flex:1;min-height:0;overflow-y:auto;background-color:#f4f6f8;padding:20px;position:relative;z-index:10}.dashboard_container,.dashboard_container.full-width{flex:1;min-height:0;overflow-y:auto;background-image:url(/assets/panelbackground3-jbeTPD0x.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 768px){.dashboard_header{height:60px}.dashboard_sidebar{width:200px}.dashboard_sidebar.close{width:0px}.nav-links{padding:0 8px}.nav-links li a,.icon-link{font-size:12px;padding:9px 10px}.nav-icon{font-size:14px}.company-name h2{font-size:20px}.scrollbox{height:calc(100vh - 60px)}}@media screen and (max-width: 560px){.dashboard_sidebar{width:180px}.dashboard_sidebar.close{width:0px}.nav-links li a,.icon-link{font-size:11px;padding:8px 9px}.nav-icon{font-size:12px}.company-name h2{font-size:16px}.dashboard_header{height:50px}.scrollbox{height:calc(100vh - 50px)}}#tables-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0;padding:0 24px}#dashboard-invoices,#top-products{background:linear-gradient(135deg,#fffffff2,#f8fafcf2)!important;-webkit-backdrop-filter:blur(15px)!important;backdrop-filter:blur(15px)!important;border:1px solid rgba(255,255,255,.3)!important;border-radius:20px!important;padding:28px!important;box-shadow:0 10px 40px #00000014,0 4px 16px #0000000a!important;transition:all .3s ease;position:relative;overflow:hidden}#dashboard-invoices:hover,#top-products:hover{transform:translateY(-4px);box-shadow:0 20px 60px #0000001f,0 8px 24px #00000014;border-color:#ffffff80}#dashboard-invoices:before,#top-products:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);z-index:1}#dashboard-invoices h3,#top-products h3{font-size:20px;font-weight:700;margin:0 0 24px;letter-spacing:-.4px;position:relative;padding-bottom:12px}#dashboard-invoices h3{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#top-products h3{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}#dashboard-invoices h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:2px}#top-products h3:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-radius:2px}.table-responsive{overflow-x:auto;border-radius:12px;background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);box-shadow:inset 0 1px 3px #0000000d}.table-responsive table{width:100%;border-collapse:collapse;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:transparent;border-radius:12px;overflow:hidden}.table-responsive thead{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table-responsive th{padding:16px 20px;text-align:left;font-weight:600;font-size:13px;color:#374151;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid rgba(59,130,246,.2);position:relative;background:#ffffff4d}.table-responsive th:first-child{border-top-left-radius:12px}.table-responsive th:last-child{border-top-right-radius:12px}.table-responsive tbody{background:#fff6}.table-responsive td{padding:16px 20px;color:#4b5563;font-size:14px;font-weight:500;border-bottom:1px solid rgba(229,231,235,.6);transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.table-responsive tbody tr{transition:all .3s ease;position:relative}.table-responsive tbody tr:hover{background:linear-gradient(135deg,#3b82f614,#2563eb0d);transform:scale(1.01);box-shadow:0 4px 12px #3b82f626;border-radius:8px}.table-responsive tbody tr:hover td{color:#1f2937;border-color:#3b82f64d}.table-responsive tbody tr:nth-child(2n){background:#f8fafc80}.table-responsive tbody tr:nth-child(odd){background:#ffffff4d}.table-responsive tbody tr:last-child td{border-bottom:none}.table-responsive tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.table-responsive tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.table-responsive td:first-child{font-weight:600;color:#1f2937}.table-responsive td:nth-child(2),.table-responsive td:nth-child(3),.table-responsive td:nth-child(4),.table-responsive td:nth-child(5){font-weight:600;font-family:SF Mono,Monaco,Cascadia Code,monospace}.table-responsive tbody tr{animation:slideInUp .4s ease-out}.table-responsive tbody tr:nth-child(1){animation-delay:.1s}.table-responsive tbody tr:nth-child(2){animation-delay:.2s}.table-responsive tbody tr:nth-child(3){animation-delay:.3s}.table-responsive tbody tr:nth-child(4){animation-delay:.4s}.table-responsive tbody tr:nth-child(5){animation-delay:.5s}.table-responsive tbody tr:empty:after{content:"No data available";display:block;text-align:center;padding:40px;color:#9ca3af;font-style:italic;font-size:16px}.table-loading{position:relative}.table-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){#tables-row{grid-template-columns:1fr;gap:20px;padding:0 16px}#dashboard-invoices,#top-products{padding:20px!important}}@media (max-width: 768px){#tables-row{padding:0 12px;margin:16px 0}#dashboard-invoices,#top-products{padding:16px!important;border-radius:16px!important}.table-responsive th,.table-responsive td{padding:12px 16px;font-size:12px}.table-responsive th{font-size:11px}#dashboard-invoices h3,#top-products h3{font-size:18px;margin-bottom:16px}}@media (max-width: 640px){.table-responsive{font-size:11px}.table-responsive th,.table-responsive td{padding:8px 12px}.table-responsive th{font-size:10px}#dashboard-invoices h3,#top-products h3{font-size:16px}}.table-responsive::-webkit-scrollbar{height:8px}.table-responsive::-webkit-scrollbar-track{background:#e5e7eb4d;border-radius:4px}.table-responsive::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:4px}.table-responsive::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}@media (prefers-contrast: high){.table-responsive th{border-bottom:2px solid #000}.table-responsive td{border-bottom:1px solid #666}.table-responsive tbody tr:hover{background:#0000001a}}@media (prefers-reduced-motion: reduce){.table-responsive tbody tr,#dashboard-invoices,#top-products{transition:none;animation:none}.table-responsive tbody tr:hover{transform:none}}.modal,.modal-overlay,[id*=modal],[class*=modal],#start-cash-modal-overlay,.calculator-modal-overlay-new,.swal2-container,[style*=z-index]{z-index:10000!important}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--accent-emerald: #10b981;--accent-emerald-hover: #059669;--accent-red: #ef4444;--accent-red-hover: #dc2626;--border-color: #e2e8f0;--shadow-color: rgba(0, 0, 0, .1);--backdrop-blur: blur(12px);--button-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)}@keyframes zoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}#calculator-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-out}#calculator-container{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-primary) 100%);padding:16px;border-radius:20px;width:320px;max-width:90vw;box-shadow:0 20px 40px -12px var(--shadow-color),0 0 0 1px var(--border-color);border:2px solid var(--border-color);animation:zoomIn .3s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#calculator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}#calculator-title{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}#close-button-calculator{width:28px;height:28px;border-radius:50%;background:#ef444433;border:1px solid rgba(239,68,68,.3);color:var(--accent-red);font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}#close-button-calculator:hover{background:#ef44444d;color:var(--accent-red-hover);transform:scale(1.1)}#close-button-calculator:active{transform:scale(.95)}#calculator-display{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;padding:20px 16px;margin-bottom:16px;border:2px solid var(--border-color);box-shadow:inset 0 2px 4px #0000000f}#previous-calculation{color:var(--text-muted);font-size:14px;text-align:right;margin-bottom:4px;font-family:Courier New,Courier,monospace;min-height:18px}#current-display{text-align:right}#display-input{width:100%;background:transparent;border:none;outline:none;font-size:36px;font-weight:400;color:var(--text-primary);text-align:right;font-family:Segoe UI,system-ui,-apple-system,sans-serif;transition:font-size .2s ease;letter-spacing:-.02em}#display-input.large-text{font-size:36px}#display-input.medium-text{font-size:28px}#display-input.small-text{font-size:22px}#calculator-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.calculator-button{height:52px;border-radius:12px;font-size:16px;font-weight:500;cursor:pointer;border:1px solid;transition:all .2s ease;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.calculator-button:hover{transform:scale(1.05);box-shadow:0 10px 25px -5px #0000004d}.calculator-button:active{transform:scale(.95);animation:buttonPulse .1s ease}.number-button{background:linear-gradient(135deg,#fff,#f8fafc);color:var(--text-primary);border-color:var(--border-color);box-shadow:var(--button-shadow)}.number-button:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);box-shadow:0 8px 25px -5px #00000026}.special-button{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);color:var(--text-secondary);border-color:var(--border-color);box-shadow:var(--button-shadow)}.special-button:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:var(--text-primary);box-shadow:0 8px 25px -5px #00000026}.operator-button{background:linear-gradient(135deg,var(--accent-blue) 0%,#2563eb 100%);color:#fff;border-color:var(--accent-blue);box-shadow:var(--button-shadow)}.operator-button:hover{background:linear-gradient(135deg,var(--accent-blue-hover) 0%,#1d4ed8 100%);box-shadow:0 8px 25px -5px #3b82f666}.equals-button{background:linear-gradient(135deg,var(--accent-emerald) 0%,#059669 100%);color:#fff;border-color:var(--accent-emerald);box-shadow:var(--button-shadow)}.equals-button:hover{background:linear-gradient(135deg,var(--accent-emerald-hover) 0%,#047857 100%);box-shadow:0 8px 25px -5px #10b98166}.zero-button{grid-column:span 2}#keyboard-hint{text-align:center;color:var(--text-muted);font-size:12px;margin-top:8px}@media (max-width: 480px){#calculator-container{width:280px;padding:14px}.calculator-button{height:44px;font-size:14px}#display-input,#display-input.large-text{font-size:30px}#display-input.medium-text{font-size:24px}#display-input.small-text{font-size:18px}}@media (max-width: 360px){#calculator-container{width:260px;padding:12px}.calculator-button{height:40px;font-size:12px}#calculator-buttons{gap:6px}#calculator-display{padding:16px 12px}}.msm-container{padding:16px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:85vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.msm-header{margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f}.msm-main-title{font-size:20px;font-weight:700;color:#1a202c;margin:0 0 4px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center}.msm-subtitle{font-size:12px;color:#718096;margin:0}.msm-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.msm-stat-card{background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;gap:4px;transition:all .3s ease;border-left:3px solid #667eea}.msm-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000001a}.msm-stat-label{font-size:11px;color:#718096;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.msm-stat-value{font-size:20px;font-weight:700;color:#2d3748}.msm-controls-section{display:flex;gap:12px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.msm-search-section{background:#fff;padding:0;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex:1;min-width:250px}.msm-search-input{width:100%;padding:10px 14px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;color:#2d3748;transition:all .3s ease;background:#fff}.msm-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.msm-search-input::placeholder{color:#a0aec0}.msm-add-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #10b9814d;text-transform:uppercase;letter-spacing:.5px}.msm-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98180}.msm-add-btn:active{transform:translateY(0)}.msm-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.msm-table-container{overflow-x:auto;max-height:600px;position:relative}.msm-table{width:100%;border-collapse:collapse;font-size:13px;font-weight:700;background-color:#fff;table-layout:auto}.msm-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.msm-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff!important;background:transparent;border-bottom:2px solid rgba(255,255,255,.2)}.msm-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.msm-table tbody tr:hover{background:#f7fafc}.msm-table tbody td{padding:12px 14px;color:#2d3748;font-size:13px;vertical-align:middle}.msm-store-id{font-family:Courier New,monospace;font-weight:600;color:#667eea}.msm-store-name{font-weight:600;color:#2d3748}.msm-mobile{font-family:Courier New,monospace;color:#4a5568}.msm-actions-cell{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.msm-action-btn{padding:7px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;color:#fff;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.edit-btn{background:linear-gradient(135deg,#f59e0b,#d97706);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,#dc2626);box-shadow:0 2px 6px #ef44444d}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #ef444466}.msm-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e2e8f0;background:#f7fafc;gap:8px;flex-wrap:wrap}.msm-pagination-btn{padding:7px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#4a5568;font-weight:600;font-size:13px}.msm-pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.msm-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.msm-pagination-input-group{display:flex;align-items:center;gap:8px;font-size:13px;color:#4a5568;font-weight:600}.msm-pagination-input{width:60px;padding:7px;border:2px solid #e2e8f0;border-radius:6px;text-align:center;font-size:13px;font-weight:600;color:#2d3748}.msm-pagination-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.msm-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f}.msm-no-data-image{width:140px;height:auto;opacity:.7;margin-bottom:12px}.msm-no-data p{font-size:14px;color:#718096;margin:0}.msm-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin:40px auto;max-width:500px}.msm-no-access-image{width:200px;height:auto;margin-bottom:20px}.msm-no-access p{font-size:16px;color:#718096;text-align:center;line-height:1.6}.msm-error-message{background:#fee2e2;color:#dc2626;padding:10px 14px;border-radius:6px;margin-bottom:16px;font-size:13px;font-weight:500;border-left:3px solid #DC2626}.msm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.msm-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:450px;box-shadow:0 10px 40px #0003;border:2px solid #667eea;animation:slideUp .3s ease-out;overflow:hidden}.msm-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #667eea4d}.msm-modal-close:hover{transform:scale(1.1);box-shadow:0 4px 12px #667eea80}.msm-modal-header{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;padding:16px 20px;border-bottom:2px solid #5568d3}.msm-modal-header h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px}.msm-modal-body{padding:20px}.msm-form-group{margin-bottom:16px}.msm-form-group:last-child{margin-bottom:0}.msm-form-label{display:block;font-size:13px;font-weight:700;color:#2d3748;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.msm-form-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;box-sizing:border-box}.msm-form-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.msm-form-input::placeholder{color:#a0aec0}.msm-modal-error{background:#fee2e2;color:#dc2626;padding:10px;border-radius:6px;margin-top:12px;font-size:12px;border-left:3px solid #DC2626}.msm-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:flex-end}.msm-modal-btn{padding:10px 16px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.msm-modal-cancel{background:#fff;color:#ef4444;border:2px solid #ef4444}.msm-modal-cancel:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-2px)}.msm-modal-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.msm-modal-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98180}.msm-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-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%;font-size:10px;padding:5px 8px}.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 (max-width: 480px){.msm-main-title,.msm-stat-value{font-size:16px}.msm-table{font-size:10px}.msm-pagination-btn{font-size:11px;padding:5px 10px}.msm-modal{max-width:95%}.msm-form-input{font-size:12px}}.modal-overlay-lowstock{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.modal-content-lowstock{background-color:#fff;padding:20px;width:90%;max-width:1300px;max-height:900px;border-radius:8px;box-shadow:0 4px 12px #0003;position:relative}.modal-close-button-lowstock{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:#000;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close-button-lowstock:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}.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{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.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-left-radius:.3rem;border-bottom-right-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{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;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{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.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{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.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{display:inline-block;margin-left:10px}.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,.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{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.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{background-color:#216ba5;color:#fff;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:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.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;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.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{border-radius:.3rem;background-color:#f0f0f0}.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{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.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{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.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{border-radius:.3rem;background-color:#216ba5;color:#fff}.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{border-radius:.3rem;background-color:#bad9f1;color:#000}.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){background-color:#f0f0f0;color:#000}.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{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.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 transparent;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{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.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{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.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;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-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;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.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 (max-width: 400px),(max-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;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.barcode-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.barcode-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:800px;max-height:500px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}.barcode-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;gap:20px}.barcode-header-left h3{margin:0 0 8px;font-size:18px;display:flex;align-items:center;gap:10px}.barcode-header-stats{display:flex;gap:10px;flex-wrap:wrap}.stat-badge{background:#fff3;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-badge.active{background:#ffffff4d;font-weight:600}.barcode-modal-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#fff3;color:#fff}.action-button:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.action-button:disabled{opacity:.5;cursor:not-allowed}.print-button{background:#10b981!important;color:#fff!important;font-weight:600}.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{position:absolute;top:100%;right:0;background:#fff;border-radius:8px;box-shadow:0 10px 30px #0003;z-index:1001;min-width:280px;margin-top:8px;overflow:hidden}.size-dropdown-header{padding:12px 16px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.size-dropdown-header h4{margin:0;font-size:13px;font-weight:600;color:#1f2937}.size-dropdown-list{max-height:300px;overflow-y:auto}.size-option{width:100%;padding:12px 16px;border:none;background:#fff;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease;font-size:13px}.size-option:hover{background:#f3f4f6}.size-option.active{background:#dbeafe;border-left:3px solid #3b82f6}.size-option-info{display:flex;flex-direction:column;gap:2px}.size-option-info strong{color:#1f2937;font-weight:600}.size-option-info small{color:#6b7280;font-size:11px}.size-option-check{color:#10b981;font-weight:700;font-size:16px}.zoom-control{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:6px 10px;border-radius:6px}.zoom-button{background:#fff3;border:none;color:#fff;width:28px;height:28px;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.zoom-button:hover{background:#ffffff4d}.zoom-display{color:#fff;font-size:12px;font-weight:600;min-width:40px;text-align:center}.barcode-modal-body{flex:1;overflow-y:auto;padding:20px;background:#fafafa;display:flex;align-items:center;justify-content:center}.preview-container{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000001a;max-width:100%}.loading-container,.empty-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#6b7280}.spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.empty-container svg{color:#d1d5db;margin-bottom:10px}.empty-container p{font-size:16px;font-weight:600;margin:0}.empty-container small{font-size:12px;color:#9ca3af}.barcode-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;font-size:12px;color:#6b7280}.footer-info{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.barcode-modal-header{flex-direction:column;align-items:flex-start;gap:12px}.barcode-modal-actions{width:100%;justify-content:flex-start}.size-dropdown{right:auto;left:0}.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{position:absolute;top:0;left:0;width:100%}}.barcode-display-3020mm{font-family:arial,serif;text-align:center;box-sizing:border-box}.shop-name-3020mm{font-size:9px;font-weight:1000;margin-bottom:0;letter-spacing:1px}.label-grid-3020mm{display:grid;grid-template-columns:repeat(3,30mm);grid-auto-rows:20mm;column-gap:3mm;row-gap:2mm;justify-content:center}.label-item-3020mm{position:relative;display:flex;flex-direction:column;align-items:center;color:#000;justify-content:center;box-sizing:border-box;page-break-inside:avoid;break-inside:avoid}.unit-top-right-alt{position:absolute;right:0;top:-8px;margin-right:7px;color:#000;font-weight:700;font-size:10px!important;line-height:1!important}.code-bottom-left-alt{position:absolute;bottom:0;right:0;top:20px;margin-right:7px;color:#000;font-weight:700;font-size:8px!important;line-height:1!important}.color-top-left-alt{position:absolute;top:2px;left:0;margin-left:5px;color:#000;font-weight:700;font-size:8px!important;line-height:1!important}.price-text-3020mm{font-size:10px;margin:0;color:#000;font-weight:700}.product-id-3020mm{font-size:8px;font-weight:1000;margin:0}.product-name-3020mm{font-size:8px;margin:0;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{position:relative;top:0;left:0;width:100%;margin:0;padding:0}.button-bar-3020mm{display:none}.page-break-3020mm{page-break-after:always;break-after:page}}.barcode-display-3825mm{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal;text-align:center;box-sizing:border-box}.page-block-3825mm{width:100%;page-break-after:always}.label-grid-3825mm{display:grid;grid-template-columns:38mm 38mm;grid-auto-rows:25mm;gap:2mm;font-weight:700;justify-content:center;padding:5mm}.label-item-3825mm{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;border:1px solid #ddd;padding:2px}.shop-name-3825mm{font-size:12px;font-weight:700;margin-bottom:2px}.product-id-3825mm,.product-name-3825mm,.price-text-3825mm{font-size:9px;margin:1px 0;font-weight:700}.product-name-3825mm{font-size:8px}.price-text-3825mm{font-size:10px;font-weight:800}.unit-top-right-3825mm,.code-bottom-right-3825mm,.barcode-vertical-3825mm{display:flex;flex-direction:column;line-height:1;letter-spacing:0}.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{position:relative;top:0;left:0;margin:0;padding:0;width:100%}.label-grid-3825mm{margin:0;padding:0}.label-item-3825mm{border:none}}.barcode-display-3525mm{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal;text-align:center;box-sizing:border-box}.page-block-3525mm{width:100%;page-break-after:always}.label-grid-3525mm{display:grid;grid-template-columns:35mm 35mm 35mm;grid-auto-rows:25mm;gap:2mm;font-weight:700;justify-content:center;padding:5mm}.label-item-3525mm{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;border:1px solid #ddd;padding:2px}.shop-name-3525mm{font-size:11px;font-weight:700;margin-bottom:1px}.product-id-3525mm,.product-name-3525mm,.price-text-3525mm{font-size:8px;margin:.5px 0;font-weight:700}.product-name-3525mm{font-size:7px}.price-text-3525mm{font-size:9px;font-weight:800}.unit-top-right-3525mm,.code-bottom-right-3525mm,.barcode-vertical-3525mm{display:flex;flex-direction:column;line-height:1;letter-spacing:0}.page-break-3525mm{page-break-after:always}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-3525mm,.barcode-display-3525mm *{visibility:visible}.barcode-display-3525mm{position:relative;top:0;left:0;margin:0;padding:0;width:100%}.label-grid-3525mm{margin:0;padding:0}.label-item-3525mm{border:none}}.barcode-display-5025mm{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal;text-align:center;box-sizing:border-box}.page-block-5025mm{width:100%;page-break-after:always}.label-grid-5025mm{display:grid;grid-template-columns:50mm 50mm;grid-auto-rows:25mm;gap:2mm;font-weight:700;justify-content:center;padding:5mm}.label-item-5025mm{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;border:1px solid #ddd;padding:2px}.shop-name-5025mm{font-size:13px;font-weight:700;margin-bottom:2px}.product-id-5025mm,.product-name-5025mm,.price-text-5025mm{font-size:10px;margin:1px 0;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{display:flex;flex-direction:column;line-height:1;letter-spacing:0}.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{position:relative;top:0;left:0;margin:0;padding:0;width:100%}.label-grid-5025mm{margin:0;padding:0}.label-item-5025mm{border:none}}.barcode-display-7022mm{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal;text-align:center;box-sizing:border-box}.page-block-7022mm{width:100%;page-break-after:always}.label-grid-7022mm{display:grid;grid-template-columns:35mm 35mm;grid-auto-rows:25mm;gap:2mm;font-weight:700;justify-content:center;padding:5mm}.label-item-7022mm{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;border:1px solid #ddd;padding:2px}.shop-name-7022mm{font-size:11px;font-weight:700;margin-bottom:1px}.product-id-top-right-7022mm,.cost-code-bottom-right-7022mm,.barcode-vertical-7022mm{display:flex;flex-direction:column;line-height:1;letter-spacing:0}.product-id-7022mm,.product-name-7022mm,.price-text-7022mm{font-size:8px;margin:.5px 0;font-weight:700}.product-name-7022mm{font-size:7px}.price-text-7022mm{font-size:9px;font-weight:800}.page-break-7022mm{page-break-after:always}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-7022mm,.barcode-display-7022mm *{visibility:visible}.barcode-display-7022mm{position:relative;top:0;left:0;margin:0;padding:0;width:100%}.label-grid-7022mm{margin:0;padding:0}.label-item-7022mm{border:none}}@page{margin:0;padding:0}html,body{margin:0;padding:0;box-sizing:border-box}.barcode-display-7022single{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal;text-align:center;box-sizing:border-box}.page-block-7022single{width:100%;page-break-after:always}.label-grid-7022single{display:grid;grid-template-columns:30mm;grid-auto-rows:22mm;gap:2mm;font-weight:700;justify-content:center;padding:5mm}.label-item-7022single{display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;position:relative;border:1px solid #ddd;padding:1px}.shop-name-7022single{font-size:9px;font-weight:700;margin-bottom:.5px}.unit-top-right-7022single,.cost-code-bottom-right-7022single,.barcode-vertical-7022single{display:flex;flex-direction:column;line-height:1;letter-spacing:0}.unit-top-right-7022single{font-size:8px;font-weight:700;color:#000;position:absolute;top:-12px;right:7px;margin-right:3px}.unit-top-right-7022single div{font-size:6px;line-height:1}.cost-code-bottom-right-7022single{font-size:8px;font-weight:700;color:#000;position:absolute;top:14px;right:7px;margin-right:3px}.cost-code-bottom-right-7022single div{font-size:6px;line-height:1}.barcode-vertical-7022single{font-size:9px;font-weight:700;color:#000;position:absolute;top:-8px;left:9px}.barcode-vertical-7022single div{font-size:6px;line-height:1}.product-id-7022single,.product-name-7022single,.price-text-7022single{font-size:7px;margin:.3px 0;font-weight:700}.product-name-7022single{font-size:6px}.price-text-7022single{font-size:8px;font-weight:800}.page-break-7022single{page-break-after:always}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display-7022single,.barcode-display-7022single *{visibility:visible}.barcode-display-7022single{position:relative;top:0;left:0;margin:0;padding:0;width:100%}.label-grid-7022single{margin:0;padding:0}.label-item-7022single{border:none}}.panel-container{font-size:12px;border-radius:8px;overflow-x:auto;padding:5px;background-color:#ffffffb3}.panel-container-form{font-size:12px;margin-top:20px;border-radius:8px;overflow-x:auto;background:var(--sytem-panel-background-colors)}.panel-container-access{background:none;padding:2rem;display:flex;justify-content:center;align-items:center;min-height:60vh}.no-access-panel{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:2rem;box-shadow:0 4px 12px #0000000d;max-width:360px;width:100%;text-align:center;animation:fadeInScale .2s ease-out}.data-add-panel{display:flex;align-items:flex-end;gap:1rem;padding:1rem;background:var(--sytem-panel-background-colors);border-radius:5px;align-items:center}.panel-container-table-two{font-size:12px;margin-top:20px;display:flex;border-radius:8px;overflow-x:auto;background:var(--sytem-panel-background-colors)}.common-table-container-two{flex:1;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:16px;display:flex;flex-direction:column}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.no-access-image{max-width:100px;margin-bottom:1rem}@media (max-width: 480px){.panel-container{padding:1rem;min-height:auto}.no-access-panel{padding:1rem;max-width:90%}.no-access-image{max-width:80px}}.search-fieldset{position:relative;display:flex;align-items:center;padding:.75em 1em .5em;border:2px solid var(--border-color-whole-system);border-radius:8px;margin:1em 0;transition:border-color .2s,box-shadow .2s}.search-fieldset legend{padding:0 .5em;margin-left:.5em;font-size:12px;color:var(--system-main-color)}.search-input-common{letter-spacing:1px;padding:8px 12px;width:auto;font-size:12px;border:1px solid #ccc;border-radius:4px;font-weight:700;color:var(--font-color-whole-system)}.common-date-range-filters{display:flex;gap:10rem;margin-left:auto}.common-date-time-picker{flex-direction:column;gap:8px;position:relative}.common-date-time-picker label{margin-bottom:.25rem;font-size:.85rem;color:var(--system-main-color)}.date-input{padding:12px 16px;font-size:14px;font-weight:500;color:#374151;margin-right:40px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.2);border-radius:10px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;box-shadow:0 2px 8px #0000000d;cursor:pointer;position:relative}.date-input:hover{border-color:#667eea66;box-shadow:0 4px 12px #00000014}.date-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea26;background:#fffffff2;transform:translateY(-1px)}.datetimelabel{font-weight:700;font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:1px;margin-right:10px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-input::-webkit-calendar-picker-indicator{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;cursor:pointer;transition:all .3s ease}.date-input::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}.filters-container{display:flex;align-items:flex-end;gap:20px;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:10px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.right-filters{display:flex;align-items:center;margin-left:auto;gap:16px}.right-filters button{align-self:center;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;text-transform:uppercase;letter-spacing:.5px}.right-filters button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.data-input-container-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem 1.5rem;padding:1rem;background:#fff;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000001a}.data-input-container-details p{display:flex;flex-direction:column;margin:0;font-size:13px;line-height:1.3}.data-input-container-details strong{font-weight:600;color:#444;margin-bottom:4px;font-size:12px}.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;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;transition:all .3s ease}.data-input-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.table-container{overflow-x:auto;margin:0}.common-table-container{overflow-x:auto;overflow-y:visible;border-radius:10px;background:#fff9;position:relative;z-index:1}.panel-container-table{position:relative;z-index:1;margin-top:10px;border-radius:10px;overflow:visible}.data-input-container-stock-by-supplier{position:relative;z-index:10;background:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input-common-stock-by-supplier{position:relative;z-index:11;width:100%;max-width:300px;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.search-input-common-stock-by-supplier:focus{outline:none;border-color:#610e95;box-shadow:0 0 0 3px #610e951a}@keyframes dropdownSlideIn-stock-by-supplier{0%{opacity:0;transform:translateY(-8px);max-height:0}to{opacity:1;transform:translateY(0);max-height:250px}}.common-table{width:100%;border-collapse:collapse;background:var(--white);margin:0;overflow:hidden;position:relative;z-index:1}.common-table th{padding:16px 20px;background:var(--table-headers);color:#fff;font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.8px;text-align:left;border:none;border-bottom:2px solid rgba(59,130,246,.2);position:relative}.common-table td{padding:16px 20px;color:#000;border-bottom:1px solid #000;font-size:12px;font-weight:500;border:none;text-align:left;transition:all .2s ease}.common-table tr{border-bottom:1px solid rgba(229,231,235,.6);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.no-data-table-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:16px}.no-data-image{width:80px;height:80px;opacity:.6;filter:grayscale(50%);transition:all .3s ease}.no-data-image:hover{opacity:.8;filter:grayscale(0%);transform:scale(1.05)}.no-data-text{font-size:16px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.panel-container-table{margin-top:20px;border-radius:14px}.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 (max-width: 768px){.panel-container-table{margin-top:16px;border-radius:12px;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 (max-width: 480px){.panel-container-table{margin-top:12px;border-radius:10px;font-size:12px}.common-table{font-size:11px}.common-table th,.common-table td{padding:10px 12px}.common-table th{font-size:10px;letter-spacing:.5px}.no-data-table-cell{padding:30px 15px;gap:12px}.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 #000000}.common-table-container{background:#fff;border:1px solid #000000}.common-table th{background:#f0f0f0;border-bottom:2px solid #000000;color:#000}.common-table td{color:#000}.common-table tr{border-bottom:1px solid #666666}.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:2px solid #3b82f6;outline-offset:2px}@media print{.panel-container-table{background:#fff;box-shadow:none;border:1px solid #000}.common-table-container{background:#fff;box-shadow:none}.common-table th{background:#f0f0f0!important;color:#000!important}.common-table tbody tr:hover{background:transparent!important}}.common-action-buttons{display:flex;gap:5px}.common-close-button{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:#000;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.common-close-button:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}.common-button-design{font-size:12px;color:var(--font-color-whole-system);background-color:var(--panel-color-whole-system);border:1px solid transparent;padding:6px;border-radius:5px;font-weight:700}.common-button-design:hover{color:var(--white);background-color:var(--font-color-whole-system);transition:.1s ease-in-out;border:1px solid transparent}.common-button-design-remove{font-size:12px;color:var(--black);background-color:var(--closebutton-color);border:1px solid transparent;padding:6px;border-radius:5px}.common-button-design-remove:hover{color:var(--white);background-color:var(--closebutton-color-hover);transition:.3s ease-in-out;border:1px solid transparent}.common-button-design-table{font-size:10px;color:var(--font-color-whole-system);background-color:var(--panel-color-whole-system);border:1px solid transparent;padding:3px;border-radius:5px;font-weight:700}.common-button-design-table:hover{color:var(--white);background-color:var(--font-color-whole-system);transition:.1s ease-in-out;border:1px solid transparent}.common-icon-button{background:none;border:none;padding:0;cursor:pointer}.common-icon-button img{width:20px;height:20px;transition:transform .2s ease}.common-icon-button:hover img{transform:scale(1.1)}.pagination-panel{position:relative;bottom:auto;left:auto;transform:none;display:flex;justify-content:center;align-items:center;margin:12px auto 0;width:fit-content;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:16px;box-shadow:0 4px 16px #00000014,0 2px 8px #3b82f61a;padding:8px 16px;gap:12px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}.pagination-panel:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0000001f,0 4px 12px #3b82f626;border-color:#3b82f64d}.pagination-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);border-radius:16px 16px 0 0}.pagination-btn{width:32px;height:32px;border:1px solid rgba(59,130,246,.2);border-radius:50%;background:linear-gradient(135deg,#3b82f61a,#2563eb0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pagination-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);border-radius:50%;opacity:0;transition:opacity .3s ease}.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{display:inline-block;font-size:14px;font-weight:700;line-height:1;color:#3b82f6;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-btn:not(:disabled):hover .pagination-arrow{color:#1d4ed8;transform:scale(1.15)}.pagination-btn:disabled .pagination-arrow{color:#9ca3af}.pagination-panel label{display:flex;align-items:center;gap:6px;color:#4b5563;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.pagination-input{width:45px;padding:6px 8px;border:1px solid rgba(59,130,246,.2);border-radius:8px;text-align:center;font-size:12px;font-weight:600;min-width:60px;color:#374151;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.pagination-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a,0 2px 8px #3b82f61a;background:#fffffff2;transform:scale(1.02)}.pagination-input:hover{border-color:#3b82f666;background:#ffffffe6}.pagination-total{margin-left:6px;font-weight:700;font-size:12px;color:#3b82f6;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:none}.export-buttons-common{display:flex;justify-content:center;gap:8px;margin-top:16px;padding:12px;border-top:1px solid rgba(229,231,235,.5)}.export-button-common{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:.4px}.export-button-common.excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98140}.export-button-common.excel:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d;background:linear-gradient(135deg,#059669,#047857)}.export-button-common.csv{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b40}.export-button-common.csv:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d;background:linear-gradient(135deg,#d97706,#b45309)}.export-button-common.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444440}.export-button-common.pdf:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d;background:linear-gradient(135deg,#dc2626,#b91c1c)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pagination-panel{animation:fadeInUp .4s ease-out}@media (max-width: 768px){.pagination-panel{margin:10px auto 0;flex-wrap:wrap;justify-content:center;gap:8px;padding:6px 12px;border-radius:14px}.pagination-btn{width:28px;height:28px}.pagination-arrow{font-size:12px}.pagination-input{width:40px;padding:4px 6px;font-size:11px}.pagination-total{font-size:11px;margin-left:4px}.pagination-panel label{font-size:10px;gap:4px}.export-buttons-common{flex-wrap:wrap;gap:6px;padding:8px}.export-button-common{padding:6px 12px;font-size:11px;gap:4px}}@media (max-width: 480px){.pagination-panel{flex-direction:column;gap:8px;padding:8px 12px;text-align:center;margin:8px auto 0}.pagination-controls{display:flex;align-items:center;gap:8px;justify-content:center}.pagination-info{display:flex;flex-direction:column;gap:4px;align-items:center}.export-buttons-common{flex-direction:column;align-items:center;gap:4px}.export-button-common{width:100%;max-width:150px;justify-content:center}}@media (prefers-contrast: high){.pagination-panel{background:#fff;border:2px solid #000000;box-shadow:0 2px 4px #0000004d}.pagination-btn{background:#fff;border:1px solid #000000}.pagination-btn:not(:disabled):hover{background:#f0f0f0}.pagination-arrow{color:#000}.pagination-input{background:#fff;border:1px solid #000000;color:#000}.pagination-total{color:#000;-webkit-text-fill-color:#000000}}@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{display:flex;flex-direction:column;gap:1rem;margin:20px}.common-form-row{display:grid;gap:15px;grid-template-columns:repeat(5,minmax(0,1fr))}.common-form-row .common-form-group{min-width:0;width:100%}.common-form-group{position:relative;display:flex;flex-direction:column;width:calc(50% - .5rem);min-width:200px}.common-form-group label{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:#1f2937;letter-spacing:-.025em;transition:color .2s ease}.common-form-group input,.common-form-group select,.common-form-group .react-datepicker__input-container input{padding:8px;border:2px solid #e5e7eb;border-radius:5px;font-size:12px;line-height:1.5;width:100%;box-sizing:border-box;background:#fff;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:inherit;color:#111827}.common-form-row-4{display:grid;gap:15px;grid-template-columns:repeat(4,minmax(0,1fr))}.common-form-row-4 .common-form-group{min-width:0;width:100%}.common-form-row-3{display:grid;gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.common-form-row-3 .common-form-group{min-width:0;width:100%}.dropdown-stock{position:absolute;top:100%;left:0;right:0;z-index:99999;background:#d5d5dbfa;border:2px solid rgba(207,222,247,.3);max-height:250px;overflow-y:auto;font-weight:700}.dropdown-item-stock{padding:10px;font-size:12px;color:#374151;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;font-weight:700;display:flex;align-items:center}.dropdown-list-add-product{position:absolute;top:100%;left:0;width:300px;z-index:99999;background:#dbdbe2fa;border:2px solid rgba(207,222,247,.3);max-height:250px;overflow-y:auto;font-weight:700;scroll-behavior:smooth}.dropdown-list-add-product li{padding:10px;font-size:12px;color:#374151;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;font-weight:700;display:flex;align-items:center}.dropdown-list-add-product li.highlighted-item{background-color:#4f46e5;color:#fff;font-weight:700}.dropdown-list-add-product li:hover{background-color:#6366f1;color:#fff}.common-combo-box{display:flex;flex-direction:column;width:200px;padding:5px;margin-right:1rem}.common-combo-box label{margin-bottom:.25rem;font-size:.85rem;color:var(--system-main-color)}.common-combo-box select{padding:.45rem .65rem;font-size:.95rem;overflow-y:auto;max-height:200px;color:var(--system-main-color);background:var(--bg-white);border:1px solid #ccc;border-radius:4px;transition:border-color .2s,box-shadow .2s}.common-combo-box select:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 5px #00a5e680}.common-input-row{display:flex;flex-wrap:nowrap;gap:10px;align-items:flex-end;margin-bottom:15px}.common-table-two{width:90%;border-collapse:collapse;font-size:12px;background:var(--white);max-width:1600px;margin:20px;border-radius:5px}.common-header-section{background:linear-gradient(135deg,#6d84ec,#183699);border-radius:8px;padding:10px;margin-bottom:24px;box-shadow:0 10px 25px #0000001a;color:#fff}.common-page-title{font-size:18px;font-weight:700;margin:0;display:flex;align-items:center;gap:12px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.common-table-two th,.common-table-two td{border:none;padding:8px 12px;color:var(--black);text-align:left}.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{display:flex;justify-content:center;align-items:center;margin:.75rem 0 .25rem}.pagination-panel-under .pagination-btn{background:#fff;border:1px solid #ccc;border-radius:4px;padding:.25rem .5rem;margin:0 .25rem;cursor:pointer;color:#000;font-size:1rem;line-height:1}.pagination-panel-under .pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-panel-under .pagination-info{font-size:.9rem;color:#333}.export-buttons-under{display:flex;justify-content:center;margin-top:1rem;margin-bottom:2rem}.export-buttons-under .export-button{display:flex;align-items:center;border:1px solid #ccc;background-color:var(--sytem-secondary-color);color:var(--black);border-radius:4px;padding:.35rem .75rem;margin-left:.5rem;font-size:.9rem;cursor:pointer;transition:background .2s,border-color .2s}.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:.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:.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:.3s ease-in-out}.total-panel{display:flex;align-items:center;background:#f7f9fa;border:1px solid #dde4e8;border-radius:6px;padding:.5rem 1rem;margin:.5rem 1.5rem;width:fit-content}.cash-total .total-icon{color:#4caf50}.loan-total .total-icon{color:#ff5722}.total-icon{margin-right:.5rem}.total-text{font-weight:600;margin-right:.25rem}.total-amount{font-size:1.1rem}.totals-wrapper{display:flex;gap:1.5rem;margin-top:2rem}.total-display-panel{padding:20px;margin:0 10px 0 20px;width:120px;max-height:100px;text-align:center;border:1px solid #ddd;border-radius:8px;background-color:var(--white);box-shadow:0 2px 5px #0000001a}.total-display-panel .icon-container img{width:20px;height:20px}.total-display-panel h4{font-size:12px;color:var(--font-color-blue)}.total-display-panel .total-amount{font-size:14px;font-weight:700;color:#a83232}.panel-title{font-size:18px;font-weight:700;color:#000;position:relative;width:500px;font-family:Signika Negative,sans-serif;letter-spacing:2px;text-align:left;margin-left:0}.panel-subtitle{font-size:14px;font-weight:700;width:500px;color:#2c2727;font-family:Signika Negative,sans-serif;letter-spacing:2px;text-align:left;margin-bottom:10px}.numeric-cell{align-items:right}.modal-overlay-user{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-panel-user{background:#fff;border-radius:8px;width:400px;box-shadow:0 4px 12px #00000026;overflow:hidden}.modal-header{background:#f5f5f5;padding:12px 16px;border-bottom:1px solid #ddd}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;padding:12px 16px;background:#f5f5f5;border-top:1px solid #ddd}.generate-btn{margin-left:8px}.password-container-panel{display:flex;align-items:center}.eye-icon{margin:0 8px;cursor:pointer}.settings-group-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;box-shadow:0 1px 3px #0000001a}.settings-group-panel h3{margin-top:0;text-align:center;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.settings-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s}.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(1) brightness(.6)}.select-user-prompt{text-align:center;color:#666;font-style:italic}.loader{position:relative;width:120px;height:140px;background-image:radial-gradient(circle 30px,#fff 100%,transparent 0),radial-gradient(circle 5px,#fff 100%,transparent 0),radial-gradient(circle 5px,#fff 100%,transparent 0),linear-gradient(#FFF 20px,transparent 0);background-position:center 127px,94px 102px,16px 18px,center 114px;background-size:60px 60px,10px 10px,10px 10px,4px 14px;background-repeat:no-repeat;z-index:10;perspective:500px}.loader:before{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:3px solid #fff;left:50%;top:50%;transform:translate(-50%,-55%) rotate(-45deg);border-right-color:transparent;box-sizing:border-box}.loader:after{content:"";position:absolute;height:80px;width:80px;transform:translate(-50%,-55%) rotate(-45deg) rotateY(0);left:50%;top:50%;box-sizing:border-box;border:7px solid #FF3D00;border-radius:50%;animation:rotate .5s linear infinite}@keyframes rotate{to{transform:translate(-50%,-55%) rotate(-45deg) rotateY(360deg)}}.sales-summary{margin:24px 0 16px;padding:16px 24px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(59,130,246,.2);border-radius:12px;box-shadow:0 4px 16px #0000000d,0 2px 8px #3b82f61a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sales-summary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #00000014,0 4px 12px #3b82f626;border-color:#3b82f64d}.sales-summary:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);z-index:1}.sales-summary h3{font-size:20px;font-weight:700;margin:0;color:#1f2937;display:flex;align-items:center;gap:12px;letter-spacing:-.3px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase;position:relative;z-index:2}.sales-summary h3 svg{width:18px!important;height:18px!important;color:#6b7280;cursor:pointer!important;transition:all .3s cubic-bezier(.4,0,.2,1);background:#3b82f61a;border-radius:50%;padding:6px;box-sizing:content-box;border:2px solid transparent;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.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";position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#1f2937e6;color:#fff;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:all .3s ease;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #0003}.sales-summary h3 svg:after{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(31,41,55,.9);opacity:0;pointer-events:none;transition:all .3s ease;z-index:100}.sales-summary h3 svg:hover:before,.sales-summary h3 svg:hover:after{opacity:1}.sales-summary.badge-style h3 svg{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;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:pulse-info 2s infinite}.sales-summary.loading{opacity:.6;pointer-events:none}.sales-summary.loading:after{content:"";position:absolute;top:50%;right:20px;width:16px;height:16px;margin-top:-8px;border:2px solid rgba(59,130,246,.2);border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;z-index:10}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.sales-summary{animation:slideInDown .5s ease-out}@media (max-width: 768px){.sales-summary{margin:20px 0 12px;padding:14px 20px;border-radius:10px}.sales-summary h3{font-size:18px;gap:10px}.sales-summary h3 svg{width:16px!important;height:16px!important;padding:5px}}@media (max-width: 480px){.sales-summary{margin:16px 0 10px;padding:12px 16px;border-radius:8px}.sales-summary h3{font-size:16px;gap:8px}.sales-summary h3 svg{width:14px!important;height:14px!important;padding:4px}.sales-summary h3 svg:before{font-size:11px;padding:4px 8px;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-background-clip:text;-webkit-text-fill-color:transparent;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 #000000;box-shadow:0 4px 8px #0000004d}.sales-summary h3{color:#000;background:none;-webkit-text-fill-color:#000000}.sales-summary h3 svg{color:#000;background:#f0f0f0;border:1px solid #000000}.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:2px solid #3b82f6;outline-offset:2px}@media print{.sales-summary{background:#fff;border:1px solid #000;box-shadow:none}.sales-summary h3 svg{display:none}}.sales-summary.compact{padding:10px 16px;margin:12px 0 8px}.sales-summary.compact h3{font-size:16px;gap:8px}.sales-summary.compact h3 svg{width:14px!important;height:14px!important;padding:3px}.totals-container{display:flex;gap:1.5rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center}.total-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2);border-radius:15px;padding:1rem;min-width:160px;height:80px;margin-top:30px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.total-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:1;transition:opacity .4s ease;border-radius:15px;z-index:-1}.total-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;transition:opacity .4s ease;border-radius:15px;z-index:-1}.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{margin-bottom:.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .3s ease}.total-panel:hover .total-icon{transform:scale(1.1) rotate(5deg)}.total-text{font-size:.8rem;font-weight:600;color:#333;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.5px;text-shadow:none}.total-amount{font-size:1.5rem;font-weight:700;color:#333;text-shadow:none}.cost-total .total-icon{color:#ff6b6b;filter:drop-shadow(0 4px 8px rgba(255,107,107,.3))}.sales-total .total-icon{color:#4ecdc4;filter:drop-shadow(0 4px 8px rgba(78,205,196,.3))}.qty-total .total-icon{color:#fdcb6e;filter:drop-shadow(0 4px 8px rgba(253,203,110,.3))}.count-total .total-icon{color:#a29bfe;filter:drop-shadow(0 4px 8px rgba(162,155,254,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.total-panel{animation:float 6s ease-in-out infinite}.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 (max-width: 768px){.totals-container{flex-direction:column;gap:1rem}.total-panel{min-width:auto;width:100%;max-width:300px;margin:0 auto}.total-amount{font-size:1.5rem}}.solid-bg .total-panel{background:#fffffff2;color:#333}.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{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:8px;padding:8px 10px;cursor:text}.searchable-select-control.is-open{border-color:var(--primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}.searchable-select-input{border:none;outline:none;width:100%;font-size:14px;background:transparent}.ssc-left-icon{opacity:.6}.ssc-right-icon{margin-left:auto;opacity:.6}.ssc-clear{margin-left:auto;border:none;background:transparent;cursor:pointer;opacity:.7}.ssc-clear:hover{opacity:1}.searchable-select-menu{position:absolute;z-index:40;left:0;right:0;margin-top:6px;background:#fff;border:1px solid var(--border, #e5e7eb);border-radius:8px;max-height:220px;overflow:auto;box-shadow:0 10px 20px #00000014}.searchable-select-option{padding:10px 12px;cursor:pointer;font-size:14px}.searchable-select-option:hover,.searchable-select-option.is-active{background:#2563eb14}.searchable-select-empty{padding:10px 12px;font-size:13px;color:#6b7280}.notification-setting{max-width:800px;margin:20px auto;background-color:#f9f6f6;border-radius:8px;padding:20px;box-shadow:0 4px 8px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#192453}.notification-setting h2{text-align:center;margin-bottom:20px;font-size:1.8em;color:#192453}.table-container{overflow-x:auto;margin-top:20px}.notification-setting__table{width:100%;border-collapse:collapse}.notification-setting__table th,.notification-setting__table td{border:1px solid #ccc;padding:12px;text-align:left}.notification-setting__table th{background-color:#192453;color:#fff;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{background-color:#2ecc71;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:.9rem;cursor:pointer;transition:background-color .2s}.range-button:hover{background-color:#27ae60}.toggle-switch{width:50px;height:24px;background-color:#ccc;border-radius:12px;position:relative;cursor:pointer;transition:background-color .3s}.toggle-switch.on{background-color:#3498db}.toggle-switch.off{background-color:#ccc}.toggle-switch .toggle-knob{width:22px;height:22px;background-color:#fff;border-radius:50%;position:absolute;top:1px;left:1px;transition:left .3s}.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{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.model-content-common{background:var(--sytem-panel-colors);border-radius:8px;width:100%;max-width:1400px;min-height:500px;max-height:800px;overflow-y:auto;border:8px solid var(--system-main-color);position:relative;font-size:12px}.manage-products-container{background-color:var(--sytem-panel-colors);border:1px solid var(--secondary-bg);padding:20px;min-width:900px;border-radius:10px;box-shadow:0 4px 8px #0000001a}.manage-products-container h2{text-align:center;margin-bottom:20px;color:var(--header-bg);font-size:20px}.manage-products{background-color:var(--sytem-panel-colors);border-radius:10px;padding:20px}.product-image{width:150px;height:150px;object-fit:cover;border-radius:6px}.controls-container{display:flex;flex-wrap:wrap;border-radius:10px;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box input{width:100%;max-width:300px;padding:8px 12px;font-size:12px;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color)}.rows-per-page{display:flex;align-items:center;gap:10px}.rows-per-page label{font-weight:700;font-size:12px;color:var(--text-color)}.rows-per-page select{padding:6px 10px;font-size:12px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.table-responsive{width:100%;overflow-x:auto}.manage-products-container table{width:100%;border-collapse:collapse;font-size:12px;background-color:var(--white);margin-bottom:20px;min-width:1200px}.manage-products-container th,.manage-products-container td{border:1px solid var(--table-border-color);padding:8px;color:var(--black);font-weight:700}.manage-products-container th{background-color:var( --table-headers);font-weight:700;color:var(--white)}.manage-products-container tr td{background-color:var(--table-tr-background-color)}.actions-cell{display:flex;gap:5px;align-items:center}.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{width:80px;height:80px;object-fit:cover;border-radius:4px}.status-active{color:green;font-weight:700;font-size:12px}.status-inactive{color:red;font-weight:700;font-size:12px}.actions-cell{display:flex;gap:5px}.icon-button{background:transparent;border:none;cursor:pointer;padding:4px}.icon-button img{width:20px;height:20px}.modal-content{background-color:var(--primary-bg);padding:20px;font-size:12px;border-radius:8px;max-width:600px;margin:auto}.modal-overlay{background-color:#00000080}.totals-modal-content{display:flex;flex-direction:column;align-items:center;padding:20px;font-size:12px;color:var(--text-color)}.modal-details-content{display:flex;flex-direction:column;padding:20px;font-size:12px;color:var(--text-color);max-height:80vh;overflow-y:auto}.large-image-container{text-align:center}#refresh-button-manage-products{background-color:var(--refresh-icon-color);color:var(--black);border:none;height:30px;align-items:center;justify-content:center;display:flex;padding:0 10px;width:30px;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color .3s ease}#refresh-button-manage-products:hover{background-color:var(--refresh-icon-color-hover);transition:.3s ease-in-out;color:var(--white)}.product-image{width:100px!important;height:100px!important;object-fit:cover;display:block;margin:auto;border-radius:6px}.export-buttons-container{display:flex;justify-content:center;gap:15px;margin-top:20px}.export-button-excel,.export-button-csv,.export-button-pdf{background-color:var(--sytem-secondary-color);color:var(--black);border:none;padding:5px 10px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:5px;font-weight:700;font-size:10px}.export-button-excel:hover,.export-button-csv:hover,.export-button-pdf:hover{background-color:var(--system-main-color);color:var(--white);transition:.3s ease-in-out}@media (max-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{font-size:10px;padding:6px 8px}.icon-button img{width:18px;height:18px}}#product-update-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;color:#000}#product-update-modal-content{position:relative;background-color:#f9f6f6;padding:20px;border-radius:8px;width:90%;border:8px solid var(--system-main-color);max-width:1200px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;max-height:90vh;color:#000}.modal-close-button{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:#000;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close-button:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}h2{text-align:center;margin-bottom:20px;font-size:20px;color:#000}.form-group-set{border:1px solid #adcecc;border-radius:6px;padding:15px;margin-bottom:20px;color:#000}.hidden{display:none}.form-group input,.form-group select,.date-picker{padding:5px;border:1px solid #192453a2;border-radius:4px;font-size:12px;height:30px;width:100%;box-sizing:border-box;background-color:#fff;color:#000}.form-group input[readonly]{background-color:#f9f6f6;cursor:not-allowed}.react-select__control{min-height:30px;height:30px;font-size:12px;color:#000}.react-select__value-container{padding:0 8px;color:#000}.react-select__input{margin:0;padding:0;color:#000}.react-select__indicator-separator{display:none}.react-select__indicators{height:30px}.react-select__menu{font-size:12px;color:#000}.react-select__option{padding:8px 12px;color:#000}.react-select__option--is-focused{background-color:#f0f0f0}.react-select__option--is-selected{background-color:#192453a2;color:#000}.dropdown-list{border:1px solid #192453a2;border-radius:4px;margin-top:-5px;list-style:none;padding:5px;max-height:200px;overflow-y:auto;background-color:#fff;box-shadow:0 2px 10px #0000001a;z-index:10;color:#000}.dropdown-list li{padding:5px;cursor:pointer;color:#000}.dropdown-list li:hover{background-color:#f0f0f0}.date-picker{padding:5px;font-size:12px;height:30px;border:1px solid #192453a2;border-radius:4px;background-color:#fff;color:#000}.image-preview{width:200px;height:auto;margin-bottom:10px;border-radius:8px;border:2px solid #192453a2;box-shadow:0 4px 8px #0000001a}.upload-button{background-color:#d4d4ec;color:#000;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:12px;margin-top:5px;align-self:flex-start;transition:background-color .2s ease}.upload-button:hover{background-color:#adcecc}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;margin:10px 0}.file-input-button{border:none;background-color:#192453a2;color:#fff;padding:6px 10px;font-size:12px;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.file-input-button:hover{background-color:#d4d4ec;cursor:pointer}.file-input{position:absolute;opacity:0;right:0;top:0;font-size:100px;cursor:pointer}#product-update-actions{display:flex;justify-content:flex-end;margin-top:20px}#product-update-actions button{background-color:var(--update-button-color);color:var(--black);font-size:12px;padding:8px 12px;border:none;font-weight:700}#product-update-actions button:hover{background-color:var(--update-button-color-hover);transition:.3s ease-in-out;color:var(--white)}#upload-button-edit-products{color:#000;background-color:#83e3db}#upload-button-edit-products:hover{color:#fff;background-color:#10534e;transition:.3s ease-in-out}@media (max-width: 768px){.form-group{flex:1 1 calc(50% - 15px)}#product-update-modal-content{width:100%;padding:15px}.form-group-set{padding:10px}.form-group-set legend{font-size:13px}}@media (max-width: 480px){.form-group{flex:1 1 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}}.stock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.stock-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;transform:scale(1);transition:all .3s ease}.stock-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #f3f4f6}.stock-modal-title-section{display:flex;align-items:center;gap:.75rem}.stock-modal-icon-container{padding:.5rem;background-color:#dcfce7;border-radius:8px}.stock-modal-icon{width:1.25rem;height:1.25rem;color:#16a34a}.stock-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.stock-modal-subtitle{font-size:.875rem;color:#6b7280;margin:0}.stock-modal-close-btn{padding:.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.stock-modal-close-btn:hover{background-color:#f3f4f6}.stock-modal-close-btn:disabled{cursor:not-allowed;opacity:.5}.stock-modal-close-icon{width:1.25rem;height:1.25rem;color:#6b7280}.stock-modal-content{padding:1.5rem}.stock-product-info{background-color:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.stock-product-name{font-weight:500;color:#1f2937;margin:0 0 .25rem}.stock-product-details{font-size:.875rem;color:#6b7280;margin:0}.stock-loading-container{display:flex;align-items:center;justify-content:center;padding:2rem 0}.stock-loading-spinner{width:1.5rem;height:1.5rem;color:#16a34a;animation:spin 1s linear infinite;margin-right:.75rem}.stock-loading-text{color:#6b7280}.stock-no-access{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px}.stock-no-access-icon{width:1.25rem;height:1.25rem;color:#dc2626;flex-shrink:0}.stock-no-access-text{color:#b91c1c;margin:0}.stock-form-container{display:flex;flex-direction:column;gap:1.5rem}.stock-input-group{display:flex;flex-direction:column}.stock-input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.stock-input-container{position:relative}.stock-quantity-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.stock-quantity-input:focus{outline:none;border-color:#16a34a;box-shadow:0 0 0 3px #16a34a1a}.stock-quantity-input:disabled{background-color:#f9fafb;cursor:not-allowed}.stock-quantity-input::placeholder{color:#9ca3af}.stock-input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af}.stock-buttons-container{display:flex;gap:.75rem;padding-top:.5rem}.stock-submit-btn{flex:1;background-color:#16a34a;color:#fff;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.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{background-color:#d1d5db;cursor:not-allowed}.stock-submit-icon{width:1rem;height:1rem}.stock-cancel-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.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 (max-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{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:1000}.stock-out-modal-container{background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-width:28rem;width:100%;transform:scale(1);transition:all .3s ease}.stock-out-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #f3f4f6}.stock-out-modal-title-section{display:flex;align-items:center;gap:.75rem}.stock-out-modal-icon-container{padding:.5rem;background-color:#fee2e2;border-radius:8px}.stock-out-modal-icon{width:1.25rem;height:1.25rem;color:#dc2626}.stock-out-modal-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.stock-out-modal-subtitle{font-size:.875rem;color:#6b7280;margin:0}.stock-out-modal-close-btn{padding:.5rem;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.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{width:1.25rem;height:1.25rem;color:#6b7280}.stock-out-modal-content{padding:1.5rem}.stock-out-product-info{background-color:#f9fafb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.stock-out-product-name{font-weight:500;color:#1f2937;margin:0 0 .25rem}.stock-out-product-details{font-size:.875rem;color:#6b7280;margin:0}.stock-out-loading-container{display:flex;align-items:center;justify-content:center;padding:2rem 0}.stock-out-loading-spinner{width:1.5rem;height:1.5rem;color:#dc2626;animation:spin 1s linear infinite;margin-right:.75rem}.stock-out-loading-text{color:#6b7280}.stock-out-no-access{display:flex;align-items:center;gap:.75rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px}.stock-out-no-access-icon{width:1.25rem;height:1.25rem;color:#dc2626;flex-shrink:0}.stock-out-no-access-text{color:#b91c1c;margin:0}.stock-out-form-container{display:flex;flex-direction:column;gap:1.5rem}.stock-out-input-group{display:flex;flex-direction:column}.stock-out-input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.stock-out-input-container{position:relative}.stock-out-quantity-input{width:100%;padding:.75rem 2.5rem .75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;box-sizing:border-box}.stock-out-quantity-input:focus{outline:none;border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.stock-out-quantity-input:disabled{background-color:#f9fafb;cursor:not-allowed}.stock-out-quantity-input::placeholder{color:#9ca3af}.stock-out-input-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af}.stock-out-buttons-container{display:flex;gap:.75rem;padding-top:.5rem}.stock-out-submit-btn{flex:1;background-color:#dc2626;color:#fff;padding:.75rem 1rem;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.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{background-color:#d1d5db;cursor:not-allowed}.stock-out-submit-icon{width:1rem;height:1rem}.stock-out-cancel-btn{padding:.75rem 1.5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.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 (max-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}}#supplier-update-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#supplier-update-modal-content{position:relative;background-color:var(--sytem-panel-colors);padding:20px;border-radius:8px;width:90%;max-width:1200px;box-shadow:0 2px 10px #0000001a;overflow-y:auto;max-height:90vh;color:var(--black)}#supplier-update-modal-overlay>div{width:100%}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h2{margin:0;font-size:24px;text-align:center;color:var(--black)}.modal-body{padding:10px 0}.form-group-set{border:1px solid var(--system-main-color);border-radius:6px;padding:15px;margin-bottom:20px;color:#000}.form-group-set legend{font-weight:700;font-size:14px;padding:0 10px;color:#000}.form-row{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.form-group{flex:1 1 calc(33.333% - 15px);display:flex;flex-direction:column;margin-bottom:15px}.form-group label{font-weight:700;margin-bottom:3px;font-size:12px;color:#000}.form-group input,.form-group select{padding:8px;border:1px solid #000;border-radius:4px;font-size:12px;height:30px;width:100%;box-sizing:border-box;background-color:#fff;color:#000}#button-group{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}#saveButton{background-color:var(--update-button-color);color:var(--black);font-size:12px;padding:8px 12px;border:none;font-weight:700;cursor:pointer}#saveButton:hover{background-color:var(--update-button-color-hover);color:var(--white);transition:.3s ease-in-out}#saveButton:disabled{background-color:#94d3a2;cursor:not-allowed}@media (max-width: 768px){.form-group{flex:1 1 calc(50% - 15px)}#supplier-update-modal-content{width:100%;padding:15px}.form-group-set{padding:10px}.form-group-set legend{font-size:13px}}@media (max-width: 480px){.form-group{flex:1 1 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}}.oim-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.oim-container{position:relative;background:#fff;border-radius:10px;width:90%;max-width:500px;border:2px solid #f59e0b;box-shadow:0 8px 32px #f59e0b26;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.oim-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #fef3c7;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:10px 10px 0 0;flex-shrink:0}.oim-title{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.oim-title svg{flex-shrink:0}.oim-content{padding:16px 18px;background-color:#fff;flex:1;overflow-y:auto}.oim-form-group{margin-bottom:14px}.oim-label{display:block;font-weight:700;color:#374151;margin-bottom:6px;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.oim-input{width:100%;padding:8px 10px;border:1px solid #fcd34d;border-radius:4px;font-size:12px;transition:all .3s ease;font-family:inherit;background-color:#fff}.oim-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a;background-color:#fffbeb}.oim-input::placeholder{color:#d1d5db}.oim-input-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.oim-input-row .oim-form-group{margin-bottom:0}.oim-percentage-input{background-color:#f9fafb;color:#6b7280}.oim-cost-wrapper{position:relative;display:flex;align-items:center}.oim-cost-input{width:100%;padding-right:40px}.oim-cost-readonly{background-color:#f9fafb;color:#6b7280;cursor:default}.oim-toggle-cost-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#f59e0b;display:flex;align-items:center;justify-content:center;padding:4px;transition:all .3s ease;border-radius:4px}.oim-toggle-cost-btn:hover{background-color:#fef3c7;transform:scale(1.1)}.oim-toggle-cost-btn:active{transform:scale(.95)}.oim-cost-hint{display:block;font-size:9px;color:#9ca3af;margin-top:4px;font-style:italic;padding-left:2px}.oim-discount-preview{background:linear-gradient(135deg,#fffbeb,#fef3c7);padding:10px 12px;border-radius:6px;border-left:3px solid #f59e0b;margin-bottom:14px}.oim-discount-item{display:flex;justify-content:space-between;align-items:center}.oim-discount-label{font-weight:700;color:#374151;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.oim-discount-value{font-weight:700;color:#f59e0b;font-size:13px;font-family:Courier New,monospace}.oim-footer{padding:12px 18px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border-top:1px solid #fef3c7;flex-shrink:0}.oim-add-button{width:100%;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:10px 16px;border:none;font-size:12px;font-weight:700;border-radius:6px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 2px 8px #f59e0b33;display:flex;align-items:center;justify-content:center;gap:6px}.oim-add-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.oim-add-button:active:not(:disabled){transform:translateY(0)}.oim-add-button:disabled{opacity:.6;cursor:not-allowed}.oim-add-button svg{flex-shrink:0}.oim-content::-webkit-scrollbar{width:6px}.oim-content::-webkit-scrollbar-track{background:#fffbeb}.oim-content::-webkit-scrollbar-thumb{background:#fcd34d;border-radius:3px}.oim-content::-webkit-scrollbar-thumb:hover{background:#f59e0b}@media screen and (max-width: 600px){.oim-container{max-width:95%}.oim-header{padding:12px 14px}.oim-title{font-size:14px}.oim-content{padding:14px}.oim-footer{padding:10px 14px}.oim-input-row{gap:8px}}@media screen and (max-width: 480px){.oim-container{width:98%;max-width:100%}.oim-header{padding:10px 12px}.oim-title{font-size:13px;gap:6px}.oim-title svg{width:16px;height:16px}.oim-content{padding:12px}.oim-footer{padding:8px 12px}.oim-label{font-size:10px}.oim-input{font-size:11px;padding:6px 8px}.oim-input-row{grid-template-columns:1fr 1fr;gap:6px}.oim-add-button{font-size:11px;padding:8px 12px;gap:4px}.oim-add-button svg{width:12px;height:12px}.oim-discount-preview{padding:8px 10px}.oim-discount-label{font-size:10px}.oim-discount-value{font-size:12px}.oim-cost-hint{font-size:8px}}@media screen and (max-width: 360px){.oim-container{width:99%}.oim-title{font-size:12px}.oim-input,.oim-add-button{font-size:10px}}.oim-cost-mode-toggle{margin:12px 0}.oim-toggle-buttons{display:flex;gap:8px;margin-top:6px}.oim-toggle-btn{flex:1;padding:8px 12px;border:1.5px solid #ddd;background:#f9f9f9;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;color:#666}.oim-toggle-btn:hover{border-color:#bbb;background:#f5f5f5}.oim-toggle-btn.active{background:#4caf50;color:#fff;border-color:#45a049}.oim-toggle-btn.active:hover{background:#45a049}.oim-cost-wrapper{display:flex;gap:8px;align-items:center}.oim-cost-input{flex:1}.rmf-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rmf-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:700px;max-height:85vh;border:2px solid #ef4444;box-shadow:0 8px 32px #ef444426;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.rmf-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #fee2e2;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:10px 10px 0 0;flex-shrink:0}.rmf-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.rmf-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;background:linear-gradient(135deg,#fef2f2,#fce7e7);border-bottom:1px solid #fee2e2;flex-shrink:0}.rmf-stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background-color:#fff;border-left:4px solid #ef4444;border-radius:6px;box-shadow:0 2px 8px #ef444414;transition:all .3s ease;min-height:70px}.rmf-stat-card:hover{box-shadow:0 4px 16px #ef444426;transform:translateY(-2px)}.rmf-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.rmf-stat-value{font-size:16px;font-weight:700;color:#ef4444;word-break:break-word}.rmf-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #fee2e2;flex-shrink:0}.rmf-form-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #fecaca;text-transform:uppercase;letter-spacing:.5px}.rmf-search-section{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.rmf-input-group{flex:1;min-width:140px}.rmf-input-group label{display:block;font-weight:700;color:#374151;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.rmf-input,.rmf-input-disabled{width:100%;padding:6px 8px;border:1px solid #fecaca;border-radius:4px;font-size:11px;transition:all .3s ease;font-family:inherit;background-color:#fff}.rmf-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a;background-color:#fef2f2}.rmf-input-disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#e5e7eb}.rmf-dropdown-wrapper{position:relative}.rmf-dropdown-list{position:absolute;width:100%;max-height:150px;overflow-y:auto;border:1px solid #fecaca;background-color:#fff;z-index:1000;font-size:10px;margin-top:2px;border-radius:4px;box-shadow:0 4px 12px #ef44441a;list-style:none;padding:0}.rmf-dropdown-item{padding:8px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #fee2e2}.rmf-dropdown-item:last-child{border-bottom:none}.rmf-dropdown-item:hover{background-color:#fef2f2;color:#ef4444;padding-left:10px}.rmf-dropdown-content{display:flex;flex-direction:column;gap:2px}.rmf-dropdown-name{font-weight:600;color:#1f2937}.rmf-dropdown-details{font-size:9px;color:#9ca3af}.rmf-input-spinner{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid #f3f3f3;border-top:2px solid #ef4444;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.rmf-details-section{background-color:#fef2f2;padding:12px;border-radius:6px;border:1px solid #fee2e2}.rmf-single-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.rmf-input-group.rmf-compact{flex:0 1 auto;min-width:110px}.rmf-input-group.rmf-button-group{flex:0 1 auto;min-width:auto}.rmf-add-btn{width:100%;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:6px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #ef444433;white-space:nowrap}.rmf-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 10px #ef44444d}.rmf-add-btn:disabled{opacity:.6;cursor:not-allowed}.rmf-preview{background-color:#fff;border:1px solid #fecaca;border-radius:6px;overflow:hidden;margin-top:12px}.rmf-preview-header{background:linear-gradient(135deg,#fef2f2,#fee2e2);padding:10px 12px;font-weight:700;color:#ef4444;font-size:11px;border-bottom:1px solid #fecaca}.rmf-preview-content{padding:10px 12px;font-size:10px}.rmf-preview-content p{margin:4px 0;color:#374151}.rmf-preview-content strong{color:#1f2937}.rmf-saved-list{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.rmf-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-shrink:0}.rmf-list-header h4{font-size:13px;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.rmf-table-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.rmf-table-container{flex:1;overflow-y:auto;border:1px solid #fee2e2;border-radius:4px;box-shadow:0 2px 6px #ef44440d}.rmf-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.rmf-table th{background:#fef2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #fecaca;font-size:10px}.rmf-table td{padding:6px;border-bottom:1px solid #fee2e2;text-align:center;color:#374151}.rmf-table tbody tr{transition:all .2s ease;background-color:#fff}.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{font-weight:700;color:#ef4444;font-family:Courier New,monospace}.rmf-delete-btn{background:none;border:none;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px;font-size:14px}.rmf-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.rmf-no-data{padding:40px 20px;text-align:center;color:#9ca3af;background-color:#fef2f2;border-radius:4px;border:1px dashed #fee2e2}.rmf-no-data p{margin:0;font-size:12px;font-weight:500}.rmf-table-container::-webkit-scrollbar{width:6px}.rmf-table-container::-webkit-scrollbar-track{background:#fef2f2}.rmf-table-container::-webkit-scrollbar-thumb{background:#fecaca;border-radius:3px}.rmf-table-container::-webkit-scrollbar-thumb:hover{background:#ef4444}@media screen and (max-width: 1024px){.rmf-modal{max-width:95%}.rmf-search-section{gap:8px}}@media screen and (max-width: 768px){.rmf-modal{width:95%;max-height:90vh}.rmf-search-section{flex-direction:column}.rmf-input-group{flex:1 1 100%;min-width:100%}.rmf-single-row{flex-direction:column}.rmf-input-group.rmf-compact,.rmf-input-group.rmf-button-group{flex:1 1 100%;min-width:100%}.rmf-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.rmf-table-container{max-height:300px}}@media screen and (max-width: 480px){.rmf-modal{width:98%;max-height:95vh}.rmf-header h3{font-size:12px}.rmf-summary-stats{grid-template-columns:1fr;gap:8px}.rmf-stat-card{padding:8px 10px;min-height:55px}.rmf-form-title{font-size:11px}.rmf-input,.rmf-input-disabled{font-size:10px;padding:5px 6px}.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}}@media screen and (max-width: 360px){.rmf-modal{width:99%}.rmf-summary-stats{grid-template-columns:1fr}.rmf-table{font-size:8px}}.samebatch-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.samebatch-modal-content{background:#fff;padding:20px;border-radius:8px;width:90%;min-width:600px;max-width:900px;position:relative}.samebatch-modal-close{position:absolute;top:10px;right:10px;background:#f44336;color:#fff;border:none;border-radius:50%;width:30px;height:30px;font-size:18px;cursor:pointer}.samebatch-title{margin-bottom:15px;text-align:center}.samebatch-loading{text-align:center;font-size:16px;padding:20px}.samebatch-product-list{max-height:400px;overflow-y:auto}.samebatch-table{width:100%;border-collapse:collapse}.samebatch-table th,.samebatch-table td{border:1px solid #ccc;padding:8px;text-align:center}.samebatch-table th{background-color:#f2f2f2}.samebatch-no-products{text-align:center;padding:20px;color:#888}.view-same-batch-btn{background-color:var(--saveButton-color);color:var(--black);border:none;border-radius:5px;font-size:12px;cursor:pointer;padding:8px 12px}.view-same-batch-btn:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:.3s ease-in-out}@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{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:smFadeIn .3s ease-out}.sm-modal{position:relative;background:#fff;border-radius:10px;width:90%;padding:20px;max-width:1200px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:smSlideUp .3s ease-out}.sm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.sm-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.sm-search-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.sm-search-wrapper{position:relative;display:flex;align-items:center;gap:10px}.sm-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none;font-size:14px;z-index:1}.sm-search-input{flex:1;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background-color:#fff;transition:all .3s ease;font-family:inherit}.sm-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.sm-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--system-main-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;padding:0;box-shadow:0 2px 6px #667eea33;flex-shrink:0}.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:smSpin 1s linear infinite}.sm-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;flex:1}.sm-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;animation:smSpin 1s linear infinite;margin-bottom:12px}.sm-loading-state p{font-size:12px;margin:0;font-weight:500}.sm-table-container{flex:1;overflow-y:auto;background-color:#fff}.sm-table{width:100%;border-collapse:collapse;font-size:12px;background-color:#fff}.sm-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;padding:10px 8px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.sm-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;text-align:center;color:#374151}.sm-table tbody tr{transition:all .2s ease;background-color:#fff;cursor:pointer}.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{font-weight:700;color:var(--system-main-color)}.sm-serial{font-weight:700;color:#1f2937;font-family:Courier New,monospace;font-size:11px}.sm-name{text-align:left;font-weight:600;color:#1f2937}.sm-barcode{font-family:Courier New,monospace;font-size:16px;font-weight:1000;color:#72100d}.sm-price{font-weight:700;color:#10b981}.sm-qty{font-weight:600;color:#f59e0b}.sm-supplier{font-size:11px;color:#6b7280}.sm-actions{display:flex;justify-content:center;align-items:center;gap:6px}.sm-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;padding:0}.sm-view-btn{background-color:#dbeafe;color:#0284c7}.sm-view-btn:hover{background-color:#0284c7;color:#fff;transform:scale(1.1)}.sm-select-btn{background-color:#dcfce7;color:#16a34a}.sm-select-btn:hover{background-color:#16a34a;color:#fff;transform:scale(1.1)}.sm-no-data-row td{padding:40px 20px;text-align:center}.sm-no-data{display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#f9fafb;border-radius:6px;color:#9ca3af;text-align:center}.sm-no-data p{margin:0;font-size:12px;font-weight:500}.sm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-shrink:0;flex-wrap:wrap}.sm-pagination-btn{padding:6px 12px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:10px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;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{font-size:10px;font-weight:700;color:#374151;min-width:100px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.sm-details-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:smFadeIn .3s ease-out}.sm-details-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:900px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow-y:auto;animation:smSlideUp .3s ease-out}.sm-details-header{padding:16px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.sm-details-header h2{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.sm-details-content{padding:18px;background-color:#fff}.sm-details-section{margin-bottom:18px}.sm-section-title{font-size:13px;font-weight:700;color:#1f2937;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--system-main-color);text-transform:uppercase;letter-spacing:.4px}.sm-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.sm-info-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:3px solid var(--system-main-color);border-radius:6px;transition:all .2s ease}.sm-info-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea1a}.sm-info-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.sm-info-value{font-size:12px;color:#1f2937;font-weight:600}.sm-image-section{text-align:center;padding:12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:6px}.sm-product-image{max-width:100%;max-height:300px;border-radius:6px;box-shadow:0 4px 12px #0000001a}.sm-details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af}.sm-details-loading p{font-size:12px;margin:12px 0 0;font-weight:500}.sm-details-error{padding:60px 20px;text-align:center;color:#ef4444}.sm-details-error h3{margin:0 0 8px;font-size:16px}.sm-details-error p{margin:0;font-size:12px;color:#9ca3af}.sm-table-container::-webkit-scrollbar,.sm-details-modal::-webkit-scrollbar{width:6px}.sm-table-container::-webkit-scrollbar-track,.sm-details-modal::-webkit-scrollbar-track{background:#f1f1f1}.sm-table-container::-webkit-scrollbar-thumb,.sm-details-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sm-table-container::-webkit-scrollbar-thumb:hover,.sm-details-modal::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (max-width: 768px){.sm-modal{width:95%;max-height:90vh}.sm-header h3{font-size:14px}.sm-search-input{font-size:12px}.sm-table th{font-size:9px;padding:8px 6px}.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 (max-width: 480px){.sm-modal{width:98%;max-height:92vh}.sm-header h3{font-size:12px}.sm-search-section{padding:10px 12px}.sm-search-input{font-size:11px;padding:8px 10px 8px 32px}.sm-search-wrapper{gap:6px}.sm-refresh-btn{width:28px;height:28px}.sm-table th{font-size:8px;padding:6px 4px}.sm-table td{padding:6px 4px;font-size:10px}.sm-actions{gap:4px}.sm-action-btn{width:24px;height:24px}.sm-pagination-btn{padding:4px 8px;font-size:9px}.sm-pagination-info{font-size:9px;padding:4px 8px}.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}}@media screen and (max-width: 360px){.sm-modal{width:99%}.sm-header h3{font-size:11px}.sm-search-input{font-size:10px}.sm-table th,.sm-table td{font-size:9px;padding:4px 2px}.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}}.em-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.em-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.em-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.em-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.em-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0}.em-stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background-color:#fff;border-left:4px solid var(--system-main-color);border-radius:6px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-height:70px}.em-stat-card:hover{box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.em-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.em-stat-value{font-size:16px;font-weight:700;color:var(--system-main-color);word-break:break-word}.em-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.em-form-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.em-single-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.em-form-group{flex:1;min-width:140px}.em-form-group.em-compact{flex:0 1 auto;min-width:110px}.em-form-group.em-remark-group{flex:1.5;min-width:150px}.em-form-group.em-button-group{flex:0 1 auto;min-width:auto}.em-form-group label{display:block;font-weight:700;color:#374151;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.em-input,.em-select,.em-input-disabled{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;transition:all .3s ease;font-family:inherit}.em-input{background-color:#fff}.em-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.em-input-disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.em-select{background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:25px}.em-select:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.em-dropdown-wrapper{position:relative}.em-dropdown-list{position:absolute;width:100%;max-height:120px;overflow-y:auto;border:1px solid #d1d5db;background-color:#fff;z-index:1000;font-size:10px;margin-top:2px;border-radius:4px;box-shadow:0 4px 12px #0000001a;list-style:none;padding:0}.em-dropdown-list li{padding:6px 8px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.em-dropdown-list li:last-child{border-bottom:none}.em-dropdown-list li:hover{background-color:#f0f9ff;color:var(--system-main-color);padding-left:10px}.em-add-category-btn{width:100%;background-color:#10b981;color:#fff;padding:6px 8px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.em-add-category-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b98133}.em-save-btn{width:100%;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;padding:6px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #667eea33;white-space:nowrap}.em-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#4052b8);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.em-save-btn:disabled{opacity:.6;cursor:not-allowed}.em-bank-row{display:flex;gap:10px;margin-top:10px;padding-top:10px;border-top:1px solid #e5e7eb}.em-bank-row .em-form-group{flex:1;min-width:150px}.em-saved-list{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.em-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px;flex-shrink:0}.em-list-header h4{font-size:13px;font-weight:700;color:#1f2937;margin:0;padding-bottom:0;border-bottom:none;text-transform:uppercase;letter-spacing:.5px}.em-list-controls{display:flex;gap:10px;align-items:center;flex:1;min-width:250px}.em-search-group{position:relative;flex:1;min-width:180px}.em-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:12px}.em-search-input{width:100%;padding:6px 10px 6px 32px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;background-color:#fff;transition:all .3s ease;font-family:inherit}.em-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.em-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--system-main-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;box-shadow:0 2px 6px #667eea33}.em-refresh-btn:hover:not(:disabled){background-color:#5568d3;transform:rotate(180deg);box-shadow:0 4px 10px #667eea4d}.em-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.em-spinning svg{animation:spin 1s linear infinite}.em-table-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.em-table-container{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 6px #0000000d}.em-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.em-table th{background:#f2f2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:1px solid #d1d5db;font-size:10px}.em-table td{padding:6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151}.em-table tbody tr{transition:all .2s ease;background-color:#fff}.em-table tbody tr:hover{background-color:#f9fafb}.em-table tbody tr:last-child td{border-bottom:none}.em-amount-cell{font-weight:700;color:#059669;font-size:11px;font-family:Courier New,monospace}.em-remark-cell{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:8px}.em-no-data-row td{padding:30px 20px;text-align:center;color:#9ca3af}.em-delete-btn{background:none;border:none;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px}.em-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.em-delete-btn img{width:18px;height:18px;object-fit:contain;filter:brightness(.8)}.em-delete-btn:hover img{filter:brightness(1)}.em-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;margin-top:12px;margin-bottom:12px;border-radius:4px;flex-shrink:0}.em-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.em-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.em-pagination-btn:active:not(:disabled){transform:translateY(0)}.em-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.em-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.em-export-buttons{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;flex-shrink:0}.em-export-btn{display:inline-flex;align-items:center;gap:5px;padding:8px 16px;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px}.em-export-btn.excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b98133}.em-export-btn.excel:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.em-export-btn.csv{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b33}.em-export-btn.csv:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.em-export-btn.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef444433}.em-export-btn.pdf:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.em-no-data{padding:40px 20px;text-align:center;color:#9ca3af;background-color:#f9fafb;border-radius:4px;border:1px dashed #e5e7eb}.em-no-data p{margin:0;font-size:12px;font-weight:500}.em-table-container::-webkit-scrollbar{width:6px}.em-table-container::-webkit-scrollbar-track{background:#f1f1f1}.em-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.em-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (max-width: 1024px){.em-modal{max-width:95%}.em-single-row{gap:8px}.em-form-group.em-compact{min-width:100px}.em-form-group.em-remark-group{flex:1;min-width:120px}}@media screen and (max-width: 768px){.em-modal{width:95%;max-height:90vh}.em-single-row{flex-direction:column;gap:8px}.em-form-group,.em-form-group.em-compact,.em-form-group.em-remark-group,.em-form-group.em-button-group{flex:1 1 100%;min-width:100%}.em-bank-row{flex-direction:column}.em-bank-row .em-form-group{flex:1 1 100%;min-width:100%}.em-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}.em-table-container{max-height:300px}.em-list-header{flex-direction:column;align-items:flex-start}.em-list-controls{width:100%}}@media screen and (max-width: 480px){.em-modal{width:98%;max-height:95vh}.em-header h3{font-size:12px}.em-summary-stats{grid-template-columns:1fr;gap:8px}.em-stat-card{padding:8px 10px;min-height:55px}.em-form-title{font-size:11px}.em-input,.em-select,.em-input-disabled{font-size:10px;padding:5px 6px}.em-table{font-size:9px}.em-table th{padding:4px 2px;font-size:8px}.em-table td{padding:4px 2px}.em-delete-btn img{width:16px;height:16px}.em-pagination-btn,.em-export-btn{padding:6px 12px;font-size:9px}.em-export-btn svg{width:12px;height:12px}}@media screen and (max-width: 360px){.em-modal{width:99%}.em-summary-stats{grid-template-columns:1fr}.em-table{font-size:8px}.em-pagination-btn,.em-export-btn{padding:4px 8px;font-size:8px}}.cm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cm-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:800px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.cm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.cm-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.cm-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.cm-form-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.cm-input-row{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.cm-form-group{flex:1;min-width:200px}.cm-form-group.cm-button-group{flex:0 1 auto;min-width:auto}.cm-form-group label{display:block;font-weight:700;color:#374151;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.cm-input{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;transition:all .3s ease;font-family:inherit;background-color:#fff}.cm-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.cm-add-btn{display:inline-flex;align-items:center;gap:6px;width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:8px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #10b98133;white-space:nowrap;justify-content:center}.cm-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.cm-add-btn:disabled{opacity:.6;cursor:not-allowed}.cm-list-section{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.cm-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px;flex-shrink:0}.cm-list-header h4{font-size:13px;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.cm-search-input{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;background-color:#fff;transition:all .3s ease;min-width:180px}.cm-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.cm-table-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.cm-table-container{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 6px #0000000d}.cm-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.cm-table th{background:#f2f2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:1px solid #d1d5db;font-size:10px}.cm-table td{padding:8px 6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151}.cm-table tbody tr{transition:all .2s ease;background-color:#fff}.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{padding:30px 20px;text-align:center;color:#9ca3af}.cm-delete-btn{background:none;border:none;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px;color:#ef4444}.cm-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.cm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;margin-top:12px;border-radius:4px;flex-shrink:0}.cm-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.cm-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.cm-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.cm-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.cm-no-data{padding:40px 20px;text-align:center;color:#9ca3af;background-color:#f9fafb;border-radius:4px;border:1px dashed #e5e7eb;margin:20px 0}.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 (max-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:1 1 100%;min-width:100%}.cm-list-header{flex-direction:column;align-items:flex-start}.cm-search-input{width:100%}}@media screen and (max-width: 480px){.cm-modal{width:98%;max-height:95vh}.cm-header h3{font-size:12px}.cm-form-title{font-size:11px}.cm-input{font-size:10px;padding:6px 8px}.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}}#payment-modal{position:fixed;top:0;left:0;width:100%;height:100%;font-size:12px;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}#total-amount-payment-model{background-color:#424242;font-size:2rem;padding:10px;border-radius:10px;margin-bottom:15px;color:#fff;text-align:center}#payment-container{background:#fff;border-radius:8px;padding:20px;font-size:12px;width:600px;transition:width .3s ease-in-out;box-shadow:0 4px 8px #0003;font-family:Arial,sans-serif;max-height:85vh;overflow-y:auto}#payment-container.panel-shown{width:1000px}#payment-container.panel-hidden{width:600px}[id$=-group]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}[id$=-group] label{display:flex;align-items:center;gap:10px;font-weight:700;flex:1}[id$=-group] img{width:24px;height:24px}[id$=-group] input{flex:2;padding:6px;border:1px solid #ccc;border-radius:4px;font-size:12px;box-sizing:border-box;transition:all .2s ease}[id$=-group] input:focus{border-color:#007bff;box-shadow:0 0 5px #007bff4d;outline:none}#suggestions-dropdown{position:absolute;background:#fff;border:1px solid #ccc;z-index:10;margin-top:80px;margin-left:200px;max-height:150px;overflow-y:auto;width:calc(20% - 50px);border-radius:4px;box-shadow:0 2px 8px #00000026}.suggestion-item{padding:10px;cursor:pointer;border-bottom:1px solid #eee;transition:background-color .2s ease}#balance-group input{font-weight:700;text-align:right}#action-buttons{display:flex;justify-content:space-between;gap:10px;margin-top:20px}#action-buttons button{flex:1;padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;text-align:center;transition:all .2s ease;font-weight:600}#action-buttons button:nth-child(1){background:#007bff;color:#fff}#action-buttons button:nth-child(1):hover:not(:disabled){background:#0056b3;transform:translateY(-2px);box-shadow:0 4px 8px #007bff4d}#action-buttons button:nth-child(2){background:#075319;color:#fff}#action-buttons button:nth-child(2):hover:not(:disabled){background:#054a14;transform:translateY(-2px);box-shadow:0 4px 8px #0753194d}#action-buttons button:nth-child(3){background:#dc3545;color:#fff}#action-buttons button:nth-child(3):hover:not(:disabled){background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}#action-buttons button:active:not(:disabled){transform:translateY(0)}#action-buttons button:disabled{opacity:.6;cursor:not-allowed}.rate-column{padding-right:5px}#advance-bill-checkbox{margin:10px 0;display:flex;font-weight:700;align-items:center;gap:5px}#advance-bill-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#007bff}#advance-bill-checkbox label{font-size:14px;color:#333;cursor:pointer}#nc-description{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:#1f2937;letter-spacing:-.025em;transition:color .2s ease}.toggle-panel-btn{padding:8px 16px;background-color:#28a745;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .3s ease;box-shadow:0 2px 4px #0003;display:flex;align-items:center;gap:6px}.toggle-panel-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.toggle-panel-btn:active{transform:translateY(0)}.toggle-panel-btn.hidden{background-color:#dc3545}.toggle-panel-btn.hidden:hover{background-color:#c82333;transform:translateY(-2px)}@media (max-width: 1200px){#payment-container{width:85vw}#payment-container.panel-hidden{width:70vw}#payment-container.panel-shown{width:95vw}}@media (max-width: 768px){#payment-container{width:98vw;padding:15px;max-height:90vh}#payment-container.panel-hidden,#payment-container.panel-shown{width:98vw}[id$=-group]{flex-direction:column;align-items:flex-start}[id$=-group] label{margin-bottom:5px;width:100%}[id$=-group] input{width:100%;flex:1}#action-buttons{flex-direction:column}#action-buttons button{width:100%}#suggestions-dropdown{margin-left:0;width:100%}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.view-advance-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #667eea4d;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex:1;margin-left:10px}.view-advance-btn:hover{background:linear-gradient(135deg,#764ba2,#667eea);transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.view-advance-btn:active{transform:translateY(0);box-shadow:0 2px 4px #667eea4d}.view-advance-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.view-advance-btn.solid{background:#667eea;box-shadow:0 2px 8px #667eea40}.view-advance-btn.solid:hover{background:#5568d3;box-shadow:0 4px 12px #667eea59}.view-advance-btn.outline{background:transparent;border:2px solid #667eea;color:#667eea;box-shadow:none}.view-advance-btn.outline:hover{background:#f0f4ff;border-color:#764ba2;color:#764ba2}.view-advance-btn.success{background:linear-gradient(135deg,#11998e,#38ef7d);box-shadow:0 4px 6px #11998e4d}.view-advance-btn.success:hover{background:linear-gradient(135deg,#38ef7d,#11998e);box-shadow:0 6px 12px #11998e66}.view-advance-btn.info{background:linear-gradient(135deg,#0093e9,#80d0c7);box-shadow:0 4px 6px #0093e94d}.view-advance-btn.info:hover{background:linear-gradient(135deg,#80d0c7,#0093e9);box-shadow:0 6px 12px #0093e966}.view-advance-btn.warning{background:linear-gradient(135deg,#fa8bff,#2bd2ff 90%,#2bff88);box-shadow:0 4px 6px #fa8bff4d}.view-advance-btn.warning:hover{box-shadow:0 6px 12px #fa8bff66;transform:translateY(-2px)}@media (max-width: 768px){.view-advance-btn{padding:10px 12px;font-size:12px;margin-left:5px}}#payment-container.payment-with-customer-form{max-width:1200px;width:100%}.payment-two-column-wrapper{display:grid;grid-template-columns:1fr 380px;gap:24px;margin-top:0}.payment-left-column{display:flex;flex-direction:column;gap:16px}.payment-right-column{background:#f8f9fa;border:2px solid #e0e6ed;border-radius:10px;padding:18px;height:fit-content;max-height:calc(90vh - 200px);overflow-y:auto}.new-customer-form-wrapper{display:flex;flex-direction:column;gap:14px}.new-customer-form-title{margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #dee2e6;color:#2c3e50;font-size:17px;font-weight:700}.new-customer-form-group{display:flex;flex-direction:column;gap:6px}.new-customer-form-group label{font-size:13px;font-weight:600;color:#374151;margin:0}.required-asterisk{color:#e74c3c;font-weight:700;margin-left:2px}.new-customer-form-group input,.new-customer-textarea{width:100%;padding:10px 12px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease;background:#fff;box-sizing:border-box}.new-customer-form-group input:focus,.new-customer-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.new-customer-textarea{resize:vertical;min-height:60px;font-family:inherit}.new-customer-file-input{padding:8px!important;cursor:pointer;font-size:13px!important}.new-customer-submit-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.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 (max-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 (max-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{padding:14px;max-height:400px}.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 (max-width: 480px){#payment-container.payment-with-customer-form{width:98%;padding:12px}.payment-two-column-wrapper{gap:12px}.payment-right-column{padding:12px;max-height:350px}.new-customer-form-title{font-size:15px;margin-bottom:10px;padding-bottom:8px}.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:2px solid #667eea;outline-offset:2px}.addCash-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0a0a0ab3;display:flex;justify-content:center;align-items:center;z-index:100}.addCash-modal-container{background-color:var(--white-color);padding:30px;border-radius:10px;width:550px;max-width:95%;position:relative;background-color:#fff;box-shadow:0 8px 20px #0003;animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.addCash-title{text-align:center;margin-bottom:20px;color:var(--header-bg);font-size:1.5em;letter-spacing:.5px}.addCash-supplier-info{background-color:var(--sytem-secondary-color);padding:5px;text-align:center;border-radius:8px;margin-bottom:15px;border:1px solid #dddddd}.addCash-supplier-info p{margin:5px 0;font-size:1em;color:var(--black)}.addCash-form{display:flex;flex-direction:column;gap:15px}.addCash-payment-type{display:flex;justify-content:space-around}.addCash-payment-type label{font-size:12px;color:var(--black);cursor:pointer;display:flex;align-items:center}.addCash-payment-type input[type=radio]{margin-right:6px;cursor:pointer}.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{display:block;font-weight:700;color:var(--black);font-size:14px}.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{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:12px;color:var(--text-color);background-color:var(--white)}.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);-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 12px center;background-size:12px;padding-right:35px}.addCash-submit-group{padding:8px;border:none;border-radius:6px;cursor:pointer;justify-content:space-between;font-size:12px;text-align:center;display:flex;align-items:center}.addCash-submit-button{background-color:var(--saveButton-color);color:var(--black);border:none;border-radius:5px;cursor:pointer}.addCash-submit-button:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:.3s ease-in-out}.addCash-submit-button:disabled{background-color:#95a5a6;cursor:not-allowed}.addCash-view-button{background-color:var(--upload-icon-color);color:var(--black);border:none;border-radius:5px;cursor:pointer}.addCash-view-button:hover{background-color:var(--upload-icon-color-hover);color:var(--white);transition:.3s ease-in-out}.addCash-view-button:disabled{background-color:#95a5a6;cursor:not-allowed}.addCash-view-button svg{margin-right:8px}@media (max-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{width:100%;justify-content:center}}.obm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:10px;animation:overlayFadeIn .3s ease-out}.obm-panel{position:relative;background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:12px;width:90%;max-width:1200px;max-height:750px;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow-y:auto;padding-bottom:15px;animation:panelSlideUp .4s ease-out}@keyframes panelSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.obm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-bottom:2px solid var(--system-main-color);border-radius:12px 12px 0 0}.obm-header-content{display:flex;align-items:center;gap:10px}.obm-header-icon{font-size:18px;color:var(--system-main-color)}.obm-header h3{margin:0;font-size:15px;color:#1f2937;font-weight:700;letter-spacing:.5px}.obm-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:12px 18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.obm-stat-card{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background-color:#fff;border-left:4px solid var(--system-main-color);border-radius:6px;box-shadow:0 1px 3px #0000000d;transition:all .3s ease}.obm-stat-card:hover{transform:translateY(-2px);box-shadow:0 3px 6px #0000001a}.obm-stat-label{font-weight:600;color:#6b7280;font-size:10px;text-transform:uppercase;letter-spacing:.5px}.obm-stat-value{font-size:12px;font-weight:700;color:var(--system-main-color)}.obm-content-section{padding:12px 18px;background-color:#fff}.obm-table-container{max-height:400px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:8px}.obm-table{width:100%;border-collapse:collapse;font-size:11px}.obm-table th{background:linear-gradient(135deg,#f2f2f2,#e5e7eb);color:#1f2937;padding:10px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.obm-table td{padding:8px 6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151;transition:all .2s ease}.obm-table tbody tr{transition:all .2s ease}.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{font-weight:600;color:#6b7280;width:40px}.obm-cust-id{font-weight:700;color:var(--system-main-color);font-family:Courier New,monospace;width:80px}.obm-cust-name{font-weight:600;color:#1f2937;text-align:left;padding-left:8px}.obm-bill-number{font-weight:700;color:var(--system-main-color);font-family:Courier New,monospace;letter-spacing:.5px}.obm-amount{font-weight:700;color:#0284c7;font-size:12px}.obm-paid{font-weight:700;color:#059669;font-size:12px}.obm-returned{font-weight:700;color:#dc2626;font-size:12px}.obm-balance{font-weight:700;color:#7c3aed;font-size:12px}.obm-date{font-size:10px;color:#6b7280;white-space:nowrap}.obm-status-cell{text-align:center}.obm-status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.obm-status-badge.open{background-color:#dcfce7;color:#166534}.obm-status-badge.closed{background-color:#fee2e2;color:#991b1b}.obm-action-cell{display:flex;justify-content:center}.obm-copy-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.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{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-top:2px solid var(--system-main-color);border-radius:0 0 8px 8px;padding:10px 12px;margin-bottom:8px}.obm-footer-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-size:11px}.obm-footer-label{font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.5px;min-width:60px}.obm-footer-value{display:flex;align-items:center;gap:4px;font-weight:700;color:var(--system-main-color);padding:4px 8px;background-color:#fff;border-radius:4px;box-shadow:0 1px 2px #0000000d}.obm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:10px 12px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;border-radius:0 0 8px 8px;flex-wrap:wrap}.obm-pagination-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.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{font-size:10px;font-weight:600;color:#6b7280;min-width:100px;text-align:center;text-transform:uppercase;letter-spacing:.5px}.obm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.obm-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.obm-loading p{font-size:12px;color:var(--system-main-color);font-weight:600;margin:0}.obm-error{padding:14px 12px;background-color:#fee2e2;border-left:4px solid #dc2626;border-radius:6px;margin-bottom:12px}.obm-error p{margin:0;color:#991b1b;font-size:11px;font-weight:600}.obm-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.obm-no-data-icon{font-size:48px;color:#d1d5db;margin-bottom:12px;opacity:.6}.obm-no-data p{font-size:12px;font-style:italic;margin:0;color:#6b7280}@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 (max-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 (max-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 (max-width: 480px){.obm-panel{width:98%;max-height:98vh;border-radius:8px}.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{padding:3px 6px;font-size:8px;gap:2px}.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{font-size:9px;min-width:80px}.obm-no-data-icon{font-size:36px}.obm-no-data p{font-size:11px}.obm-loading p{font-size:10px}}.itu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.itu-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;border:2px solid #667eea;box-shadow:0 8px 32px #00000026;overflow-y:auto;padding-bottom:15px;animation:slideUp .3s ease-out}.itu-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#5568d3);border-radius:10px 10px 0 0}.itu-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.itu-filters-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb}.itu-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.itu-search-group{position:relative;flex:1;min-width:220px}.itu-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:13px}.itu-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.itu-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.itu-date-picker{display:flex;align-items:center;gap:8px}.itu-date-picker label{font-size:11px;font-weight:700;color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.itu-date-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.itu-date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.itu-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;box-shadow:0 2px 8px #667eea33}.itu-refresh-btn svg{width:12px;height:12px;color:#fff;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:spin 1s linear infinite}.itu-table-section{padding:14px 18px;background-color:#fff}.itu-table-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.itu-table-container{max-height:350px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 6px #0000000d}.itu-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.itu-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;padding:10px 8px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.itu-table td{padding:8px 6px;border-bottom:1px solid #f0f0f0;text-align:center;color:#374151}.itu-table tbody tr{transition:all .2s ease;background-color:#fff}.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{display:block;font-weight:500;color:#1f2937;text-align:left;padding-left:8px}.itu-currency-cell{display:block;font-weight:700;color:#059669;font-family:Courier New,monospace;font-size:11px}.itu-percentage-cell{display:block;font-weight:700;color:#667eea;font-size:11px}.itu-quantity-cell{display:block;font-weight:600;color:#6b7280;font-size:11px}.itu-date-cell{display:block;font-size:10px;color:#6b7280}.itu-loading-row td,.itu-no-data-row td{padding:40px 20px;text-align:center;color:#9ca3af}.itu-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.itu-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;margin-top:12px;border-radius:0 0 10px 10px}.itu-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.itu-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.itu-pagination-btn:active:not(:disabled){transform:translateY(0)}.itu-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.itu-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.itu-modal::-webkit-scrollbar,.itu-table-container::-webkit-scrollbar{width:6px}.itu-modal::-webkit-scrollbar-track,.itu-table-container::-webkit-scrollbar-track{background:#f1f1f1}.itu-modal::-webkit-scrollbar-thumb,.itu-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.itu-modal::-webkit-scrollbar-thumb:hover,.itu-table-container::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (max-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}}@media screen and (max-width: 768px){.itu-modal{width:95%;max-height:90vh}.itu-header h3{font-size:14px}.itu-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 15px}.itu-stat-card{padding:10px 12px;min-height:60px}.itu-stat-label{font-size:9px;margin-bottom:4px}.itu-stat-value{font-size:13px}.itu-filter-row{flex-direction:column;gap:10px}.itu-search-group{min-width:100%}.itu-date-picker{width:100%}.itu-table-container{max-height:300px}.itu-table{font-size:10px}.itu-table th{font-size:9px;padding:6px 4px}.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{font-size:10px;min-width:100px;padding:6px 10px}.itu-export-section{padding:10px 12px;gap:8px}.itu-export-btn{padding:6px 12px;font-size:10px}}@media screen and (max-width: 480px){.itu-modal{width:98%;max-height:95vh}.itu-close-button{width:24px;height:24px;font-size:14px}.itu-header h3{font-size:12px}.itu-summary-stats{grid-template-columns:1fr;gap:8px;padding:10px 12px}.itu-stat-card{padding:8px 10px;min-height:55px}.itu-stat-label{font-size:8px;margin-bottom:3px}.itu-stat-value{font-size:11px}.itu-filters-section{padding:10px 12px}.itu-filter-row{gap:8px}.itu-search-input,.itu-date-input{font-size:11px;padding:6px 8px}.itu-refresh-btn{width:32px;height:32px}.itu-table-section{padding:10px 12px}.itu-table-title{font-size:11px;margin-bottom:10px}.itu-table-container{max-height:250px}.itu-table{font-size:9px}.itu-table th{font-size:8px;padding:4px 2px}.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{gap:8px;padding:8px 10px;flex-wrap:wrap}.itu-pagination-btn{padding:5px 10px;font-size:9px}.itu-pagination-info{font-size:9px;min-width:90px;padding:5px 8px}.itu-export-section{padding:8px 10px;gap:6px}.itu-export-btn{padding:5px 10px;font-size:8px}.itu-export-btn svg{width:14px;height:14px}}@media screen and (max-width: 360px){.itu-modal{width:99%}.itu-summary-stats{grid-template-columns:1fr}.itu-filter-row{flex-direction:column}.itu-table{font-size:8px}.itu-pagination-btn{padding:4px 8px;font-size:8px}.itu-export-btn{padding:4px 8px;font-size:7px}}.edit-invoice-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--modal-background, #fff);padding:20px;border-radius:8px;box-shadow:0 4px 16px #0000001a;max-width:1000px;width:100%;max-height:80vh;border:8px solid var(--system-main-color);overflow-y:auto;z-index:10000}.edit-invoice-content{display:flex;flex-direction:column;gap:24px}.invoice-details,.sales-items{margin-bottom:16px}.invoice-details-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:4px;font-size:12px;color:var(--text-primary, #333)}.small-input{padding:6px 8px;font-size:12px;border:1px solid #ddd;border-radius:4px}.update-button{margin-top:10px;background-color:var(--update-button-color);color:var(--black);border:none;padding:5px 10px;border-radius:4px;font-weight:700}.update-button:hover{background-color:var(--update-button-color-hover);transition:.3s ease-in-out;color:var(--white)}.items-table{width:100%;border-collapse:collapse;font-size:12px}.items-table th,.items-table td{border:1px solid #eee;padding:6px 8px;text-align:left}.items-table th{background:#f9f9f9}.delete-button{padding:4px 8px;background:var(--danger-color, #dc3545);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.delete-button:hover{opacity:.9}.action-icon{width:25px;height:25px}.form-grid-4{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (min-width: 1200px){.form-grid-4{grid-template-columns:repeat(5,1fr)}}@media (min-width: 992px) and (max-width: 1199px){.form-grid-4{grid-template-columns:repeat(4,1fr)}}@media (max-width: 991px) and (min-width: 600px){.form-grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 599px){.form-grid-4{grid-template-columns:1fr}}.swal2-container{z-index:20000!important}.my-swal-popup{z-index:20010!important;font-family:Arial,sans-serif}.my-swal-title{font-family:Arial,sans-serif;font-size:1.2rem}.my-swal-content{font-family:Arial,sans-serif;font-size:1rem}.stu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stu-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow-y:auto;padding-bottom:15px;animation:slideUp .3s ease-out}.stu-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0}.stu-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.stu-filters-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb}.stu-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stu-search-group{position:relative;flex:1;min-width:220px}.stu-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:13px}.stu-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.stu-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.stu-date-picker{display:flex;align-items:center;gap:8px}.stu-date-picker label{font-size:11px;font-weight:700;color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.stu-date-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.stu-date-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.stu-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--system-main-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;box-shadow:0 2px 8px #667eea33}.stu-refresh-btn svg{width:16px;height:16px;color:#fff;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:spin 1s linear infinite}.stu-table-section{padding:14px 18px;background-color:#fff}.stu-table-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.stu-table-container{max-height:350px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 6px #0000000d}.stu-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.stu-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;padding:10px 8px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.stu-table td{padding:8px 6px;border-bottom:1px solid #f0f0f0;text-align:center;color:#374151}.stu-table tbody tr{transition:all .2s ease;background-color:#fff}.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{display:block;font-weight:500;color:#1f2937;text-align:left;padding-left:8px}.stu-currency-cell{display:block;font-weight:700;color:#059669;font-family:Courier New,monospace;font-size:11px}.stu-date-cell{display:block;font-size:10px;color:#6b7280}.stu-loading-row td,.stu-no-data-row td{padding:40px 20px;text-align:center;color:#9ca3af}.stu-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.stu-action-buttons{display:flex;gap:6px;justify-content:center;align-items:center}.stu-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:#f0f0f0;padding:0}.stu-action-btn img{width:15px;height:15px;display:block}.stu-action-btn.print:hover{background-color:#3b82f6;box-shadow:0 2px 6px #3b82f64d;transform:scale(1.1)}.stu-action-btn.view:hover{background-color:#10b981;box-shadow:0 2px 6px #10b9814d;transform:scale(1.1)}.stu-action-btn.edit:hover{background-color:#f59e0b;box-shadow:0 2px 6px #f59e0b4d;transform:scale(1.1)}.stu-action-btn.delete:hover{background-color:#ef4444;box-shadow:0 2px 6px #ef44444d;transform:scale(1.1)}.stu-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;margin-top:12px;border-radius:0 0 10px 10px}.stu-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.stu-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.stu-pagination-btn:active:not(:disabled){transform:translateY(0)}.stu-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.stu-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.stu-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.stu-dashboard-panel{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;color:#fff;box-shadow:0 4px 12px #0000001a;transition:all .3s ease;cursor:pointer}.stu-dashboard-panel:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.stu-panel-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#fff3;border-radius:8px;flex-shrink:0}.stu-panel-icon svg{color:#fff}.stu-panel-content{flex:1}.stu-panel-title{margin:0;font-size:12px;font-weight:600;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.stu-panel-value{font-size:18px;font-weight:700;margin:4px 0}.stu-panel-subvalue{font-size:11px;opacity:.85;margin-top:2px}.stu-modal::-webkit-scrollbar,.stu-table-container::-webkit-scrollbar{width:6px}.stu-modal::-webkit-scrollbar-track,.stu-table-container::-webkit-scrollbar-track{background:#f1f1f1}.stu-modal::-webkit-scrollbar-thumb,.stu-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.stu-modal::-webkit-scrollbar-thumb:hover,.stu-table-container::-webkit-scrollbar-thumb:hover{background:var(--system-main-color)}@media screen and (max-width: 1024px){.stu-modal{max-width:95%}.stu-filter-row{gap:10px}.stu-table{font-size:10px}.stu-table th,.stu-table td{padding:6px 4px}}@media screen and (max-width: 768px){.stu-modal{width:95%;max-height:90vh}.stu-header h3{font-size:14px}.stu-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px 15px}.stu-stat-card{padding:10px 12px}.stu-stat-label{font-size:10px}.stu-stat-value{font-size:12px}.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{font-size:9px;padding:6px 4px}.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{font-size:10px;min-width:100px;padding:6px 10px}}@media screen and (max-width: 480px){.stu-modal{width:98%;max-height:95vh}.stu-close-button{width:24px;height:24px;font-size:14px}.stu-header h3{font-size:12px}.stu-summary-stats{grid-template-columns:1fr;gap:8px;padding:10px 12px}.stu-stat-card{padding:8px 10px}.stu-stat-label{font-size:9px}.stu-stat-value{font-size:11px}.stu-filters-section{padding:10px 12px}.stu-filter-row{gap:8px}.stu-search-input,.stu-date-input{font-size:11px;padding:6px 8px}.stu-refresh-btn{width:32px;height:32px}.stu-table-section{padding:10px 12px}.stu-table-title{font-size:11px;margin-bottom:10px}.stu-table-container{max-height:250px}.stu-table{font-size:9px}.stu-table th{font-size:8px;padding:4px 2px}.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{gap:8px;padding:8px 10px;flex-wrap:wrap}.stu-pagination-btn{padding:5px 10px;font-size:9px}.stu-pagination-info{font-size:9px;min-width:90px;padding:5px 8px}}@media screen and (max-width: 360px){.stu-modal{width:99%}.stu-summary-stats{grid-template-columns:1fr}.stu-filter-row{flex-direction:column}.stu-table{font-size:8px}.stu-pagination-btn{padding:4px 8px;font-size:8px}}.cbm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cbm-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:900px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.cbm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.cbm-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.cbm-search-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;position:relative;z-index:10}.cbm-search-wrapper{position:relative;display:flex;flex-direction:column}.cbm-search-group{position:relative;display:flex;align-items:center}.cbm-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none;font-size:14px;z-index:1}.cbm-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background-color:#fff;transition:all .3s ease;font-family:inherit}.cbm-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.cbm-loading-text{position:absolute;right:12px;font-size:11px;color:#9ca3af;font-weight:600;z-index:1}.cbm-suggestions-list{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;list-style:none;margin:-1px 0 0;padding:0;max-height:250px;overflow-y:auto;z-index:1001;box-shadow:0 4px 12px #00000026}.cbm-suggestion-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;display:flex;gap:12px;align-items:center}.cbm-suggestion-item:hover{background-color:#f9fafb;padding-left:16px}.cbm-suggestion-item:last-child{border-bottom:none}.cbm-cust-id{font-weight:700;color:var(--system-main-color);min-width:60px;font-size:12px}.cbm-cust-name{flex:1;color:#1f2937;font-weight:600;font-size:13px}.cbm-cust-phone{color:#6b7280;font-size:11px;font-family:Courier New,monospace}.cbm-content{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow-y:auto;gap:14px}.cbm-no-selection{display:flex;align-items:center;justify-content:center;padding:60px 20px;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:8px;color:#9ca3af;text-align:center;flex:1}.cbm-no-selection p{margin:0;font-size:14px;font-weight:500}.cbm-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow:hidden;transition:all .3s ease}.cbm-card:hover{box-shadow:0 4px 12px #00000014}.cbm-card-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-bottom:2px solid #d1d5db}.cbm-card-icon{font-size:18px;color:var(--system-main-color);flex-shrink:0}.cbm-card-header h4{margin:0;font-size:13px;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.4px;flex:1}.cbm-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:var(--system-main-color);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;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:spin 1s linear infinite}.cbm-card-content{padding:14px}.cbm-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f0f0f0}.cbm-info-row:last-child{border-bottom:none}.cbm-label{font-weight:700;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.3px;min-width:100px}.cbm-value{font-size:13px;color:#1f2937;font-weight:600;text-align:right;flex:1}.cbm-balance-display{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 14px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb}.cbm-balance-icon{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.cbm-number{font-size:18px;font-weight:700;letter-spacing:.5px}.cbm-number.positive-cbm{color:#10b981}.cbm-number.negative-cbm{color:#ef4444}.cbm-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px 14px;background-color:#fff;border-bottom:1px solid #e5e7eb}.cbm-stat-item{display:flex;flex-direction:column;justify-content:space-between;padding:10px 12px;background-color:#f9fafb;border-left:3px solid var(--system-main-color);border-radius:4px;transition:all .3s ease}.cbm-stat-item:hover{background-color:#f0f2f5;transform:translateY(-2px)}.cbm-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.cbm-stat-value{font-size:14px;font-weight:700;color:var(--system-main-color)}.cbm-actions{display:flex;gap:10px;padding:12px 14px;flex-wrap:wrap}.cbm-btn{flex:1;min-width:150px;padding:10px 14px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 2px 8px #0000001a}.cbm-btn-payment{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.cbm-btn-payment:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.cbm-btn-outstanding{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.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 (max-width: 768px){.cbm-modal{width:95%;max-height:90vh}.cbm-header h3{font-size:14px}.cbm-search-input{font-size:12px;padding:8px 10px 8px 32px}.cbm-card-header h4{font-size:12px}.cbm-label{font-size:10px;min-width:80px}.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 (max-width: 480px){.cbm-modal{width:98%;max-height:95vh}.cbm-header h3{font-size:12px}.cbm-search-section{padding:10px 12px}.cbm-search-input{font-size:11px;padding:8px 10px 8px 30px}.cbm-content{padding:10px 12px;gap:10px}.cbm-card-header{padding:10px 12px;gap:8px}.cbm-card-header h4{font-size:11px}.cbm-refresh-btn{width:28px;height:28px}.cbm-card-content{padding:10px}.cbm-info-row{padding:6px 0;flex-direction:column;align-items:flex-start;gap:4px}.cbm-label{font-size:9px}.cbm-value{font-size:11px;text-align:left}.cbm-balance-display{padding:12px 10px;gap: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{font-size:9px;margin-bottom:3px}.cbm-stat-value{font-size:12px}.cbm-actions{padding:10px;gap:8px}.cbm-btn{min-width:100px;padding:8px 10px;font-size:10px}.cbm-suggestion-item{padding:8px 10px}.cbm-cust-id{font-size:10px;min-width:50px}.cbm-cust-name{font-size:11px}.cbm-cust-phone{font-size:9px}.cbm-suggestions-list{max-height:200px}}@media screen and (max-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{font-size:9px;padding:6px 8px}.cbm-cust-name{font-size:10px}}@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{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:dayendFadeIn .3s ease-out}.dayend-report-container{position:relative;background:#fff;border-radius:10px;width:90%;max-width:800px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:dayendSlideUp .3s ease-out}.dayend-report-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-bottom:2px solid #e5e7eb;flex-shrink:0}.dayend-report-header-content{display:flex;align-items:center;gap:10px}.dayend-report-header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:#fff3;border-radius:6px;color:#fff}.dayend-report-header-text h2{margin:0;font-size:15px;font-weight:700;color:#fff;letter-spacing:.4px}.dayend-report-header-text p{margin:2px 0 0;font-size:11px;color:#ffffffd9;font-weight:500}.dayend-report-header-actions{display:flex;gap:6px}.dayend-report-header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0;font-size:14px}.dayend-report-header-btn:hover{background-color:#ffffff40;transform:scale(1.08)}.dayend-report-header-btn.close:hover{background-color:#ef444466;color:#fecaca}.dayend-report-status-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #fbbf24;padding:8px 16px;flex-shrink:0}.dayend-report-status-text{margin:0;font-size:11px;font-weight:700;color:#92400e;text-align:center;letter-spacing:.3px}.dayend-report-content{flex:1;overflow-y:auto;padding:12px;background-color:#fff}.dayend-report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:12px}.dayend-report-column{display:flex;flex-direction:column;gap:8px}.dayend-report-row{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left:3px solid var(--system-main-color);border-radius:6px;transition:all .2s ease;box-shadow:0 1px 3px #0000000d}.dayend-report-row:hover{transform:translate(2px);box-shadow:0 2px 6px #00000014}.dayend-report-row-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dayend-report-row-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;font-weight:700;flex-shrink:0}.dayend-report-row-icon.green{background-color:#dcfce7;color:#16a34a}.dayend-report-row-icon.blue{background-color:#dbeafe;color:#0284c7}.dayend-report-row-icon.red{background-color:#fee2e2;color:#dc2626}.dayend-report-row-icon.orange{background-color:#fed7aa;color:#ea580c}.dayend-report-row-icon.cyan{background-color:#cffafe;color:#0891b2}.dayend-report-row-icon.purple{background-color:#e9d5ff;color:#a855f7}.dayend-report-row-icon.gray{background-color:#e5e7eb;color:#6b7280}.dayend-report-row-label{font-size:11px;font-weight:600;color:#374151;letter-spacing:.2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dayend-report-row-label.bold{font-weight:700;font-size:12px;color:#1f2937}.dayend-report-row-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.dayend-report-value{font-size:12px;font-weight:700;font-family:Courier New,monospace;letter-spacing:.3px;min-width:90px;text-align:right}.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{padding:6px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;font-weight:700;font-family:Courier New,monospace;background-color:#fff;color:#1f2937;transition:all .2s ease;min-width:90px;text-align:right}.dayend-report-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.dayend-report-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.dayend-report-row.cash-balance{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-left:4px solid #16a34a;padding:10px 12px;margin:4px 0;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,#bbf7d0);border-left:3px solid #16a34a}.dayend-report-row.negative-difference{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left:3px solid #dc2626}.dayend-report-row.external-amount,.dayend-report-row.bank-transfer{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:3px solid #0284c7}.dayend-report-footer{display:flex;justify-content:center;align-items:center;padding:10px 14px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-shrink:0}.dayend-report-submit-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 28px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #f59e0b40}.dayend-report-submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b59;background:linear-gradient(135deg,#d97706,#b45309)}.dayend-report-submit-btn:active:not(:disabled){transform:translateY(0)}.dayend-report-submit-btn:disabled{opacity:.65;cursor:not-allowed}.dayend-report-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:dayendSpin .8s linear infinite}.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 (max-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{font-size:11px;min-width:80px}}@media screen and (max-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{padding:6px 8px;gap:6px}.dayend-report-row-icon{width:24px;height:24px;font-size:11px}.dayend-report-row-label{font-size:9px}.dayend-report-value{font-size:10px;min-width:75px}.dayend-report-input{font-size:10px;padding:5px 8px;min-width:75px}.dayend-report-footer{padding:8px 10px}.dayend-report-submit-btn{padding:8px 20px;font-size:10px;gap:6px}.dayend-report-spinner{width:12px;height:12px;border-width:1.5px}}@media screen and (max-width: 480px){.dayend-report-container{width:97%;max-height:92vh;border-radius:8px}.dayend-report-header{padding:8px 10px;gap:6px}.dayend-report-header-content{gap:6px;flex:1}.dayend-report-header-icon{width:28px;height:28px;flex-shrink:0}.dayend-report-header-text h2{font-size:12px}.dayend-report-header-text p{font-size:9px;margin-top:1px}.dayend-report-header-actions{gap:4px}.dayend-report-header-btn{width:26px;height:26px;font-size:11px}.dayend-report-status-text{font-size:10px;padding:6px 12px}.dayend-report-content{padding:8px}.dayend-report-grid{grid-template-columns:1fr;gap:6px}.dayend-report-row{padding:5px 7px;gap:5px}.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{font-size:9px;min-width:70px}.dayend-report-value.bold{font-size:11px}.dayend-report-input{font-size:9px;padding:4px 6px;min-width:70px}.dayend-report-footer{padding:6px 8px}.dayend-report-submit-btn{padding:8px 16px;font-size:9px;gap:5px}.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 (max-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{font-size:8px;min-width:65px}.dayend-report-submit-btn{padding:6px 12px;font-size:8px}}.aca-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.aca-modal{position:relative;background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:600px;border:3px solid var(--system-main-color);box-shadow:0 4px 12px #0000001a;overflow-y:auto;padding-bottom:15px}.aca-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #e5e7eb;background-color:#f8f9fa}.aca-header h3{margin:0;font-size:14px;color:#1f2937;font-weight:700}.aca-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px 15px;background:#f9fafb}.aca-stat-card{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-left:3px solid var(--system-main-color);border-radius:6px;box-shadow:0 1px 3px #0000000d}.aca-stat-label{font-weight:600;color:#666;font-size:11px}.aca-stat-value{font-size:13px;font-weight:700;color:var(--system-main-color)}.aca-form-section{padding:12px 15px;background-color:#fff;border-bottom:1px solid #e5e7eb}.aca-form-title{font-size:12px;font-weight:700;color:#1f2937;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.aca-body-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:0;align-items:flex-end}.aca-form-group{flex:1;min-width:120px}.aca-form-group label{display:block;font-weight:600;color:#374151;margin-bottom:4px;font-size:11px}.aca-input,.aca-select{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;transition:all .3s ease;font-family:inherit}.aca-input{background-color:#fff}.aca-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #4f46e50d}.aca-select{background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:28px}.aca-select:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #4f46e50d}.aca-save-btn{background-color:var(--saveButton-color);color:var(--black);padding:6px 16px;border:none;font-size:12px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;height:32px;display:flex;align-items:center;gap:6px}.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{font-size:12px;font-weight:700;color:#1f2937;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.aca-table-container{max-height:350px;overflow-y:auto;overflow-x:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d;-webkit-overflow-scrolling:touch}.aca-table{width:100%;min-width:700px;border-collapse:collapse;font-size:11px}.aca-table th{background-color:#f2f2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:1px solid #d1d5db;font-size:10px;white-space:nowrap}.aca-table td{padding:6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151;white-space:nowrap}.aca-table tbody tr{transition:all .2s ease}.aca-table tbody tr:hover{background-color:#f9fafb}.aca-table tbody tr:last-child td{border-bottom:none}.aca-amount-cell{font-weight:700;color:#059669;font-size:11px}.aca-reason-cell{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:8px}.aca-delete-btn{background-color:#ef4444;color:var(--white);padding:4px 8px;border:none;border-radius:3px;cursor:pointer;font-size:10px;font-weight:600;transition:all .3s ease;white-space:nowrap}.aca-delete-btn:hover{background-color:#dc2626}.aca-export-buttons{display:flex;justify-content:flex-start;gap:8px;margin-top:10px;flex-wrap:wrap}.aca-export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s ease}.aca-export-btn.excel{background-color:#10b981;color:#fff}.aca-export-btn.excel:hover{background-color:#059669}.aca-export-btn.csv{background-color:#f59e0b;color:#fff}.aca-export-btn.csv:hover{background-color:#d97706}.aca-export-btn.pdf{background-color:#ef4444;color:#fff}.aca-export-btn.pdf:hover{background-color:#dc2626}.aca-no-data{padding:40px 15px;text-align:center;color:#999;font-size:13px;background-color:#f9fafb;border-radius:6px;margin:12px 15px}.aca-no-data p{margin:0;font-weight:500}.aca-table-container::-webkit-scrollbar{height:8px;width: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 (max-width: 768px){.aca-modal{width:95%;max-height:95vh}.aca-body-row{flex-direction:column;gap:8px;align-items:stretch}.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 (max-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{font-size:10px;min-width:500px}.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}}.wm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.wm-modal{position:relative;background:#fff;border-radius:8px;width:90%;max-width:1200px;max-height:600px;border:3px solid var(--system-main-color);box-shadow:0 4px 12px #0000001a;overflow-y:auto;padding-bottom:15px}.wm-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #e5e7eb;background-color:#f8f9fa}.wm-header h3{margin:0;font-size:14px;color:#1f2937;font-weight:700}.wm-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding:12px 15px;background:#f9fafb}.wm-stat-card{display:flex;justify-content:space-between;align-items:center;padding:10px;background-color:#fff;border-left:3px solid var(--system-main-color);border-radius:6px;box-shadow:0 1px 3px #0000000d}.wm-stat-label{font-weight:600;color:#666;font-size:11px}.wm-stat-value{font-size:13px;font-weight:700;color:var(--system-main-color)}.wm-form-section{padding:12px 15px;background-color:#fff;border-bottom:1px solid #e5e7eb}.wm-form-title{font-size:12px;font-weight:700;color:#1f2937;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.wm-body-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px;align-items:flex-start}.wm-form-group{flex:1;min-width:150px}.wm-form-group label{display:block;font-weight:600;color:#374151;margin-bottom:4px;font-size:11px}.wm-input,.wm-select{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;transition:all .3s ease;font-family:inherit;background-color:#fff}.wm-input:focus,.wm-select:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #4f46e50d}.wm-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:28px}.wm-button-group{display:flex;gap:8px;margin-top:10px}.wm-search-btn,.wm-clear-btn{padding:6px 16px;border:none;font-size:12px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease}.wm-search-btn{background-color:var(--saveButton-color);color:var(--black)}.wm-search-btn:hover:not(:disabled){background-color:var(--saveButton-color-hover);color:var(--white)}.wm-search-btn:disabled{opacity:.6;cursor:not-allowed}.wm-clear-btn{background-color:#ef4444;color:var(--white)}.wm-clear-btn:hover{background-color:#dc2626}.wm-saved-list{padding:12px 15px}.wm-saved-list h4{font-size:12px;font-weight:700;color:#1f2937;margin:0 0 10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.wm-table-container{max-height:350px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 1px 3px #0000000d}.wm-table{width:100%;border-collapse:collapse;font-size:11px}.wm-table th{background-color:#f2f2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:1px solid #d1d5db;font-size:10px}.wm-table td{padding:6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151}.wm-table tbody tr{transition:all .2s ease}.wm-table tbody tr:hover{background-color:#f9fafb}.wm-table tbody tr:last-child td{border-bottom:none}.wm-id-cell{font-weight:600;color:var(--system-main-color);font-size:11px}.wm-period-cell{font-weight:600;color:#059669}.wm-enddate-cell{font-weight:600;color:#dc2626}.wm-no-data{padding:20px;text-align:center;color:#888;font-style:italic}@media screen and (max-width: 768px){.wm-modal{width:95%;max-height:95vh}.wm-body-row{flex-direction:column;gap:8px}.wm-form-group{min-width:100%}.wm-summary-stats{grid-template-columns:repeat(2,1fr);gap:8px}.wm-table-container{max-height:300px}.wm-button-group{flex-direction:column}.wm-search-btn,.wm-clear-btn{width:100%}}@media screen and (max-width: 480px){.wm-modal{width:98%;max-height:98vh}.wm-header h3{font-size:12px}.wm-summary-stats{grid-template-columns:1fr;gap:6px}.wm-stat-card{padding:8px}.wm-stat-label{font-size:10px}.wm-stat-value{font-size:12px}.wm-table{font-size:10px}.wm-table th{padding:4px 3px;font-size:9px}.wm-table td{padding:4px 3px}.wm-form-group label{font-size:10px}.wm-input,.wm-select{font-size:11px;padding:5px 6px}.wm-search-btn,.wm-clear-btn{padding:5px 12px;font-size:11px}}.modal-overlay-order-barcode{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:2000;display:flex;align-items:center;justify-content:center}.modal-content-order{background:#fff;padding:20px;border-radius:8px;max-width:900px;width:90%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 4px 16px #0003;z-index:2001}.add-order-container{margin:0;padding:0;font-size:12px;background-color:transparent;box-shadow:none;border:none}.form-grid-add-order{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.checkbox-field{display:flex;align-items:center;grid-column:span 4}.checkbox-field input{margin-right:8px}.submit-button-add-order{background-color:var(--saveButton-color);color:var(--black);border:none;font-weight:700;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;display:block;margin:20px auto 0;transition:background-color .3s ease,color .3s ease}.submit-button-add-order:hover{background-color:var(--saveButton-color-hover);color:var(--white)}.billing-preview{margin-top:30px;padding:20px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.billing-preview h3{text-align:center;margin-bottom:20px;font-size:20px;color:var(--font-color-blue)}.billing-table{width:100%;border-collapse:collapse;margin-bottom:20px;font-size:12px}.billing-table th,.billing-table td{padding:8px 10px;border:1px solid #ddd;text-align:left}.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);border:none;font-weight:700;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;display:block;margin:0 auto;transition:background-color .3s ease,color .3s ease}.print-all-bill-button:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:.3s ease-in-out}.modal-overlay-order-barcode{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content-order{background:#fff;border-radius:12px;box-shadow:0 20px 60px #00000040;max-width:850px;width:95%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.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{margin:0 0 14px;font-size:18px;font-weight:600;color:#1e293b;letter-spacing:-.3px}.add-order-container form{margin:0}.form-grid-add-order{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:14px}.form-field{display:flex;flex-direction:column;gap:4px}.form-field.span-2{grid-column:span 2}.form-field label{font-size:12px;font-weight:600;color:#334155;display:flex;align-items:center;gap:4px}.required{color:#ef4444;font-weight:700}.optional{color:#94a3b8;font-size:11px;font-weight:500}.form-input,.form-select,.form-textarea{padding:8px 10px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;font-family:inherit;transition:all .15s ease;background:#fff;color:#1e293b}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;background:#f0f9ff;box-shadow:0 0 0 3px #3b82f61a}.form-input-readonly{background:#f1f5f9;cursor:not-allowed;color:#64748b;border-color:#cbd5e1}.form-input-readonly:focus{border-color:#cbd5e1;box-shadow:none;background:#f1f5f9}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 8px center;padding-right:28px}.form-textarea{resize:vertical;min-height:60px;font-family:inherit;line-height:1.4}.form-field-checkbox{margin:12px 0 14px;padding:10px 12px;background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-weight:500;color:#1e40af;margin:0}.form-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.checkbox-text{-webkit-user-select:none;user-select:none}.form-actions{display:flex;gap:10px;margin-top:14px}.submit-button-add-order,.cancel-button-add-order{flex:1;padding:9px 16px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.submit-button-add-order{background:#3b82f6;color:#fff;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{background:#f1f5f9;color:#64748b;border:1px solid #cbd5e1}.cancel-button-add-order:hover{background:#e2e8f0;color:#334155}.form-input::placeholder,.form-textarea::placeholder{color:#cbd5e1}@media (max-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{max-width:100%;width:100%;max-height:100vh;border-radius:0}}@media (max-width: 480px){.add-order-container{padding:12px}.order-title{font-size:14px;margin-bottom:12px}.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{background:#0f172a;border-color:#334155;color:#f1f5f9}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#1e293b;border-color:#3b82f6}.form-input-readonly{background:#0f172a;color:#94a3b8;border-color:#334155}.form-field-checkbox{background:#3b82f61a;border-color:#3b82f64d}.checkbox-label{color:#93c5fd}}.edit-order-inner-panel{background-color:var(--white);padding:25px;border-radius:12px;position:relative;box-shadow:0 6px 12px #00000026}#edit-order-model.edit-order-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:99999;isolation:isolate}.panel-close-button{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50%;color:var(--black);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.panel-close-button:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}.edit-order-popup{background:var(--sytem-panel-colors);width:95%;max-width:900px;border-radius:10px;padding:10px 20px;box-shadow:0 8px 24px #0003;overflow-y:auto;max-height:90vh;animation:popup-appear .3s ease-in-out;position:relative}@keyframes popup-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.edit-order-title{text-align:center;margin-bottom:20px;color:var(--font-color-blue);font-size:20px;font-weight:700}.edit-order-form{display:flex;flex-direction:column;gap:20px}.form-row{display:flex;gap:15px;flex-wrap:wrap}.form-column{flex:1 1 30%;min-width:200px;max-width:100%;display:flex;flex-direction:column;gap:10px}.form-column label{font-weight:600;color:var(--font-color-blue);margin-bottom:3px;font-size:var(--font-size-12)}.form-column input{padding:5px;border:1px solid var(--color-border);border-radius:6px;font-size:var(--font-size-12);transition:border .2s ease,box-shadow .2s ease;background-color:var(--white);width:100%;max-width:100%}.form-column input:focus{border-color:var(--color-highlight);box-shadow:0 0 6px #007bff33;outline:none}.edit-order-buttons{display:flex;gap:15px;color:var(--black);padding:8px;justify-content:right}@media (max-width: 768px){.form-row{flex-direction:column}.form-column{flex:1 1 100%}}.modal-overlay-get-order{position:fixed;top:0;left:0;width:100vw;min-width:1000px;height:100vh;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-get-order{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000004d;max-width:1200px;max-height:80%;min-width:900px;overflow:hidden;position:relative;padding:30px}.modal-heading{margin:0 0 20px;font-size:24px;font-weight:700;text-align:center}.search-bar{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.search-bar select,.search-bar input{padding:8px 12px;font-size:14px;border:1px solid #ccc;border-radius:4px}.status-msg,.error-msg{text-align:center;padding:20px;color:#666}.error-msg{color:#d33}.view-orders-table{width:100%;border-collapse:collapse;margin:0;font-size:14px;border:1px solid var(--table-border-color)}.view-orders-table thead tr{background-color:#f5f5f5}.view-orders-table th,.view-orders-table td{padding:8px;border-bottom:1px solid var(--table-border-color);text-align:left}.view-orders-table th{font-weight:700;border-bottom:2px solid #ccc}.view-orders-table tbody tr:nth-child(2n){background-color:#fafafa}.view-orders-table tbody tr:hover{background-color:#f1f1f1}.view-orders-table thead,.view-orders-table tbody{display:block}.view-orders-table tbody{max-height:360px;overflow-y:auto}.view-orders-table tbody tr,.view-orders-table thead tr{display:table;width:100%;table-layout:fixed}.view-icon,.action-icon{font-size:18px;width:1em;height:1em;margin:0 6px;color:#007bff;cursor:pointer;transition:color .2s ease,transform .2s ease;display:inline-flex;align-items:center;justify-content:center}.view-icon:hover,.action-icon:hover{color:#0056b3;transform:scale(1.1)}.view-icon-img{width:20px;height:20px;margin:0 6px;cursor:pointer;transition:filter .2s ease,transform .2s ease;filter:grayscale(100%) brightness(1.2) sepia(20%) hue-rotate(180deg)}.view-icon-img:hover{filter:none;transform:scale(1.1)}@media (max-width: 600px){.modal-content{width:95%;padding:10px}.view-orders-table th,.view-orders-table td{padding:6px;font-size:12px}}.bai-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bai-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1000px;max-height:90vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.bai-header{padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.bai-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.bai-bank-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:12px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0}.bai-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-left:3px solid var(--system-main-color);border-radius:4px;box-shadow:0 1px 3px #0000000d}.bai-label{font-weight:700;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.bai-value{font-size:13px;color:#1f2937;font-weight:600}.bai-total{color:var(--system-main-color);font-size:14px}.bai-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;align-items:end}.bai-form-group{display:flex;flex-direction:column;gap:6px}.bai-form-group label{font-weight:700;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.bai-select,.bai-input,.bai-file-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.bai-select:focus,.bai-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.bai-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.bai-file-input{padding:6px 8px;cursor:pointer}.bai-file-name{margin:4px 0 0;font-size:10px;color:#10b981;font-weight:600}.bai-loading{font-size:11px;color:#9ca3af}.bai-btn-save{padding:8px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;box-shadow:0 2px 8px #10b98133;height:fit-content}.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{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden;gap:12px}.bai-table-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.bai-table-header h4{margin:0;font-size:13px;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.4px}.bai-refresh-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:var(--system-main-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;padding:0;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:spin 1s linear infinite}.bai-search-group{position:relative;display:flex;align-items:center}.bai-search-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none;font-size:13px}.bai-search-input{width:100%;padding:8px 10px 8px 32px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease}.bai-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a}.bai-table-container{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 6px #0000000d}.bai-table{width:100%;border-collapse:collapse;font-size:12px;background-color:#fff}.bai-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;padding:10px 8px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.bai-table td{padding:10px 8px;border-bottom:1px solid #f0f0f0;text-align:center;color:#374151}.bai-table tbody tr{transition:all .2s ease;background-color:#fff}.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{font-weight:700;color:var(--system-main-color);font-family:Courier New,monospace;font-size:11px}.bai-category{font-weight:600;color:#1f2937}.bai-amount{font-weight:700;color:#10b981}.bai-date,.bai-reason{font-size:11px;color:#6b7280}.bai-no-data-row td{padding:30px 20px;text-align:center}.bai-no-data{display:flex;align-items:center;justify-content:center;padding:30px 20px;background-color:#f9fafb;border-radius:6px;color:#9ca3af;text-align:center}.bai-no-data p{margin:0;font-size:12px;font-weight:500}.bai-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af}.bai-spinner{width:36px;height:36px;border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.bai-loading-state p{font-size:12px;margin:0}.bai-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0}.bai-pagination-btn{padding:6px 12px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:10px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;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{font-size:10px;font-weight:700;color:#374151;min-width:100px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;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 (max-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;padding:10px 16px;gap:10px}.bai-btn-save{width:100%}.bai-table-section{padding:10px 16px;gap:10px}.bai-table th{font-size:9px;padding:8px 6px}.bai-table td{padding:8px 6px;font-size:11px}.bai-search-input{font-size:11px}}@media screen and (max-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;padding:8px 12px;gap:8px}.bai-select,.bai-input,.bai-file-input{font-size:11px;padding:6px 8px}.bai-btn-save{font-size:11px;padding:6px 10px}.bai-table-section{padding:8px 12px;gap:8px}.bai-table-header h4{font-size:11px}.bai-refresh-btn{width:28px;height:28px}.bai-search-input{font-size:10px;padding:6px 8px 6px 28px}.bai-search-icon{font-size:12px;left:8px}.bai-table{font-size:10px}.bai-table th{font-size:8px;padding:6px 4px}.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{font-size:9px;min-width:90px;padding:4px 8px}}.upi-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.upi-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:500px;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.upi-header{padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0}.upi-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.upi-bank-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:12px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb}.upi-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background-color:#fff;border-left:3px solid var(--system-main-color);border-radius:4px;box-shadow:0 1px 3px #0000000d}.upi-label{font-weight:700;color:#666;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.upi-value{font-size:13px;color:#1f2937;font-weight:600}.upi-form-section{padding:18px;background-color:#fff;display:flex;flex-direction:column;gap:16px;flex:1}.upi-form-group{display:flex;flex-direction:column;gap:8px}.upi-form-label{display:flex;align-items:center;gap:8px;font-weight:700;color:#1f2937;font-size:13px;text-transform:uppercase;letter-spacing:.4px}.upi-form-icon{color:var(--system-main-color);font-size:16px}.upi-date-input{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;background-color:#fff;transition:all .3s ease;font-family:inherit;cursor:pointer}.upi-date-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.upi-file-input-wrapper{position:relative;overflow:hidden}.upi-file-input{position:absolute;opacity:0;width:0;height:0}.upi-file-label{display:flex;align-items:center;justify-content:center;padding:16px;border:2px dashed var(--system-main-color);border-radius:6px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);cursor:pointer;transition:all .3s ease;text-align:center;min-height:80px}.upi-file-label:hover{background:linear-gradient(135deg,#f0f2f5,#e5e7eb);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;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:6px}.upi-file-selected:before{content:"✓";font-size:16px;font-weight:700}.upi-actions{padding:14px 18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;display:flex;gap:10px}.upi-btn-update{flex:1;padding:10px 14px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;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 (max-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{padding:14px 16px;gap:14px}.upi-form-label{font-size:12px}.upi-date-input{font-size:12px;padding:8px 10px}.upi-file-label{padding:14px;min-height:70px}.upi-file-placeholder,.upi-file-selected{font-size:11px}.upi-actions{padding:12px 16px}.upi-btn-update{font-size:11px;padding:8px 12px}}@media screen and (max-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{padding:12px;gap:12px}.upi-form-label{font-size:11px;gap:6px}.upi-form-icon{font-size:14px}.upi-date-input{font-size:11px;padding:8px}.upi-file-label{padding:12px;min-height:60px}.upi-file-placeholder,.upi-file-selected{font-size:10px}.upi-file-selected:before{font-size:14px}.upi-actions{padding:10px 12px;gap:8px}.upi-btn-update{font-size:10px;padding:8px 10px}}@media screen and (max-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}}.bda-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.bda-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1000px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.bda-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.bda-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.bda-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:14px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0}.bda-stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:12px 14px;background-color:#fff;border-left:4px solid var(--system-main-color);border-radius:6px;box-shadow:0 2px 6px #0000000d;transition:all .3s ease;min-height:60px}.bda-stat-card:hover{box-shadow:0 4px 12px #667eea26;transform:translateY(-2px)}.bda-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.bda-stat-value{font-size:16px;font-weight:700;color:var(--system-main-color)}.bda-controls{display:flex;gap:12px;align-items:center;padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0}.bda-search-group{position:relative;flex:1;min-width:250px}.bda-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:14px}.bda-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.bda-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.bda-refresh-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:var(--system-main-color);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;padding:0;box-shadow:0 2px 6px #667eea33;flex-shrink:0}.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:spin 1s linear infinite}.bda-error-message{padding:10px 18px;background-color:#fee2e2;color:#dc2626;border-left:4px solid #dc2626;margin:0;font-size:12px;font-weight:600;flex-shrink:0}.bda-list-section{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.bda-table-container{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 6px #0000000d;margin-bottom:12px}.bda-table{width:100%;border-collapse:collapse;font-size:13px;background-color:#fff}.bda-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;padding:12px 10px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.bda-table td{padding:12px 8px;border-bottom:1px solid #f0f0f0;text-align:center;color:#374151;font-size:13px}.bda-table tbody tr{transition:all .2s ease;background-color:#fff}.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{font-weight:700;color:#1f2937;text-align:left;padding-left:12px;font-size:14px}.bda-account-number{font-family:Courier New,monospace;color:#1f2937;font-size:13px;font-weight:700;letter-spacing:.5px}.bda-date-cell{font-size:12px;color:#6b7280}.bda-actions{display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap}.bda-action-btn{background:none;border:none;cursor:pointer;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px;flex-shrink:0}.bda-payment-btn:hover{background-color:#dbeafe;transform:scale(1.15)}.bda-payment-btn img{width:24px;height:24px;object-fit:contain;filter:brightness(1)}.bda-upload-btn:hover{background-color:#fef3c7;transform:scale(1.15)}.bda-upload-btn img{width:24px;height:24px;object-fit:contain;filter:brightness(1)}.bda-delete-btn{background:none;border:none;cursor:pointer;padding:6px 8px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:6px;flex-shrink:0;visibility:visible!important;opacity:1!important}.bda-delete-btn:hover{background-color:#fee2e2;transform:scale(1.15)}.bda-delete-btn img{width:22px;height:22px;object-fit:contain;filter:brightness(.8)}.bda-delete-btn:hover img{filter:brightness(1)}.bda-no-data-row td{padding:40px 20px;text-align:center}.bda-no-data{display:flex;align-items:center;justify-content:center;padding:40px 20px;background-color:#f9fafb;border-radius:6px;color:#9ca3af;text-align:center}.bda-no-data p{margin:0;font-size:12px;font-weight:500}.bda-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;flex:1}.bda-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:var(--system-main-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.bda-loading p{font-size:12px;margin:0}.bda-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;border-radius:6px;flex-shrink:0}.bda-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.bda-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.bda-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.bda-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;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 (max-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 (max-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{padding:10px 12px;min-height:55px}.bda-stat-label{font-size:9px}.bda-stat-value{font-size:14px}.bda-controls{padding:12px 16px;gap:10px}.bda-search-input{font-size:11px;padding:6px 10px 6px 32px}.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{font-size:10px;min-width:100px;padding:6px 10px}}@media screen and (max-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{padding:8px 10px;min-height:50px}.bda-stat-label{font-size:8px;margin-bottom:2px}.bda-stat-value{font-size:13px}.bda-controls{padding:10px 12px;gap:8px;flex-direction:column}.bda-search-group{min-width:100%}.bda-search-input{font-size:10px;padding:6px 10px 6px 30px}.bda-search-icon{font-size:12px;left:10px}.bda-refresh-btn{width:30px;height:30px;align-self:flex-start}.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{width:32px;height:32px;border-width:3px}.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{font-size:9px;min-width:90px;padding:5px 8px}}@media screen and (max-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{font-size:8px;min-width:80px}}.stock-convert-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px}.stock-convert-modal{position:relative;background:#fff;border-radius:8px;width:90%;max-width:1000px;max-height:650px;border:3px solid var(--system-main-color);box-shadow:0 4px 12px #0000001a;overflow-y:auto;padding-bottom:15px;font-family:inherit}.stock-convert-header{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #e5e7eb;background-color:#f8f9fa}.stock-convert-header-content{display:flex;align-items:center;gap:8px}.stock-convert-header-icon{color:var(--system-main-color);background:#4f46e51a;padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center}.stock-convert-title{margin:0;font-size:14px;color:#1f2937;font-weight:700}.stock-convert-close-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#e5e7eb;color:#6b7280;border-radius:4px;cursor:pointer;transition:all .3s ease}.stock-convert-close-btn:hover{background:#d1d5db;color:#1f2937}.stock-convert-info{background:#f0f9ff;border-left:3px solid var(--system-main-color);padding:10px 12px;margin:12px 15px;border-radius:4px;font-size:12px;color:#1f2937}.stock-convert-info p{margin:0;line-height:1.4}.stock-convert-body{padding:12px 15px}.stock-convert-panels{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:start}.stock-convert-panel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;display:flex;flex-direction:column;min-height:380px}.stock-convert-from{border-left:3px solid #ef4444}.stock-convert-to{border-left:3px solid #10b981}.stock-convert-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb}.stock-convert-panel-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#1f2937;margin:0}.stock-convert-panel-title svg{width:16px;height:16px}.stock-convert-badge{padding:3px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stock-convert-badge-danger{background-color:#fee2e2;color:#dc2626}.stock-convert-badge-success{background-color:#dcfce7;color:#16a34a}.stock-convert-search-container{position:relative;margin-bottom:10px}.stock-convert-search-icon{position:absolute;left:8px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;width:14px;height:14px}.stock-convert-search{width:100%;padding:6px 8px 6px 28px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;transition:all .3s ease;background-color:#fff;box-sizing:border-box}.stock-convert-search:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #4f46e50d}.stock-convert-search::placeholder{color:#9ca3af}.stock-convert-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:4px;box-shadow:0 4px 12px #0000001a;max-height:200px;overflow-y:auto;z-index:1000;margin-top:2px;list-style:none;padding:0}.stock-convert-suggestion-item{padding:8px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease;font-size:11px}.stock-convert-suggestion-item:hover{background-color:#f0f9ff;color:var(--system-main-color);padding-left:10px}.stock-convert-suggestion-item:last-child{border-bottom:none}.stock-convert-suggestion-id{font-weight:600;color:var(--system-main-color);font-size:11px;margin-bottom:2px}.stock-convert-suggestion-name{color:#1f2937;font-size:11px;margin:2px 0;font-weight:500}.stock-convert-suggestion-barcode{color:#6b7280;font-size:10px;font-family:Courier New,monospace;margin:2px 0}.stock-convert-suggestion-stock{color:#10b981;font-size:10px;font-weight:600;margin-top:3px}.stock-convert-product-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;margin-bottom:10px;overflow:hidden}.stock-convert-card-header{background:#fff;padding:6px 8px;border-bottom:1px solid #e5e7eb}.stock-convert-card-header h5{margin:0;font-size:11px;font-weight:600;color:#374151}.stock-convert-card-body{padding:8px}.stock-convert-card-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;padding:3px 0;font-size:11px}.stock-convert-card-row:last-child{margin-bottom:0}.stock-convert-card-label{font-weight:600;color:#666;font-size:10px}.stock-convert-card-value{color:#1f2937;font-size:11px;font-weight:500;text-align:right}.stock-convert-card-stock{color:#10b981;font-weight:700;font-size:11px;text-align:right}.stock-convert-quantity{margin-top:auto}.stock-convert-qty-label{display:block;font-weight:600;color:#374151;margin-bottom:4px;font-size:11px}.stock-convert-qty-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;font-weight:500;transition:all .3s ease;background:#fff;box-sizing:border-box;text-align:center}.stock-convert-qty-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #4f46e50d}.stock-convert-qty-input::placeholder{color:#9ca3af}.stock-convert-middle{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:2rem}.stock-convert-arrow-container{background:linear-gradient(135deg,var(--system-main-color),#4f46e5);border-radius:50%;padding:8px;box-shadow:0 2px 8px #0000001a;display:flex;align-items:center;justify-content:center}.stock-convert-arrow{color:#fff;width:18px;height:18px}.stock-convert-swap-btn{display:flex!important;align-items:center!important;justify-content:center!important;width:40px!important;height:40px!important;border:2px solid #d1d5db!important;background:#fff!important;color:#6b7280!important;border-radius:6px!important;cursor:pointer!important;transition:all .3s ease!important;box-shadow:0 2px 6px #00000014!important;padding:0!important;flex-shrink:0!important;min-width:40px!important;min-height:40px!important}.stock-convert-swap-btn svg{display:block!important;width:18px!important;height:18px!important}.stock-convert-swap-btn:hover{background:#f3f4f6!important;border-color:var(--system-main-color)!important;color:var(--system-main-color)!important;transform:rotate(180deg) scale(1.05)!important}.stock-convert-footer{padding:12px 15px;border-top:1px solid #e5e7eb;background-color:#f8f9fa;display:flex;align-items:center;justify-content:space-between;gap:12px}.stock-convert-meta{display:flex;gap:12px}.stock-convert-meta-item{display:flex;align-items:center;gap:4px}.stock-convert-meta-label{font-weight:600;color:#666;font-size:11px}.stock-convert-meta-value{font-weight:600;color:#1f2937;background:#fff;padding:3px 8px;border-radius:3px;border:1px solid #d1d5db;font-size:11px}.stock-convert-actions{display:flex;gap:8px}.stock-convert-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:6px 14px;border:none;border-radius:4px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;text-decoration:none;min-width:100px;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{background-color:#e5e7eb;color:#374151;border:1px solid #d1d5db}.stock-convert-btn-secondary:hover:not(:disabled){background-color:#d1d5db;color:#1f2937}.stock-convert-spinner{width:14px;height:14px;border:2px solid rgba(0,0,0,.1);border-top:2px solid currentColor;border-radius:50%;animation:stockConvertSpin 1s linear infinite}@keyframes stockConvertSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media screen and (max-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;padding-top:0;order:2}.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 (max-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{padding:10px;min-height:auto}.stock-convert-search{font-size:11px;padding:5px 8px 5px 24px}.stock-convert-qty-input{font-size:11px;padding:5px 6px}.stock-convert-footer{padding:10px 12px;gap:8px}.stock-convert-meta{gap:8px}.stock-convert-meta-label{font-size:10px}.stock-convert-meta-value{font-size:10px;padding:2px 6px}.stock-convert-btn{padding:5px 10px;font-size:11px;min-width:80px}}.stock-convert-suggestions::-webkit-scrollbar,.stock-convert-modal::-webkit-scrollbar{width:6px}.stock-convert-suggestions::-webkit-scrollbar-track,.stock-convert-modal::-webkit-scrollbar-track{background:#f3f4f6}.stock-convert-suggestions::-webkit-scrollbar-thumb,.stock-convert-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.stock-convert-suggestions::-webkit-scrollbar-thumb:hover,.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{position:static;background:transparent}.stock-convert-modal{box-shadow:none;max-height:none}.stock-convert-close-btn,.stock-convert-swap-btn,.stock-convert-actions{display:none}}.pq-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:15px}.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{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 15px;border-radius:8px 8px 0 0}.pq-title{margin:0 0 6px;font-size:16px;font-weight:600}.pq-total{font-size:22px;font-weight:700;margin:0}.pq-content{padding:15px}.pq-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;padding:12px;margin-bottom:12px}.pq-section-title{margin:0 0 10px;font-size:14px;font-weight:600;padding-bottom:6px;border-bottom:2px solid}.customer-title{border-color:#007bff;color:#007bff}.discount-title{border-color:#28a745;color:#28a745}.pq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pq-field{display:flex;flex-direction:column}.pq-field-full{grid-column:1 / -1}.pq-label{font-size:11px;font-weight:500;color:#555;margin-bottom:4px;display:block}.pq-label-icon{display:flex;align-items:center;gap:5px}.pq-icon{width:14px;height:14px}.pq-input{width:100%;padding:7px 8px;border:1px solid #ccc;border-radius:4px;font-size:12px;transition:border-color .2s;box-sizing:border-box}.pq-input:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.pq-input-readonly{background-color:#e9ecef;font-weight:600;color:#007bff;text-align:center;cursor:not-allowed}.pq-textarea{width:100%;padding:7px 8px;border:1px solid #ccc;border-radius:4px;font-size:12px;font-family:inherit;resize:vertical;transition:border-color .2s;box-sizing:border-box}.pq-textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff1a}.pq-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:15px}.pq-btn{padding:9px 20px;font-size:13px;font-weight:600;border-radius:5px;border:none;cursor:pointer;transition:all .2s}.pq-btn-save{background-color:#28a745;color:#fff}.pq-btn-save:hover:not(:disabled){background-color:#218838;transform:translateY(-1px);box-shadow:0 2px 8px #28a7454d}.pq-btn-save:disabled{background-color:#ccc;cursor:not-allowed}.pq-btn-cancel{background-color:#fff;color:#333;border:1px solid #ccc}.pq-btn-cancel:hover{background-color:#f8f9fa;border-color:#999}@media (max-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-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}.qam-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.qam-modal{position:relative;background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;border:2px solid #667eea;box-shadow:0 10px 40px #0003;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.qam-header{background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;padding:5px 20px;border-radius:12px 12px 0 0;border-bottom:2px solid #5568d3;flex-shrink:0}.qam-header h3{margin:0 0 8px;font-size:18px;font-weight:700;letter-spacing:.5px}.qam-header-info{display:flex;gap:20px;font-size:12px;flex-wrap:wrap}.qam-header-info span{display:flex;align-items:center;gap:6px}.qam-header-info strong{font-weight:700;background:#fff3;padding:2px 8px;border-radius:4px}.qam-search-section{background:#f9fafb;padding:14px 20px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.qam-search-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.qam-search-type-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;cursor:pointer;transition:all .3s ease;min-width:140px}.qam-search-type-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qam-search-input-container{position:relative;flex:1;min-width:250px}.qam-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;transition:all .3s ease}.qam-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background:#f9fafb}.qam-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d1d5db;border-top:none;border-radius:0 0 6px 6px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.qam-suggestion-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.qam-suggestion-item:hover,.qam-suggestion-item.selected{background:#f0f4ff;padding-left:16px}.qam-suggestion-item strong{font-size:12px;color:#1f2937;font-weight:600}.qam-suggestion-item span{font-size:11px;color:#6b7280}.qam-suggestion-item .qam-price{color:#059669;font-weight:600}.qam-price-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;width:110px;text-align:center;transition:all .3s ease}.qam-price-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qam-percentage-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;width:70px;text-align:center;transition:all .3s ease}.qam-percentage-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qam-qty-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;width:70px;text-align:center;transition:all .3s ease}.qam-qty-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.qam-table-section{flex:1;padding:14px 20px;overflow-y:auto;min-height:300px;max-height:500px}.qam-table-container{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;box-shadow:0 2px 6px #0000000d}.qam-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.qam-table thead{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);position:sticky;top:0;z-index:5}.qam-table th{padding:8px;text-align:center;font-weight:700;color:#1f2937;border-bottom:2px solid #d1d5db;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.qam-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease;background:#fff}.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{padding:4px 8px;color:#000}.qam-cell-id{font-weight:600;width:100px;text-align:left;padding-left:12px}.qam-cell-name{text-align:left;padding-left:12px;font-weight:500}.qam-cell-number{font-family:Courier New,monospace;font-weight:600;color:#059669;text-align:right;width:90px}.qam-cell-qty{width:80px;cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none}.qam-qty-edit-input{width:60px;padding:4px 6px;border:1px solid #667eea;border-radius:4px;text-align:center;font-size:12px}.qam-qty-edit-input:focus{outline:none;box-shadow:0 0 0 2px #667eea33}.qam-cell-amount{font-weight:700;text-align:right;color:#667eea;width:100px}.qam-cell-action{width:50px;text-align:center}.qam-delete-btn{width:20px;height:20px;cursor:pointer;transition:all .2s ease;opacity:.7}.qam-delete-btn:hover{opacity:1;transform:scale(1.15)}.qam-empty-message{text-align:center;padding:40px 20px!important;color:#9ca3af;font-style:italic}.qam-totals-section{display:flex;gap:20px;padding:14px 20px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0}.qam-total-item{display:flex;flex-direction:column;gap:4px;min-width:120px}.qam-total-item label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.qam-total-item span{font-size:14px;font-weight:700;color:#1f2937;background:#fff;padding:6px 10px;border-radius:4px;border:1px solid #e5e7eb}.qam-total-amount label{color:#667eea}.qam-total-amount span{color:#667eea;font-size:16px;border:2px solid #667eea;background:#f0f4ff}.qam-footer-section{padding:14px 20px;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 12px 12px;flex-shrink:0}.qam-action-buttons{display:flex;gap:10px;flex-wrap:wrap}.qam-action-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000001a}.qam-action-btn img{width:16px;height:16px;object-fit:contain}.qam-action-btn.stock-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.qam-action-btn.stock-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.qam-action-btn.payment-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.qam-action-btn.payment-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.qam-action-btn.clear-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.qam-action-btn.clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b66}.qam-action-btn.close-btn{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;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,.qam-table-section::-webkit-scrollbar,.qam-suggestions-dropdown::-webkit-scrollbar{width:6px}.qam-modal::-webkit-scrollbar-track,.qam-table-section::-webkit-scrollbar-track,.qam-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f1f1}.qam-modal::-webkit-scrollbar-thumb,.qam-table-section::-webkit-scrollbar-thumb,.qam-suggestions-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qam-modal::-webkit-scrollbar-thumb:hover,.qam-table-section::-webkit-scrollbar-thumb:hover,.qam-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (max-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 (max-width: 768px){.qam-modal{max-height:95vh;border-radius:8px}.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{padding:8px 12px;font-size:11px;flex:1;min-width:100px}.qam-action-btn.close-btn{margin-left:0}}@media screen and (max-width: 480px){.qam-modal{width:98%;max-height:98vh}.qam-header h3{font-size:14px;margin-bottom:6px}.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{font-size:11px;padding:6px 8px}.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{font-size:12px;padding:4px 8px}.qam-footer-section{padding:10px 12px}.qam-action-buttons{gap:6px}.qam-action-btn{padding:6px 10px;font-size:10px;flex:1;min-width:80px}.qam-action-btn img{width:14px;height:14px}}.qam-table-header{padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.qam-table-title{margin:0;font-size:13px;font-weight:700;color:#1f2937;text-transform:uppercase;letter-spacing:.5px}.qam-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap}.qam-pagination-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.qam-pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px);box-shadow:0 2px 8px #667eea4d}.qam-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.qam-pagination-info{font-size:12px;font-weight:600;color:#6b7280;min-width:120px;text-align:center}@media screen and (max-width: 768px){.qam-pagination{gap:8px;padding:10px 15px}.qam-pagination-btn{padding:6px 12px;font-size:11px}.qam-pagination-info{font-size:11px;min-width:100px}}@media screen and (max-width: 480px){.qam-pagination{gap:6px;padding:8px 12px}.qam-pagination-btn{padding:5px 10px;font-size:10px}.qam-pagination-info{font-size:10px;min-width:90px}}.qlm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qlm-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;border:2px solid #667eea;box-shadow:0 8px 32px #00000026;overflow-y:auto;padding-bottom:15px;animation:slideUp .3s ease-out}.qlm-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#5568d3);border-radius:10px 10px 0 0}.qlm-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.qlm-filters-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb}.qlm-filter-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.qlm-search-group{position:relative;flex:1;min-width:220px}.qlm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:13px}.qlm-search-input{width:100%;padding:8px 12px 8px 36px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.qlm-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.qlm-date-picker{display:flex;align-items:center;gap:8px}.qlm-date-picker label{font-size:11px;font-weight:700;color:#374151;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.qlm-date-input{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background-color:#fff;transition:all .3s ease;font-family:inherit}.qlm-date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;background-color:#f9fafb}.qlm-refresh-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background-color:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;padding:0;flex-shrink:0;box-shadow:0 2px 8px #667eea33}.qlm-refresh-btn svg{width:12px;height:12px;color:#fff;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:spin 1s linear infinite}.qlm-table-section{padding:14px 18px;background-color:#fff}.qlm-table-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.qlm-table-container{max-height:350px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 2px 6px #0000000d}.qlm-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.qlm-table th{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#1f2937;padding:10px 8px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:2px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.4px}.qlm-table td{padding:8px 6px;border-bottom:1px solid #f0f0f0;text-align:center;color:#374151}.qlm-table tbody tr{transition:all .2s ease;background-color:#fff}.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{display:block;font-weight:500;color:#1f2937;text-align:left;padding-left:8px}.qlm-currency-cell{display:block;font-weight:700;color:#059669;font-family:Courier New,monospace;font-size:11px}.qlm-percentage-cell{display:block;font-weight:700;color:#667eea;font-size:11px}.qlm-date-cell{display:block;font-size:10px;color:#6b7280}.qlm-actions-cell{padding:8px 4px!important}.qlm-action-buttons{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.qlm-action-btn{background:none;border:none;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px;font-size:14px}.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{padding:40px 20px;text-align:center;color:#9ca3af}.qlm-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 10px}.qlm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;margin-top:12px;border-radius:0 0 10px 10px}.qlm-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,#667eea,#5568d3);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.qlm-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.qlm-pagination-btn:active:not(:disabled){transform:translateY(0)}.qlm-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.qlm-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.qlm-modal::-webkit-scrollbar,.qlm-table-container::-webkit-scrollbar{width:6px}.qlm-modal::-webkit-scrollbar-track,.qlm-table-container::-webkit-scrollbar-track{background:#f1f1f1}.qlm-modal::-webkit-scrollbar-thumb,.qlm-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.qlm-modal::-webkit-scrollbar-thumb:hover,.qlm-table-container::-webkit-scrollbar-thumb:hover{background:#667eea}@media screen and (max-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 (max-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{font-size:9px;padding:6px 4px}.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{font-size:10px;min-width:100px;padding:6px 10px}}@media screen and (max-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{font-size:11px;padding:6px 8px}.qlm-refresh-btn{width:32px;height:32px}.qlm-table-section{padding:10px 12px}.qlm-table-title{font-size:11px;margin-bottom:10px}.qlm-table-container{max-height:250px}.qlm-table{font-size:9px}.qlm-table th{font-size:8px;padding:4px 2px}.qlm-table td{padding:4px 2px}.qlm-text-cell,.qlm-currency-cell,.qlm-percentage-cell,.qlm-date-cell{font-size:9px}.qlm-pagination{gap:8px;padding:8px 10px;flex-wrap:wrap}.qlm-pagination-btn{padding:5px 10px;font-size:9px}.qlm-pagination-info{font-size:9px;min-width:90px;padding:5px 8px}}@media screen and (max-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{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.nom-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:700px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.nom-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.nom-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.nom-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0}.nom-stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background-color:#fff;border-left:4px solid var(--system-main-color);border-radius:6px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-height:70px}.nom-stat-card:hover{box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.nom-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.nom-stat-value{font-size:16px;font-weight:700;color:var(--system-main-color);word-break:break-word}.nom-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.nom-form-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.nom-single-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.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 1 auto;min-width:auto}.nom-form-group label{display:block;font-weight:700;color:#374151;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.nom-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;transition:all .3s ease;font-family:inherit;background-color:#fff}.nom-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.nom-add-btn{width:100%;background-color:#10b981;color:#fff;padding:6px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap;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{width:100%;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;padding:6px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #667eea33;white-space:nowrap}.nom-save-btn:hover{background:linear-gradient(135deg,#5568d3,#4052b8);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.nom-cancel-btn{width:100%;background-color:#fff;color:#ef4444;padding:6px 12px;border:2px solid #ef4444;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.nom-cancel-btn:hover{background-color:#fef2f2;transform:translateY(-1px);box-shadow:0 2px 6px #ef444433}.nom-saved-list{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.nom-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px;flex-shrink:0}.nom-list-header h4{font-size:13px;font-weight:700;color:#1f2937;margin:0;text-transform:uppercase;letter-spacing:.5px}.nom-list-controls{display:flex;gap:10px;align-items:center;flex:1;min-width:200px}.nom-search-group{position:relative;flex:1;min-width:180px}.nom-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:12px}.nom-search-input{width:100%;padding:6px 10px 6px 32px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;background-color:#fff;transition:all .3s ease;font-family:inherit}.nom-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.nom-table-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.nom-table-container{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 6px #0000000d}.nom-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.nom-table th{background:#f2f2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:1px solid #d1d5db;font-size:10px}.nom-table td{padding:8px 6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151}.nom-table tbody tr{transition:all .2s ease;background-color:#fff}.nom-table tbody tr:hover{background-color:#f9fafb}.nom-table tbody tr:last-child td{border-bottom:none}.nom-delete-btn{background:none;border:none;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center;transition:all .3s ease;border-radius:4px;font-size:14px}.nom-delete-btn:hover{background-color:#fee2e2;transform:scale(1.1)}.nom-no-data{padding:30px 20px;text-align:center;color:#9ca3af;background-color:#f9fafb;border-radius:4px;border:1px dashed #e5e7eb}.nom-no-data p{margin:0;font-size:12px;font-weight:500}.nom-no-data-message{padding:40px 20px;text-align:center;color:#9ca3af;background-color:#f9fafb;border-radius:4px;border:1px dashed #e5e7eb;margin:14px 18px}.nom-no-data-message p{margin:0;font-size:13px;font-weight:500}.nom-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 15px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;margin-top:12px;border-radius:4px;flex-shrink:0}.nom-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.nom-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.nom-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.nom-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;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 (max-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:1 1 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 (max-width: 480px){.nom-modal{width:98%;max-height:95vh}.nom-header h3{font-size:12px}.nom-form-title{font-size:11px}.nom-input{font-size:10px;padding:5px 6px}.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}}:root{--scanbar-bg: #2b333b;--search-box-bg: #ffffff}.invoice-container{display:flex;width:100%;height:100vh;overflow:hidden;background-color:#e0e0e0}.left-panel{flex:2;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:#fff;padding:10px;box-sizing:border-box}.right-panel{width:100%;max-width:350px;flex:1;display:flex;flex-direction:column;padding:20px;gap:10px;cursor:pointer}#user-label{color:#fff}.header-info{display:flex;justify-content:space-between;align-items:center;background-color:#333;color:#fff;padding:8px;font-weight:600;font-size:13px;border-radius:5px}.header-info div{display:flex;flex-direction:column;align-items:center;margin:0 10px}#user_span,#store_span,#start_time_span{background-color:#fff;border-radius:5px;color:#000;padding:3px 15px}.main-scrollable-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.scan-barcode{display:flex;gap:10px;align-items:center;border-radius:10px;width:100%;margin-top:10px}.responsive-scanbar{background-color:var(--scanbar-bg);display:flex;flex-wrap:wrap;padding:10px;align-items:center;gap:10px;width:100%}.scan-controls{display:flex;align-items:center;gap:8px;flex:0 1 auto}.select-compact{padding:6px 8px;font-size:12px;border:1px solid #ccc;border-radius:6px;background:#fff}.barcode-input,.price-input,.percentage-input,.qty-input{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;background:#fff;transition:all .2s ease;box-sizing:border-box}.barcode-input:focus,.price-input:focus,.percentage-input:focus,.qty-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input--wide{flex:1 1 480px;min-width:280px}.input--mid{flex:0 1 160px;min-width:120px;text-align:center}.input--small{flex:0 1 110px;min-width:90px;text-align:center}.search-input-container{position:relative;display:block;flex:1 1 480px;min-width:280px;max-width:100%}.search-input-container.has-suggestions .barcode-input{border-radius:12px 12px 0 0;border-bottom:1px solid #e5e7eb;box-shadow:0 4px 20px #00000014}.search-input-container .barcode-input{width:100%!important;flex:1 1 auto}.table-container{flex-grow:1;overflow-y:auto;min-height:0;margin-top:10px;font-weight:600;max-height:600px;font-size:12px;border-radius:5px}#product-table-invoice{width:100%;border:1px solid var(--table-border-color);border-collapse:collapse}#product-table-invoice th{padding:2px;text-align:center;font-weight:600;background-color:var(--table-headers);border:1px solid var(--table-border-color);color:var(--white)}#product-table-invoice td{padding:5px;border:1px solid #4d4b4b}.total-display{display:flex;justify-content:flex-end;align-items:center;background-color:#6e6d6d;color:#fff;margin-top:10px;margin-bottom:10px;padding:10px;border-radius:5px}.total-display .total-amount{font-size:1.5rem;font-weight:700;color:#ffd900;margin-right:10px}.total-display .item-count,.total-display .total-discount,.total-display .total-quantity{font-size:1rem;color:#e2e1e1}.footer-container{flex-shrink:0}.footer-options{display:flex;justify-content:flex-start;flex-shrink:0;gap:10px;cursor:pointer}.footer-options .option-box{display:flex;flex-direction:column;align-items:center;font-size:12px;font-weight:600;padding:8px;min-width:80px;background-color:#fff;border:1px solid #000;border-radius:8px;color:var(-font-color-blue);cursor:pointer}.footer-options .option-box img{width:40px;height:40px;margin-bottom:5px}.footer-options .option-box input[type=checkbox]{margin-bottom:3px}.right-panel .button-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.right-panel .button-grid button{padding:8px;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;background-color:var(--white);text-align:center;color:var(--black);border:2px solid var(--black);border-radius:5px;cursor:pointer}.right-panel .button-grid button:hover{background-color:var(--table-border-color);transition:.3s ease-in-out;border:2px solid rgb(2,4,83)}.right-panel .button-grid img{width:20px;height:20px;margin-right:10px}.display-panels{margin-top:20px;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f5f5f5}.keyboard-toggle{display:flex;justify-content:center;margin-bottom:10px}.keyboard-toggle button{padding:8px 12px;border:none;background-color:#f0f0f0;margin:0 5px;cursor:pointer;font-weight:700;border-radius:4px;transition:background-color .3s}.keyboard-toggle .active{background-color:#007bff;color:#fff}.numeric-keypad{display:flex;flex-direction:column;align-items:center;width:100%}.keypad-row{display:flex;justify-content:center;margin:5px 0}.keypad-row button{width:60px;height:60px;margin:5px;font-size:1.2em;cursor:pointer;border-radius:5px;border:1px solid #ccc;background-color:#f9f9f9;transition:background-color .3s}.keypad-row button:hover{background-color:#007bff;color:#fff}#alphabet-keypad{display:flex;flex-direction:column;align-items:center;width:100%}#alphabet-keypad .keypad-row{display:flex;justify-content:center;margin:5px 0}#alphabet-keypad .keypad-row button{width:50px;height:50px;margin:3px;font-size:1em;cursor:pointer;border-radius:5px;border:1px solid #ccc;background-color:#f9f9f9;transition:background-color .3s}#alphabet-keypad .keypad-row button:hover{background-color:#007bff;color:#fff}.card-container{display:flex;flex-wrap:wrap;justify-content:flex-start}.product-card{border:1px solid #ccc;border-radius:8px;padding:16px;margin:10px;width:200px;box-shadow:2px 2px 12px #0000001a;background-color:#fff}.product-card img{width:100%;height:150px;object-fit:cover;border-radius:4px}.product-card h3{font-size:16px;margin:10px 0 5px}.product-card p{margin:5px 0}.product-card .card-actions{margin-top:10px}.product-card .common-icon-button{background:none;border:none;cursor:pointer}.product-card:hover{transform:scale(1.02);transition:transform .2s}.product-card .common-icon-button:hover{opacity:.8}#modal-overlay-invoice{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}#modal-content-invoice{background-color:#fff;border-radius:10px;padding:20px;width:100%;max-width:1600px;height:auto;max-height:90%;overflow-y:auto;box-shadow:0 4px 15px #0003;transform:scale(1);transition:transform .3s ease-in-out}@media (max-width: 767px){#modal-content-invoice{width:95%;padding:10px}}#hold_bill.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;justify-content:center;align-items:center}#hold_bill .modal-content{background:#fff;padding:20px 30px;border-radius:8px;min-height:500px;width:800px;max-width:90%;box-shadow:0 4px 10px #0000004d;position:relative}#hold_bill h2{margin-top:0;text-align:center;color:#333}#hold_bill .modal-close{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:#000;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}#hold_bill .modal-close:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}#hold_bill .input-section{margin:15px 0;text-align:center}#hold_bill .input-section label{display:block;margin-bottom:5px;font-weight:700}#hold_bill .input-section input{width:200px;padding:8px;border:1px solid #ccc;border-radius:4px;text-align:center}#hold_bill .button-section{text-align:center;margin-top:20px}#hold_bill .button-section button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer}#hold_bill .save-btn-hold-bill{background-color:var(--saveButton-color);color:#000;font-weight:700;margin-left:30px}#hold_bill .save-btn-hold-bill:hover{background-color:var(--saveButton-color-hover);color:#fff;transition:.3s ease-in-out}#hold_bill .holdbill-display{margin-top:25px}#hold_bill .holdbill-display h3{text-align:center;margin-bottom:10px;color:#555}#hold_bill .holdbill-display table{width:100%;border-collapse:collapse}#hold_bill .holdbill-display table th,#hold_bill .holdbill-display table td{border:1px solid #ddd;padding:8px;text-align:center;font-weight:700;font-size:12px}#hold_bill .holdbill-display table th{background-color:var(--table-border-color);font-size:14px}.batch-products-list h4{font-size:16px;margin:0;padding-bottom:4px;border-bottom:1px solid #ddd}.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 (min-width:1280px) and (min-height:960px){.main-scrollable-content{max-height:450px}}@media (width: 1280px) and (height:1720px){.main-scrollable-content{max-height:220px}}@media (max-width: 1024px){.search-input-container,.input--wide{flex:1 1 420px;min-width:240px}.input--mid{flex:0 1 140px}.input--small{flex:0 1 100px}}@media (max-width: 768px){.scan-controls{width:100%;order:0}.search-input-container{width:100%;order:1}.input--wide{flex:1 1 100%;min-width:0}.price-input,.percentage-input,.qty-input{flex:1 1 calc(33.333% - 8px);min-width:0}.right-panel .button-grid{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:6px}.right-panel .button-grid button{flex:0 0 auto;min-width:140px;white-space:nowrap}}@media (max-width: 480px){.price-input,.percentage-input,.qty-input{flex:1 1 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{position:absolute;top:100%;left:0;right:0;width:100%;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 16px 16px;box-shadow:0 20px 50px #00000026,0 8px 20px #00000014,inset 0 1px #fff9;max-height:600px;overflow-y:auto;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .25s cubic-bezier(.34,1.56,.64,1)}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.suggestion-item-invoice{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;background:linear-gradient(135deg,#fff,#fafbfc);white-space:nowrap;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,#f8fafc);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,#eff6ff);border-left:4px solid #2563eb;padding-left:8px;box-shadow:inset 0 0 0 1px #2563eb33,0 0 0 3px #3b82f61a}.suggestion-color-box{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:2px solid #d1d5db;overflow:hidden;box-shadow:0 2px 6px #00000014}.color-swatch{width:100%;height:100%;border-radius:6px;border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 1px 2px #ffffff4d,0 2px 4px #0000001a;transition:transform .3s ease}.suggestion-item-invoice:hover .color-swatch{transform:scale(1.05)}.color-swatch-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-weight:700;font-size:14px;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.suggestion-content-row{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;overflow-x:auto;flex:1;min-width:0}.suggestion-name{font-size:12px;font-weight:700;color:#1f2937;line-height:1.3;letter-spacing:-.01em;white-space:nowrap;flex-shrink:0}.suggestion-item-invoice:hover .suggestion-name{color:#111827}.suggestion-item-invoice.selected .suggestion-name{color:#1e40af}.suggestion-id{font-size:10px;font-weight:600;color:#374151;background:#f3f4f6;padding:3px 6px;border-radius:4px;border:1px solid #d1d5db;white-space:nowrap;flex-shrink:0}.suggestion-category{font-size:10px;font-weight:600;color:#6d28d9;background:#f5f3ff;padding:3px 6px;border-radius:4px;border:1px solid #ede9fe;white-space:nowrap;text-transform:capitalize;flex-shrink:0}.suggestion-price{font-size:11px;font-weight:700;color:#047857;background:#ecfdf5;padding:3px 6px;border-radius:4px;border:1px solid #a7f3d0;white-space:nowrap;flex-shrink:0}.suggestion-stock{font-size:10px;font-weight:600;padding:3px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0;border:1px solid}.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{font-size:10px;font-weight:600;color:#7c3aed;background:#faf5ff;padding:3px 6px;border-radius:4px;border:1px solid #e9d5ff;white-space:nowrap;flex-shrink:0}.suggestions-dropdown-invoice::-webkit-scrollbar{width:6px;height:6px}.suggestions-dropdown-invoice::-webkit-scrollbar-track{background:linear-gradient(180deg,#f9fafb,#f3f4f6);border-radius:0 16px 16px 0}.suggestions-dropdown-invoice::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#cbd5e1,#94a3b8);border-radius:3px;transition:background .3s ease}.suggestions-dropdown-invoice::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#94a3b8,#64748b)}@media (prefers-color-scheme: dark){.suggestions-dropdown-invoice{background:#1f2937;border-color:#374151}.suggestion-item-invoice{background:linear-gradient(135deg,#1f2937,#111827);border-bottom-color:#374151}.suggestion-item-invoice:hover{background:linear-gradient(135deg,#374151,#1f2937);border-left-color:#60a5fa;box-shadow:inset 0 0 0 1px #60a5fa33}.suggestion-item-invoice.selected{background:linear-gradient(135deg,#1e3a8a,#0f172a);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,#1f2937);border-color:#4b5563}}@media (max-width: 1024px){.suggestion-item-invoice{padding:7px 11px;gap:8px}.suggestion-color-box{width:34px;height:34px}.suggestion-name{font-size:11px}.suggestion-id,.suggestion-category,.suggestion-price,.suggestion-stock,.suggestion-color-name{font-size:9px;padding:2px 5px}}@media (max-width: 768px){.suggestion-item-invoice{padding:6px 10px;gap:6px}.suggestion-color-box{width:32px;height:32px}.suggestion-name{font-size:10px}.suggestion-id,.suggestion-category,.suggestion-price,.suggestion-stock,.suggestion-color-name{font-size:8px;padding:2px 4px}}@media (max-width: 480px){.suggestion-item-invoice{padding:5px 8px;gap:4px}.suggestion-color-box{width:30px;height:30px}.suggestion-name{font-size:9px}.suggestion-id,.suggestion-category,.suggestion-price,.suggestion-stock,.suggestion-color-name{font-size:7px;padding:1px 3px}}.suggestions-dropdown-invoice{will-change:transform,opacity;contain:layout style paint}.suggestion-item-invoice{will-change:transform,background-color}.hb-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hb-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:1200px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.hb-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.hb-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.hb-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0}.hb-stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background-color:#fff;border-left:4px solid var(--system-main-color);border-radius:6px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-height:70px}.hb-stat-card:hover{box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.hb-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.hb-stat-value{font-size:16px;font-weight:700;color:var(--system-main-color);word-break:break-word}.hb-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.hb-form-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.hb-single-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.hb-form-group{flex:1;min-width:140px}.hb-form-group.hb-compact{flex:0 1 auto;min-width:110px}.hb-form-group.hb-remark-group{flex:1.5;min-width:150px}.hb-form-group.hb-button-group{flex:0 1 auto;min-width:auto}.hb-form-group label{display:block;font-weight:700;color:#374151;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.hb-input,.hb-select,.hb-input-disabled{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;transition:all .3s ease;font-family:inherit}.hb-input{background-color:#fff}.hb-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.hb-input-disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.hb-select{background-color:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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-repeat:no-repeat;background-position:right 8px center;background-size:10px;padding-right:25px}.hb-select:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.hb-save-btn{width:100%;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;padding:6px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #667eea33;white-space:nowrap}.hb-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#4052b8);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.hb-save-btn:disabled{opacity:.6;cursor:not-allowed}.hb-saved-list{padding:14px 18px;background-color:#fff;display:flex;flex-direction:column;flex:1;overflow:hidden}.hb-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:12px;flex-shrink:0}.hb-list-header h4{font-size:13px;font-weight:700;color:#1f2937;margin:0;padding-bottom:0;border-bottom:none;text-transform:uppercase;letter-spacing:.5px}.hb-list-controls{display:flex;gap:10px;align-items:center;flex:1;min-width:250px}.hb-search-group{position:relative;flex:1;min-width:180px}.hb-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;font-size:12px}.hb-search-input{width:100%;padding:6px 10px 6px 32px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;background-color:#fff;transition:all .3s ease;font-family:inherit}.hb-search-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.hb-table-wrapper{flex:1;overflow:hidden;display:flex;flex-direction:column}.hb-table-container{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 6px #0000000d}.hb-table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.hb-table th{background:#f2f2f2;color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;position:sticky;top:0;z-index:10;border-bottom:1px solid #d1d5db;font-size:10px}.hb-table td{padding:6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151}.hb-table tbody tr{transition:all .2s ease;background-color:#fff}.hb-table tbody tr:hover{background-color:#f9fafb}.hb-table tbody tr:last-child td{border-bottom:none}.hb-amount-cell{font-weight:700;color:#059669;font-size:11px;font-family:Courier New,monospace}.hb-remark-cell{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:8px}.hb-no-data-row td{padding:30px 20px;text-align:center;color:#9ca3af}.hb-action-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:6px 12px;border:none;border-radius:4px;cursor:pointer;font-size:10px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.2px;box-shadow:0 2px 6px #10b98133;white-space:nowrap}.hb-action-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 10px #10b9814d}.hb-action-btn:active{transform:translateY(0)}.hb-no-data{padding:40px 20px;text-align:center;color:#9ca3af;background-color:#f9fafb;border-radius:4px;border:1px dashed #e5e7eb}.hb-no-data p{margin:0;font-size:12px;font-weight:500}.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)}.hb-items-row{background:#f9fafb}.hb-items-row td{padding:0;border:none}.hb-items-container{padding:12px}.hb-items-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff;border-radius:4px;border:1px solid #e5e7eb}.hb-items-table thead{background:#f2f2f2}.hb-items-table th{padding:8px 6px;text-align:center;font-weight:700;color:#1f2937;border-bottom:1px solid #d1d5db;font-size:10px}.hb-items-table td{padding:6px;border-bottom:1px solid #f3f4f6;color:#374151;text-align:center}.hb-item-row:hover{background:#f9fafb}.hb-item-name{font-weight:600;color:#1f2937;text-align:left;padding-left:8px}.hb-item-qty{text-align:center;font-weight:600}.hb-item-rate{text-align:right;color:#059669;font-weight:600;padding-right:8px}.hb-item-amount{text-align:right;color:#3b82f6;font-weight:700;padding-right:8px}@media screen and (max-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 (max-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:1 1 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 (max-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{padding:8px 10px;min-height:55px}.hb-form-title{font-size:11px}.hb-input,.hb-select,.hb-input-disabled{font-size:10px;padding:5px 6px}.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 (max-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}}.supplier-transfer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.supplier-transfer-modal{background:#fff;padding:30px 25px;border-radius:10px;width:400px;max-width:90%;box-shadow:0 5px 15px #0000004d;position:relative;animation:slideDown .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@keyframes slideDown{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.close-button{position:absolute;top:10px;right:15px;background:transparent;border:none;font-size:20px;cursor:pointer;color:#555;transition:color .2s ease}.close-button:hover{color:#000}.supplier-transfer-modal h2{margin-bottom:20px;font-size:22px;color:#333;text-align:center;border-bottom:1px solid #eee;padding-bottom:10px}.supplier-transfer-modal p{margin:10px 0;font-size:15px;color:#444}.supplier-transfer-modal p strong{color:#000}.error{color:red;text-align:center;margin:20px 0}.confirm-button{display:block;width:100%;margin-top:25px;padding:12px 0;background-color:#28a745;color:#fff;font-size:16px;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.confirm-button:hover{background-color:#218838}.dropdown-suggestions{border:1px solid #ccc;max-height:150px;overflow-y:auto;background:#fff;position:absolute;width:calc(100% - 50px);z-index:10;margin-top:65px;border-radius:4px}.dropdown-item{padding:8px 10px;cursor:pointer}.dropdown-item:hover{background-color:#f0f0f0}.form-group{position:relative;margin:15px 0}.form-group input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.supplier-transfer-modal .loading{text-align:center;font-size:16px;color:#555}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group select{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.bank-transfer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:2000}.bank-transfer-modal{background:#fff;padding:25px;border-radius:8px;width:380px;max-width:90%;box-shadow:0 4px 12px #0000004d;position:relative}.bank-transfer-modal h2{text-align:center;margin-bottom:16px}.form-group{margin:15px 0}.form-group label{display:block;margin-bottom:6px;font-weight:700}.form-group select{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}.confirm-button{width:100%;padding:10px 0;background:#007bff;color:#fff;border:none;border-radius:5px;font-size:15px;cursor:pointer;margin-top:20px}.confirm-button:hover{background:#0069d9}.cheque-report-container{padding:12px 16px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:85vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.cheque-report-header{text-align:center;margin-bottom:16px;animation:fadeInDown .4s ease}.cheque-report-title{font-size:22px;font-weight:700;color:#610e95;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.cheque-report-subtitle{font-size:12px;color:#666;margin-top:4px}.cheque-report-filters{display:flex;gap:10px;align-items:flex-end;background:#fff;padding:12px 14px;border-radius:8px;box-shadow:0 2px 6px #00000014;margin-bottom:14px;flex-wrap:wrap;animation:fadeInUp .4s ease}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:10px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px}.filter-group select,.filter-group input[type=date]{padding:6px 10px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:12px;transition:all .2s ease;background:#fafafa;min-width:130px}.filter-group select:focus,.filter-group input[type=date]:focus{outline:none;border-color:#610e95;background:#fff;box-shadow:0 0 0 2px #610e951a}.btn-refresh,.btn-pdf{padding:7px 14px;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;font-size:12px}.btn-refresh{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-refresh:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.btn-pdf{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;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{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:16px;animation:fadeInUp .5s ease}.summary-card{background:#fff;border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 6px #00000014;transition:all .2s ease;position:relative;overflow:hidden}.summary-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,currentColor,transparent)}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.card-icon{font-size:32px;line-height:1}.card-content h3{font-size:10px;font-weight:600;color:#666;margin:0 0 4px;text-transform:uppercase;letter-spacing:.3px}.card-count{font-size:24px;font-weight:700;margin:0;color:#333;line-height:1}.card-amount{font-size:11px;color:#888;margin:3px 0 0}.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;box-shadow:0 2px 6px #00000014;overflow:hidden;animation:fadeInUp .6s ease}.cheque-report-table{width:100%;border-collapse:collapse}.cheque-report-table thead{background:linear-gradient(135deg,#610e95,#8e44ad);color:#fff}.cheque-report-table th{padding:10px 12px;text-align:left;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.cheque-report-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .15s ease}.cheque-report-table tbody tr:hover{background:#f8f9fa}.cheque-report-table td{padding:8px 12px;font-size:12px;color:#333}.amount-cell{font-weight:600;color:#610e95}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-bank-deposited{background:#d4edda;color:#155724}.status-supplier-transferred{background:#d1ecf1;color:#0c5460}.status-returned{background:#f8d7da;color:#721c24}.status-pending{background:#e2e3e5;color:#383d41}.no-data-cell{text-align:center;padding:40px 20px}.no-data-cell img{max-width:150px;opacity:.6;margin-bottom:12px}.no-data-cell span{display:block;color:#999;font-size:13px}.cheque-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-top:1.5px solid #f0f0f0;background:#fafafa}.page-btn{padding:6px 14px;border:1.5px solid #610e95;background:#fff;color:#610e95;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:12px}.page-btn:hover:not(:disabled){background:#610e95;color:#fff;transform:translateY(-1px)}.page-btn:disabled{opacity:.4;cursor:not-allowed}.page-info{display:flex;align-items:center;gap:14px;font-weight:600;color:#555;font-size:12px}.goto-page{display:flex;align-items:center;gap:6px}.goto-page label{font-size:11px}.goto-page input{width:50px;padding:4px 8px;border:1.5px solid #e0e0e0;border-radius:5px;text-align:center;font-size:12px}.goto-page input:focus{outline:none;border-color:#610e95}.cheque-report-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #610e95;border-radius:50%;animation:spin 1s linear infinite}.loading-cell{text-align:center;padding:30px;color:#999;font-size:12px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1366px){.cheque-summary-cards{grid-template-columns:repeat(3,1fr)}}@media (max-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 (min-width: 1920px){.cheque-report-container{max-width:1880px;margin:0 auto}.cheque-summary-cards{grid-template-columns:repeat(5,1fr)}}.stock-out-report{max-width:1500px;margin:0 auto;padding:20px;background-color:#c9ccf8;border-radius:8px;box-shadow:0 0 12px #0000001a}.stock-out-report h1{text-align:center;margin-bottom:20px;font-size:24px;color:#333}.apply-button{padding:6px 12px;font-size:14px;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer}.apply-button:hover{background-color:#357ae8}.stock-in-chart{max-width:1500px;margin:0 auto;padding:20px;background-color:#e8f5e9;border-radius:8px;box-shadow:0 0 12px #0000001a}.stock-in-chart h1{text-align:center;margin-bottom:20px;font-size:24px;color:#333}.date-range-container{display:flex;align-items:center;justify-content:center;margin-bottom:20px;gap:10px}.date-range-container label{display:flex;flex-direction:column;font-size:14px;color:#555}.date-input{padding:5px;font-size:14px;margin-top:5px;border:1px solid #ccc;border-radius:4px}.apply-button{padding:6px 12px;font-size:14px;background-color:#43a047;color:#fff;border:none;border-radius:4px;cursor:pointer}.apply-button:hover{background-color:#388e3c}.search-container{position:relative;margin-bottom:25px}.suggestions-list{position:absolute;top:38px;width:100%;background-color:#fff;border:1px solid #dddddd;border-top:none;max-height:250px;overflow-y:auto;z-index:1000;border-radius:0 0 4px 4px}.suggestion-item{padding:8px 12px;cursor:pointer;font-size:14px;color:#333}.suggestion-item:hover{background-color:#f0f0f0}.product-info{background-color:#fff;padding:12px 16px;border:1px solid #ddd;border-radius:4px;margin-bottom:25px;display:flex;align-items:center;gap:20px}.product-details{display:flex;flex-direction:column;gap:8px}.product-image{width:150px;height:150px;object-fit:cover;border-radius:8px;border:1px solid #ccc}.product-info h2{margin-top:0;font-size:18px;color:#444}.product-info p{margin:6px 0;font-size:14px;color:#555}.chart-container{background-color:#fff;padding:16px;max-width:1300px;border:1px solid #ddd;border-radius:4px}.chart-container h3{margin-top:0;text-align:center;font-size:16px;color:#333}.chart-container canvas{max-width:100%;height:500px!important}.error-message{color:red;font-size:14px;text-align:center;margin-bottom:15px}.loading-message{text-align:center;font-size:14px;color:#555}.sales-chart-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif;background-color:#f7f7f7;border-radius:10px;box-shadow:0 4px 10px #0000001a}.filters{display:flex;justify-content:space-between;margin-bottom:20px}.filters div{display:flex;flex-direction:column}.filters label{margin-bottom:5px;font-weight:700;color:#333}.filters input{padding:8px;border:1px solid #ddd;border-radius:4px}.chart-wrapper{margin-bottom:40px;padding:20px;background-color:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 5px #0000001a}.chart-wrapper h2{text-align:center;margin-bottom:10px;color:#333}canvas{max-width:100%;height:400px}.error{color:#d9534f;text-align:center;font-size:16px}@media (max-width: 768px){.filters{flex-direction:column;gap:10px}.chart-wrapper h2{font-size:18px}}#container-customer-report{padding:20px;background-color:#b8c2fd;min-height:900px;font-family:Arial,sans-serif}#title-customer-report,#title-loan-payment-report{text-align:center;font-size:24px;color:#333}#search-container-customer-report,#search-container-loan-report{display:flex;justify-content:center;align-items:center;gap:10px;margin-bottom:20px}#search-box-customer-report,#invoice-search,#start-date-customer-report,#end-date-customer-report,#payment-start-date-customer-report,#payment-end-date-customer-report{width:250px;padding:10px;font-size:14px;border:1px solid #ccc;border-radius:4px}#search-button-customer-report,#search-button-loan-report{padding:10px 15px;font-size:14px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}#search-button-customer-report:hover,#search-button-loan-report:hover{background-color:#218838}#chart-container-customer-report,#chart-container-loan-report{margin:20px auto;width:80%;cursor:pointer;background-color:#fff;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0003}.ds-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.ds-stat-card{background:#fff;border-radius:8px;padding:14px;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;gap:6px;position:relative;transition:all .3s ease;border-left:4px solid #667eea;overflow:hidden}.ds-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ds-stat-label{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:4px}.ds-stat-value{font-size:20px;font-weight:700;color:#1a202c;line-height:1}.ds-stat-subvalue{font-size:10px;color:#a0aec0;font-weight:500}.ds-stat-border{position:absolute;left:0;top:0;height:100%;width:4px;border-left:4px solid}@media (max-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 (max-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 (max-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}}.si-container{padding:16px;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);min-height:85vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.si-header{margin-bottom:20px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f}.si-title{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 4px;display:flex;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.si-subtitle{font-size:12px;color:#718096;margin:0}.si-search-section{display:grid;grid-template-columns:1fr 150px 110px;gap:12px;margin-bottom:16px;align-items:flex-start;background:#fff;padding:14px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.si-search-wrapper{position:relative;grid-column:1}.si-search-input-group{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .3s ease}.si-search-input-group:focus-within{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.si-search-icon{color:#a0aec0;margin-right:8px;flex-shrink:0}.si-search-input{flex:1;border:none;outline:none;padding:10px 0;font-size:13px;color:#2d3748;background:transparent;font-family:inherit}.si-search-input::placeholder{color:#cbd5e1}.si-clear-btn{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.si-clear-btn:hover{color:#667eea;transform:scale(1.1)}.si-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 10px 25px #0000001a}.si-dropdown-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.si-dropdown-item:last-child{border-bottom:none}.si-dropdown-item:hover{background:#f0fdf4;color:#059669}.si-dropdown-barcode{font-weight:700;font-size:12px;font-family:Courier New,monospace;color:#667eea}.si-dropdown-info{font-size:11px;color:#718096}.si-dropdown-empty,.si-dropdown-loading{padding:12px 14px;text-align:center;color:#a0aec0;font-size:12px}.si-quantity-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;grid-column:2}.si-quantity-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.si-update-btn{padding:10px 14px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #10b9814d;text-transform:uppercase;letter-spacing:.5px;grid-column:3;height:fit-content}.si-update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.si-update-btn:disabled{opacity:.6;cursor:not-allowed}.si-details-card{background:#fff;border-radius:10px;padding:14px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #667eea}.si-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.si-detail-item{display:flex;flex-direction:column;gap:4px}.si-detail-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.si-detail-value{font-size:13px;font-weight:600;color:#2d3748}.si-barcode{font-family:Courier New,monospace;font-size:12px;color:#667eea}.si-value-in{color:#10b981}.si-value-balance{color:#f59e0b}.si-filters{display:grid;grid-template-columns:1fr 150px 1fr;gap:12px;margin-bottom:16px;align-items:flex-end;background:#fff;padding:14px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.si-filter-input,.si-filter-select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease;font-family:inherit}.si-filter-input:focus,.si-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.si-date-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.si-date-input-group{display:flex;flex-direction:column;gap:4px}.si-date-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.si-date-input{padding:8px 10px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease}.si-date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.si-table-section{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.si-table-wrapper{overflow-x:auto;max-height:500px;position:relative}.si-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.si-table thead{background:linear-gradient(135deg,#667eea,#764ba2);position:sticky;top:0;z-index:10}.si-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff!important;background:transparent;border-bottom:2px solid rgba(255,255,255,.2)}.si-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.si-table tbody tr:hover{background:#f7fafc}.si-table tbody td{padding:12px 14px;color:#2d3748;font-size:12px;vertical-align:middle}.si-cell-info{font-weight:600;color:#2d3748}.si-cell-barcode{font-family:Courier New,monospace;font-size:11px;color:#667eea}.si-cell-qty{font-weight:700;color:#10b981}.si-cell-type{text-align:center}.si-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.si-type-stockin{background:#dbeafe;color:#1e40af}.si-type-returnitem{background:#fecaca;color:#991b1b}.si-cell-date{color:#718096;font-size:11px}.si-no-data-row td{padding:0!important}.si-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.si-no-data-img{width:120px;height:auto;opacity:.6}.si-no-data-text{font-size:13px;color:#718096}.si-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e2e8f0;background:#f7fafc;gap:8px;flex-wrap:wrap}.si-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#4a5568;font-weight:600;font-size:12px}.si-pagination-btn:hover:not(:disabled){background:#667eea;border-color:#667eea;color:#fff;transform:translateY(-2px)}.si-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.si-pagination-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a5568;font-weight:600}.si-pagination-input{width:50px;padding:6px;border:2px solid #e2e8f0;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#2d3748}.si-pagination-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.si-loading,.si-no-access{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}.si-loading p{font-size:14px;color:#64748b}.si-no-access{flex-direction:column;gap:16px}.si-no-access-img{width:140px;height:auto;opacity:.7}.si-no-access p{font-size:14px;color:#718096;max-width:400px}@media (max-width: 1024px){.si-search-section{grid-template-columns:1fr}.si-quantity-input,.si-update-btn{grid-column:1}.si-filters{grid-template-columns:1fr}.si-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.si-container{padding:12px}.si-title{font-size:18px}.si-search-section{grid-template-columns:1fr;padding:12px}.si-quantity-input,.si-update-btn{grid-column:1}.si-filters{grid-template-columns:1fr;padding:12px}.si-date-filters{grid-template-columns:1fr}.si-table{font-size:11px}.si-table thead th,.si-table tbody td{padding:8px 6px}.si-details-grid{grid-template-columns:1fr}.si-pagination{flex-direction:column}}@media (max-width: 480px){.si-container{padding:8px}.si-title{font-size:16px}.si-search-section,.si-filters{grid-template-columns:1fr;padding:10px}.si-table{font-size:10px}.si-table thead th,.si-table tbody td{padding:6px 4px}.si-pagination-btn{font-size:10px;padding:6px 10px}}.si-table-wrapper::-webkit-scrollbar,.si-dropdown::-webkit-scrollbar{height:6px;width:6px}.si-table-wrapper::-webkit-scrollbar-track,.si-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.si-table-wrapper::-webkit-scrollbar-thumb,.si-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.si-table-wrapper::-webkit-scrollbar-thumb:hover,.si-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.so-container{padding:16px;background:linear-gradient(135deg,#fef2f2,#fee2e2);min-height:85vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.so-header{margin-bottom:20px;padding:14px 16px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f}.so-title{font-size:22px;font-weight:700;color:#1a202c;margin:0 0 4px;display:flex;align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.so-subtitle{font-size:12px;color:#718096;margin:0}.so-search-section{display:grid;grid-template-columns:1fr 150px 120px;gap:12px;margin-bottom:16px;align-items:flex-start;background:#fff;padding:14px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.so-search-wrapper{position:relative;grid-column:1}.so-search-input-group{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .3s ease}.so-search-input-group:focus-within{border-color:#ef4444;box-shadow:0 4px 12px #ef444426}.so-search-icon{color:#a0aec0;margin-right:8px;flex-shrink:0}.so-search-input{flex:1;border:none;outline:none;padding:10px 0;font-size:13px;color:#2d3748;background:transparent;font-family:inherit}.so-search-input::placeholder{color:#cbd5e1}.so-clear-btn{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.so-clear-btn:hover{color:#ef4444;transform:scale(1.1)}.so-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 10px 25px #0000001a}.so-dropdown-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.so-dropdown-item:last-child{border-bottom:none}.so-dropdown-item:hover{background:#fef2f2;color:#dc2626}.so-dropdown-barcode{font-weight:700;font-size:12px;font-family:Courier New,monospace;color:#ef4444}.so-dropdown-info{font-size:11px;color:#718096}.so-dropdown-empty,.so-dropdown-loading{padding:12px 14px;text-align:center;color:#a0aec0;font-size:12px}.so-quantity-input{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;grid-column:2}.so-quantity-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.so-update-btn{padding:10px 12px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #ef44444d;text-transform:uppercase;letter-spacing:.5px;grid-column:3;height:fit-content}.so-update-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.so-update-btn:disabled{opacity:.6;cursor:not-allowed}.so-details-card{background:#fff;border-radius:10px;padding:14px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #ef4444}.so-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.so-detail-item{display:flex;flex-direction:column;gap:4px}.so-detail-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.so-detail-value{font-size:13px;font-weight:600;color:#2d3748}.so-barcode{font-family:Courier New,monospace;font-size:12px;color:#ef4444}.so-value-out{color:#ef4444}.so-value-balance{color:#f59e0b}.so-filters{display:grid;grid-template-columns:1fr 150px 1fr;gap:12px;margin-bottom:16px;align-items:flex-end;background:#fff;padding:14px;border-radius:10px;box-shadow:0 2px 6px #0000000f}.so-filter-input,.so-filter-select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease;font-family:inherit}.so-filter-input:focus,.so-filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.so-date-filters{display:grid;grid-template-columns:1fr 1fr;gap:8px}.so-date-input-group{display:flex;flex-direction:column;gap:4px}.so-date-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.so-date-input{padding:8px 10px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease}.so-date-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.so-table-section{background:#fff;border-radius:10px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.so-table-wrapper{overflow-x:auto;max-height:500px;position:relative}.so-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.so-table thead{background:linear-gradient(135deg,#ef4444,#dc2626);position:sticky;top:0;z-index:10}.so-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff!important;background:transparent;border-bottom:2px solid rgba(255,255,255,.2)}.so-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.so-table tbody tr:hover{background:#fef2f2}.so-table tbody td{padding:12px 14px;color:#2d3748;font-size:12px;vertical-align:middle}.so-cell-info{font-weight:600;color:#2d3748}.so-cell-barcode{font-family:Courier New,monospace;font-size:11px;color:#ef4444}.so-cell-qty{font-weight:700;color:#ef4444}.so-cell-type{text-align:center}.so-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.so-type-stockout{background:#fee2e2;color:#991b1b}.so-type-selled-item{background:#fca5a5;color:#7f1d1d}.so-cell-date{color:#718096;font-size:11px}.so-no-data-row td{padding:0!important}.so-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.so-no-data-img{width:120px;height:auto;opacity:.6}.so-no-data-text{font-size:13px;color:#718096}.so-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-top:1px solid #e2e8f0;background:#fef2f2;gap:8px;flex-wrap:wrap}.so-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#4a5568;font-weight:600;font-size:12px}.so-pagination-btn:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-2px)}.so-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.so-pagination-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#4a5568;font-weight:600}.so-pagination-input{width:50px;padding:6px;border:2px solid #e2e8f0;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#2d3748}.so-pagination-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.so-loading,.so-no-access{display:flex;align-items:center;justify-content:center;min-height:100vh;text-align:center}.so-loading p{font-size:14px;color:#64748b}.so-no-access{flex-direction:column;gap:16px}.so-no-access-img{width:140px;height:auto;opacity:.7}.so-no-access p{font-size:14px;color:#718096;max-width:400px}@media (max-width: 1024px){.so-search-section{grid-template-columns:1fr}.so-quantity-input,.so-update-btn{grid-column:1}.so-filters{grid-template-columns:1fr}.so-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.so-container{padding:12px}.so-title{font-size:18px}.so-search-section{grid-template-columns:1fr;padding:12px}.so-quantity-input,.so-update-btn{grid-column:1}.so-filters{grid-template-columns:1fr;padding:12px}.so-date-filters{grid-template-columns:1fr}.so-table{font-size:11px}.so-table thead th,.so-table tbody td{padding:8px 6px}.so-details-grid{grid-template-columns:1fr}.so-pagination{flex-direction:column}}@media (max-width: 480px){.so-container{padding:8px}.so-title{font-size:16px}.so-search-section,.so-filters{grid-template-columns:1fr;padding:10px}.so-table{font-size:10px}.so-table thead th,.so-table tbody td{padding:6px 4px}.so-pagination-btn{font-size:10px;padding:6px 10px}}.so-table-wrapper::-webkit-scrollbar,.so-dropdown::-webkit-scrollbar{height:6px;width:6px}.so-table-wrapper::-webkit-scrollbar-track,.so-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.so-table-wrapper::-webkit-scrollbar-thumb,.so-dropdown::-webkit-scrollbar-thumb{background:#fca5a5;border-radius:3px}.so-table-wrapper::-webkit-scrollbar-thumb:hover,.so-dropdown::-webkit-scrollbar-thumb:hover{background:#ef4444}.ss-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:20px}.ss-dashboard-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:all .3s ease;border-left:4px solid;color:#fff}.ss-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.ss-dashboard-icon{font-size:28px;opacity:.9}.ss-dashboard-content{display:flex;flex-direction:column;gap:4px}.ss-dashboard-title{font-size:11px;font-weight:700;margin:0;opacity:.9;text-transform:uppercase;letter-spacing:.5px}.ss-dashboard-value{font-size:20px;font-weight:700;margin:0;line-height:1}.ss-dashboard-subvalue{font-size:10px;opacity:.8;font-weight:500;margin:0}.ss-controls-section{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:12px;margin-bottom:16px;background:#fff;padding:14px;border-radius:8px;box-shadow:0 2px 6px #0000000f;align-items:flex-end;flex-wrap:wrap}.ss-search-wrapper{position:relative}.ss-search-input{width:100%;padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-family:inherit}.ss-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ss-search-input::placeholder{color:#a0aec0}.ss-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 10px 25px #0000001a}.ss-dropdown-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease;color:#2d3748;font-size:13px}.ss-dropdown-item:last-child{border-bottom:none}.ss-dropdown-item:hover{background:#f0fdf4;color:#059669;font-weight:600}.ss-store-select{padding:10px 12px;border:2px solid #e2e8f0;border-radius:8px;font-size:13px;color:#2d3748;background:#fff;cursor:pointer;transition:all .3s ease;font-family:inherit;font-weight:600}.ss-store-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ss-quantity-section{display:flex;flex-direction:column;gap:4px}.ss-quantity-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.ss-quantity-input{padding:8px 10px;border:2px solid #e2e8f0;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease}.ss-quantity-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.ss-quantity-slider{width:100%;height:6px;border-radius:3px;background:#e2e8f0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ss-quantity-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;box-shadow:0 2px 6px #667eea4d}.ss-quantity-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;border:none;box-shadow:0 2px 6px #667eea4d}.ss-clear-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.ss-clear-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.ss-cell-id{font-family:Courier New,monospace;font-weight:600;color:#667eea;font-size:12px}.ss-cell-name{font-weight:600;color:#2d3748}.ss-cell-unit{color:#718096;font-size:12px}.ss-cell-cost{color:#8b5cf6;font-weight:600}.ss-cell-price{color:#10b981;font-weight:600}.ss-cell-supplier{color:#2d3748;font-weight:600}.ss-cell-store{display:inline-flex;align-items:center;gap:4px;color:#667eea;font-weight:600}.ss-cell-stock{color:#ef4444;font-weight:700}.ss-no-data-row td{padding:0!important}.ss-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;text-align:center}.ss-no-data-img{width:120px;height:auto;opacity:.6}.ss-no-data-text{font-size:13px;color:#718096}.ss-export-section{display:flex;justify-content:center;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0;background:#f7fafc;flex-wrap:wrap}.ss-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ss-export-excel{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b9814d}.ss-export-excel:hover{transform:translateY(-2px);box-shadow:0 4px 10px #10b98166}.ss-export-csv{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 2px 6px #3b82f64d}.ss-export-csv:hover{transform:translateY(-2px);box-shadow:0 4px 10px #3b82f666}.ss-export-pdf{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 6px #ef44444d}.ss-export-pdf:hover{transform:translateY(-2px);box-shadow:0 4px 10px #ef444466}@media (max-width: 1024px){.ss-controls-section{grid-template-columns:1fr 1fr}.ss-dashboard-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (max-width: 768px){.ss-controls-section{grid-template-columns:1fr;gap:10px}.ss-dashboard-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ss-dashboard-card{padding:12px}.ss-dashboard-value{font-size:18px}.ss-export-section{flex-direction:column}.ss-export-btn{width:100%}}@media (max-width: 480px){.ss-dashboard-grid{grid-template-columns:1fr}.ss-dashboard-card{padding:10px}.ss-dashboard-value{font-size:16px}.ss-dashboard-title{font-size:10px}.ss-export-btn{font-size:11px;padding:8px 10px}.ss-export-btn span{display:none}}.ss-dropdown::-webkit-scrollbar{width:6px}.ss-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.ss-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.ss-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.psr-search-section{background:#fff;padding:14px;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.psr-search-wrapper{position:relative}.psr-search-input-group{display:flex;align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:0 12px;transition:all .3s ease}.psr-search-input-group:focus-within{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.psr-search-icon{color:#a0aec0;margin-right:8px;flex-shrink:0}.psr-search-input{flex:1;border:none;outline:none;padding:10px 0;font-size:13px;color:#2d3748;background:transparent;font-family:inherit}.psr-search-input::placeholder{color:#cbd5e1}.psr-clear-btn{background:none;border:none;cursor:pointer;color:#cbd5e1;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:8px}.psr-clear-btn:hover{color:#667eea;transform:scale(1.1)}.psr-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 10px 25px #0000001a}.psr-dropdown-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease;display:flex;flex-direction:column;gap:4px}.psr-dropdown-item:last-child{border-bottom:none}.psr-dropdown-item:hover{background:#f0fdf4;color:#059669}.psr-dropdown-barcode{font-weight:700;font-size:12px;font-family:Courier New,monospace;color:#667eea}.psr-dropdown-info{font-size:11px;color:#718096}.psr-dropdown-empty,.psr-dropdown-loading{padding:12px 14px;text-align:center;color:#a0aec0;font-size:12px}.psr-details-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #667eea}.psr-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.psr-detail-item{display:flex;flex-direction:column;gap:4px}.psr-detail-label{font-size:10px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.psr-detail-value{font-size:13px;font-weight:600;color:#2d3748}.psr-barcode{font-family:Courier New,monospace;font-size:12px;color:#667eea}.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{display:flex;justify-content:center;gap:12px}.psr-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;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{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:16px;margin-bottom:16px}.psr-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.psr-table-header{padding:14px 16px;border-bottom:2px solid #e2e8f0}.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{margin:0;font-size:13px;font-weight:700;color:#2d3748}.psr-table-in .psr-table-title{color:#059669}.psr-table-out .psr-table-title{color:#dc2626}.psr-table-wrapper{overflow-x:auto;max-height:400px;position:relative}.psr-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.psr-table thead{background:#fff;position:sticky;top:0;z-index:10}.psr-table-in thead{background:#f0fdf4}.psr-table-out thead{background:#fef2f2}.psr-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;border-bottom:2px solid #e2e8f0}.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 ease}.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{padding:12px 14px;color:#2d3748;font-size:12px;vertical-align:middle}.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{font-family:Courier New,monospace;font-size:11px;color:#667eea}.psr-cell-date{color:#718096;font-size:11px}.psr-no-data-row td{padding:0!important}.psr-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px;text-align:center}.psr-no-data-img{width:80px;height:auto;opacity:.6}.psr-no-data-text{font-size:12px;color:#718096}.psr-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid #e2e8f0}.psr-pagination-in{background:#f0fdf4}.psr-pagination-out{background:#fef2f2}.psr-pagination-btn{padding:6px 12px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#4a5568;font-weight:600;font-size:12px}.psr-pagination-in .psr-pagination-btn:hover:not(:disabled){background:#10b981;border-color:#10b981;color:#fff}.psr-pagination-out .psr-pagination-btn:hover:not(:disabled){background:#ef4444;border-color:#ef4444;color:#fff}.psr-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.psr-pagination-info{font-size:12px;color:#4a5568;font-weight:600;min-width:50px;text-align:center}@media (max-width: 1024px){.psr-tables-grid{grid-template-columns:1fr}.psr-details-grid{grid-template-columns:repeat(2,1fr)}}@media (max-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 (max-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,.psr-dropdown::-webkit-scrollbar{height:6px;width:6px}.psr-table-wrapper::-webkit-scrollbar-track,.psr-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.psr-table-wrapper::-webkit-scrollbar-thumb,.psr-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.psr-table-wrapper::-webkit-scrollbar-thumb:hover,.psr-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bas-container{max-width:1600px;margin:0 auto;padding:.6rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bas-header{background:#fff;padding:.8rem;border-radius:10px;box-shadow:0 2px 8px #0000000f;margin-bottom:.8rem;text-align:center}.bas-title{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1.35rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bas-subtitle{color:#718096;font-size:.8rem;margin:0;font-weight:400}.bas-tabs{display:flex;gap:0;background:#fff;border-radius:10px 10px 0 0;box-shadow:0 1px 4px #0000000a;margin-bottom:0;overflow:hidden}.bas-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;background:#f8fafc;border:none;cursor:pointer;font-size:.8rem;font-weight:600;color:#718096;transition:all .3s ease;border-bottom:3px solid transparent}.bas-tab:hover{background:#f1f5f9;color:#667eea}.bas-tab.active{background:#fff;color:#667eea;border-bottom-color:#667eea}.bas-content{background:#fff;border-radius:0 0 10px 10px;padding:.8rem;box-shadow:0 1px 4px #0000000a;margin-bottom:.8rem}.bas-sizes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.8rem}.bas-size-card{background:#fff;border:2px solid #e2e8f0;border-top:3px solid #667eea;border-radius:8px;overflow:hidden;transition:all .3s ease}.bas-size-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-1px)}.bas-size-header{display:flex;align-items:center;gap:.5rem;padding:.7rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.bas-size-icon{width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.bas-size-info{flex:1}.bas-size-info h4{margin:0 0 .15rem;font-size:.8rem;font-weight:700;color:#1f2937}.bas-size-info p{margin:0;font-size:.7rem;color:#718096}.bas-size-badge{padding:.25rem .6rem;border-radius:20px;color:#fff;font-size:.65rem;font-weight:700;flex-shrink:0}.bas-size-options{padding:.7rem;display:flex;flex-direction:column;gap:.5rem}.bas-size-option{display:flex;align-items:center;padding:.55rem .75rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .2s ease;gap:.5rem}.bas-size-option:hover{background:#f3f4f6;border-color:#d1d5db}.bas-size-option.active{background:linear-gradient(135deg,#667eea08,#764ba208);border-color:#667eea}.bas-size-option input[type=radio]{width:16px;height:16px;cursor:pointer;flex-shrink:0}.bas-size-option span:first-of-type{font-size:.8rem;font-weight:500;color:#2d3748;flex:1}.bas-active-badge{margin-left:auto;padding:.25rem .5rem;border-radius:4px;color:#fff;font-size:.65rem;font-weight:700;flex-shrink:0}.bas-config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.8rem}.bas-config-card{background:#fff;border:2px solid #e2e8f0;border-left:3px solid #667eea;border-radius:8px;overflow:hidden;transition:all .3s ease}.bas-config-card:hover{box-shadow:0 4px 12px #00000014}.bas-config-card.expanded{box-shadow:0 8px 16px #667eea1f}.bas-config-header{display:flex;align-items:center;justify-content:space-between;padding:.7rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);cursor:pointer;transition:all .3s ease;border-bottom:2px solid #e2e8f0}.bas-config-header:hover{background:linear-gradient(135deg,#f1f5f9,#e8ecf1)}.bas-config-title-section{display:flex;align-items:center;gap:.5rem;flex:1}.bas-config-icon{width:32px;height:32px;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bas-config-header h4{margin:0 0 .15rem;font-size:.8rem;font-weight:700;color:#1f2937}.bas-config-header p{margin:0;font-size:.7rem;color:#718096}.bas-chevron{transition:transform .3s ease;color:#667eea;flex-shrink:0}.bas-chevron.rotated{transform:rotate(180deg)}.bas-config-content{padding:.8rem;display:flex;flex-direction:column;gap:.8rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.bas-config-section{display:flex;flex-direction:column;gap:.5rem}.bas-config-label{display:flex;align-items:center;gap:.4rem;font-size:.75rem;font-weight:600;color:#1f2937}.bas-config-label svg{color:#667eea}.bas-size-display{font-size:1rem;font-weight:700;color:#667eea;text-align:center;padding:.4rem;background:#f8fafc;border-radius:4px}.bas-slider{width:100%;height:5px;border-radius:3px;background:linear-gradient(90deg,#667eea,#764ba2);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.bas-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #667eea;cursor:pointer;box-shadow:0 2px 6px #667eea40;transition:all .2s ease}.bas-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 3px 10px #667eea59}.bas-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid #667eea;cursor:pointer;box-shadow:0 2px 6px #667eea40;transition:all .2s ease}.bas-size-marks{display:flex;justify-content:space-between;font-size:.65rem;color:#a0aec0;margin-top:.15rem}.bas-color-picker-wrapper{display:flex;gap:.5rem;align-items:center}.bas-color-input{width:50px;height:36px;border-radius:6px;border:2px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.bas-color-input:hover{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.bas-color-value{font-size:.75rem;font-weight:600;color:#2d3748;font-family:Courier New,monospace;padding:.35rem .6rem;background:#f8fafc;border-radius:4px;flex:1}.bas-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer}.bas-toggle input{display:none}.bas-toggle-slider{width:42px;height:22px;background:#cbd5e1;border-radius:11px;position:relative;transition:all .3s ease}.bas-toggle-slider:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .3s ease;box-shadow:0 1px 3px #00000014}.bas-toggle input:checked~.bas-toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.bas-toggle input:checked~.bas-toggle-slider:after{left:22px}.bas-toggle-label{font-size:.8rem;font-weight:500;color:#2d3748;min-width:55px}.bas-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.7rem;border-radius:6px;border:2px dashed #e2e8f0}.bas-preview-label{margin:0 0 .35rem;font-size:.7rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.03em}.bas-preview-box{padding:.6rem .8rem;background:#fff;border-radius:4px;text-align:center;font-weight:500;transition:all .2s ease;min-height:32px;display:flex;align-items:center;justify-content:center}.bas-preview-box.hidden{opacity:.35;text-decoration:line-through}.bas-info-alert{display:flex;gap:.7rem;align-items:flex-start;padding:.8rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:2px solid #93c5fd;border-radius:8px;color:#1e40af}.bas-info-alert svg{flex-shrink:0;margin-top:.1rem}.bas-info-alert h4{margin:0 0 .2rem;font-size:.8rem;font-weight:700;color:#1e40af}.bas-info-alert p{margin:0;font-size:.75rem;line-height:1.4;color:#1e40af}.bas-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000f;text-align:center}.bas-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.8rem}.bas-loading p{color:#718096;font-size:.85rem;margin:0}.bas-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:10px;text-align:center}.bas-no-access-image{width:80px;height:80px;margin-bottom:.8rem;opacity:.8}.bas-no-access h2{margin:0 0 .35rem;font-size:1.1rem;font-weight:700;color:#dc2626}.bas-no-access p{margin:0;color:#991b1b;font-size:.8rem;line-height:1.4}@media (max-width: 1200px){.bas-sizes-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.bas-config-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.bas-container{padding:.5rem}.bas-header{padding:.6rem}.bas-title{font-size:1.2rem;gap:.4rem}.bas-subtitle{font-size:.75rem}.bas-tabs{border-radius:8px 8px 0 0}.bas-tab{padding:.6rem .8rem;font-size:.75rem;gap:.3rem}.bas-content{padding:.6rem;border-radius:0 0 8px 8px}.bas-sizes-grid,.bas-config-grid{grid-template-columns:1fr;gap:.6rem}.bas-config-content{padding:.6rem;gap:.6rem}.bas-info-alert{padding:.6rem;gap:.5rem}.bas-info-alert h4{font-size:.75rem}.bas-info-alert p{font-size:.7rem}}@media (max-width: 480px){.bas-container{padding:.4rem}.bas-header{padding:.5rem}.bas-title{font-size:1.1rem}.bas-title svg{width:18px;height:18px}.bas-subtitle{font-size:.7rem}.bas-tab{padding:.5rem .6rem;font-size:.7rem}.bas-tab svg{width:12px;height:12px}.bas-content{padding:.5rem}.bas-size-header,.bas-config-header{padding:.6rem}.bas-size-icon,.bas-config-icon{width:28px;height:28px;font-size:.9rem}.bas-size-info h4,.bas-config-header h4{font-size:.75rem}.bas-size-info p,.bas-config-header p{font-size:.65rem}.bas-size-options{padding:.5rem;gap:.4rem}.bas-size-option{padding:.5rem .6rem;font-size:.75rem}.bas-config-content{padding:.5rem}.bas-preview-box{min-height:28px;padding:.5rem}}.duplicate-container{padding:20px;max-width:800px;margin:0 auto;font-family:Arial,sans-serif}.filter-section{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.filter-field{display:flex;flex-direction:column}.filter-field label{font-weight:700;margin-bottom:5px}.filter-field input{padding:5px;font-size:14px;border:1px solid #ccc;border-radius:3px}button{padding:8px 12px;font-size:14px;background-color:#06c;color:#fff;border:none;border-radius:3px;cursor:pointer}button:disabled{background-color:#ccc;cursor:not-allowed}.duplicate-table{width:100%;border-collapse:collapse;margin-top:20px}.duplicate-table th,.duplicate-table td{border:1px solid #ddd;padding:8px;text-align:center}.duplicate-table th{background-color:#06c;color:#fff}.notification-setting-configuration{max-width:1800px;margin:0 auto;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.notification-setting-configuration-header{text-align:center;margin-bottom:1rem;background:#fff;padding:1rem;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a}.notification-setting-configuration-main-title{font-size:1.75rem;font-weight:700;color:#1e293b;margin:0 0 .2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.notification-setting-configuration-subtitle{color:#64748b;font-size:.9rem;margin:0;font-weight:400}.notification-setting-configuration-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notification-setting-configuration-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:.75rem}.notification-setting-configuration-panel{background:#fff;border-radius:10px;box-shadow:0 10px 15px -3px #0000001a;border:1px solid #e2e8f0;transition:all .3s ease;overflow:hidden}.notification-setting-configuration-panel:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a}.notification-setting-configuration-panel-header{display:flex;align-items:center;gap:.6rem;padding:.75rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0}.notification-setting-configuration-panel-icon{font-size:1.1rem;padding:.5rem;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:8px;display:flex;align-items:center;justify-content:center;min-width:36px;height:36px}.notification-setting-configuration-panel-title{font-size:1rem;font-weight:600;color:#1e293b;margin:0;flex:1}.notification-setting-configuration-status{padding:.25rem .6rem;border-radius:20px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.notification-setting-configuration-status.active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.notification-setting-configuration-status.inactive{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.notification-setting-configuration-panel-content{padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.notification-setting-configuration-setting-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#f8fafc;border-radius:8px;border:2px solid transparent;transition:all .2s ease}.notification-setting-configuration-setting-item:hover{background:#f1f5f9;border-color:#e2e8f0}.notification-setting-configuration-setting-info{display:flex;flex-direction:column;gap:.2rem;flex:1}.notification-setting-configuration-setting-label{font-weight:600;color:#374151;font-size:.9rem}.notification-setting-configuration-setting-description{font-size:.75rem;color:#6b7280;line-height:1.3}.notification-setting-configuration-range-button{display:flex;align-items:center;gap:.4rem;padding:.6rem .85rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;box-shadow:0 2px 4px #3b82f633;min-width:70px;justify-content:center}.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{font-size:.75rem;opacity:.9}.notification-setting-configuration-toggle-label{position:relative;display:inline-block;width:52px;height:28px;cursor:pointer}.notification-setting-configuration-toggle-input{opacity:0;width:0;height:0}.notification-setting-configuration-toggle-switch{position:absolute;top:0;left:0;right:0;bottom:0;background:#cbd5e1;border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid #e2e8f0}.notification-setting-configuration-toggle-switch:before{position:absolute;content:"";height:20px;width:20px;left:2px;bottom:2px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.notification-setting-configuration-toggle-input:checked+.notification-setting-configuration-toggle-switch{background:linear-gradient(135deg,#10b981,#059669);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,#1d4ed8)!important;border:none!important;border-radius:8px!important;padding:.6rem 1.25rem!important;font-weight:600!important;font-size:.9rem!important}.notification-setting-configuration-cancel-btn{background:#6b7280!important;border:none!important;border-radius:8px!important;padding:.6rem 1.25rem!important;font-weight:600!important;font-size:.9rem!important}.notification-setting-configuration-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a;margin:2rem auto;max-width:400px}.notification-setting-configuration-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.notification-setting-configuration-loading p{color:#64748b;font-size:.95rem;margin:0}.notification-setting-configuration-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 4px 6px -1px #0000001a;text-align:center;border:2px solid #fecaca;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.notification-setting-configuration-no-access-image{width:90px;height:90px;margin-bottom:1rem;opacity:.8}.notification-setting-configuration-no-access-text{color:#dc2626;font-size:.95rem;font-weight:500;margin:0;line-height:1.6}@media (max-width: 1600px){.notification-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width: 1200px){.notification-setting-configuration-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.6rem}}@media (max-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{padding:.75rem;flex-wrap:wrap;gap:.5rem}.notification-setting-configuration-setting-item{flex-direction:column;align-items:flex-start;gap:.75rem}.notification-setting-configuration-range-button{align-self:stretch;justify-content:center}.notification-setting-configuration-toggle-label{align-self:flex-end}}@media (max-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}}.reports-panel{padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a}.report-content{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.ir-container{min-height:100vh;background:#f5f7fa;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.ir-header{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;display:flex;align-items:center;gap:.75rem}.ir-header-icon{width:2rem;height:2rem;color:#64748b;flex-shrink:0}.ir-header h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.ir-subtitle{font-size:.75rem;color:#64748b;margin:0}.ir-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;padding:.75rem;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.ir-toggle-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#64748b;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.ir-toggle-btn:hover{background:#475569;transform:translateY(-1px)}.ir-toggle-btn svg{width:14px;height:14px}.ir-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;margin-bottom:1rem;overflow:hidden}.ir-section-header{padding:.75rem 1rem;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:.5rem}.ir-section-header svg{width:18px;height:18px;color:#64748b}.ir-section-title{font-size:.95rem;font-weight:600;color:#1f2937;margin:0}.ir-section-content{padding:1rem}.ir-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}.ir-metric-card{background:#fff;border-radius:6px;padding:.75rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .2s ease;display:flex;align-items:center;gap:.75rem}.ir-metric-card:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.ir-metric-icon{width:40px;height:40px;border-radius:6px;background:#f9fafb;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#64748b}.ir-metric-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.ir-metric-label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.ir-metric-value{font-size:1rem;font-weight:700;color:#1f2937}.ir-date-filters{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.ir-date-group{display:flex;flex-direction:column;gap:.35rem}.ir-date-group label{font-size:.7rem;font-weight:600;color:#374151;text-transform:uppercase;display:flex;align-items:center;gap:.35rem}.ir-date-group input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;background:#fff;transition:all .2s ease}.ir-date-group input:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.ir-sub-controls{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0;padding:.75rem;background:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.ir-sub-controls .ir-toggle-btn{background:#3b82f6;font-size:.7rem;padding:.5rem .875rem}.ir-sub-controls .ir-toggle-btn:hover{background:#2563eb}.ir-tables-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:.75rem;margin-bottom:1rem}.ir-table-panel{background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow:hidden}.ir-table-panel.ir-full-width{grid-column:1 / -1}.ir-table-panel h4{background:#f9fafb;color:#1f2937;font-size:.85rem;font-weight:600;padding:.75rem 1rem;margin:0;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e5e7eb}.ir-table-container{max-height:350px;overflow-y:auto}.ir-table{width:100%;border-collapse:collapse;font-size:.75rem}.ir-table th{background:#f9fafb;color:#374151;font-weight:600;font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;padding:.625rem .5rem;text-align:left;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}.ir-table td{padding:.625rem .5rem;color:#1f2937;border-bottom:1px solid #f3f4f6}.ir-table tbody tr:hover{background:#f9fafb}.ir-table tbody tr:last-child td{border-bottom:none}.ir-table-container::-webkit-scrollbar{width:6px}.ir-table-container::-webkit-scrollbar-track{background:#f1f1f1}.ir-table-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ir-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.ir-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa}.ir-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(148,163,184,.3);border-top:3px solid #64748b;border-radius:50%;animation:ir-spin 1s linear infinite;margin-bottom:.75rem}.ir-loading-text{color:#64748b;font-size:.875rem;font-weight:500}.ir-loading-inline{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.5rem;background:#f9fafb;border-radius:6px;margin-bottom:1rem}.ir-loading-spinner-small{width:1.5rem;height:1.5rem;border:2px solid rgba(148,163,184,.3);border-top:2px solid #64748b;border-radius:50%;animation:ir-spin 1s linear infinite}@keyframes ir-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ir-access-denied-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa;padding:1rem}.ir-access-denied-card{background:#fff;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;max-width:450px}.ir-access-denied-img{width:120px;height:120px;margin-bottom:1rem;opacity:.7}.ir-access-denied-card h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.ir-access-denied-card p{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.ir-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa;text-align:center}.ir-error-container svg{color:#ef4444;margin-bottom:1rem}.ir-error-container h3{color:#ef4444;font-size:1.5rem;margin:1rem 0}.ir-error-container p{color:#64748b;font-size:1rem}@media (max-width: 768px){.ir-container{padding:.75rem}.ir-header{flex-direction:column;text-align:center}.ir-header h1{font-size:1.25rem}.ir-metrics-grid,.ir-date-filters,.ir-tables-row{grid-template-columns:1fr}.ir-controls,.ir-sub-controls{flex-direction:column}}@media (max-width: 480px){.ir-header h1{font-size:1.125rem}.ir-metric-card{flex-direction:column;text-align:center}.ir-metric-icon{width:35px;height:35px}.ir-metric-value{font-size:.95rem}}.income-statement-container{min-height:100vh;background:#f5f7fa;padding:1rem;font-family:Inter,system-ui,-apple-system,sans-serif}.header-section{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1400px;margin:0 auto}.header-title{display:flex;align-items:center;gap:.75rem}.header-icon{width:1.75rem;height:1.75rem;color:#64748b}.header-title h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}.period-subtitle{font-size:.75rem;color:#64748b;margin:0}.date-range{font-weight:600;color:#475569}.date-controls{display:flex;gap:.5rem;align-items:flex-end}.date-input-group{display:flex;flex-direction:column;gap:.25rem}.date-input-group label{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:600;color:#374151}.input-icon{width:.75rem;height:.75rem;color:#6b7280}.date-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;background:#fff;transition:all .2s ease;min-width:130px}.date-input:focus{outline:none;border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.refresh-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#64748b;color:#fff;border:none;border-radius:6px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.refresh-btn:hover{background:#475569}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.btn-icon{width:.875rem;height:.875rem}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.view-mode-toggle{display:flex;justify-content:center;margin:.75rem 0;padding:0 1rem}.toggle-group{display:flex;background:#fff;border-radius:6px;padding:3px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.mode-btn{display:flex;align-items:center;gap:.35rem;padding:.5rem 1rem;border:none;background:transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;font-weight:500;font-size:.75rem;color:#6b7280}.mode-btn:hover{background:#f3f4f6;color:#374151}.mode-btn.active{background:#3b82f6;color:#fff;box-shadow:0 1px 2px #3b82f64d}.metrics-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin-bottom:1rem;max-width:1400px;margin-left:auto;margin-right:auto}.metric-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;transition:all .2s ease;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px}.metric-card.revenue:before{background:#10b981}.metric-card.profit:before{background:#3b82f6}.metric-card.expenses:before{background:#f59e0b}.metric-card.net-income:before{background:#8b5cf6}.metric-card:hover{box-shadow:0 2px 6px #0000001a}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.metric-info{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.7rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.metric-value{font-size:1.25rem;font-weight:700;color:#1f2937}.metric-icon{padding:.5rem;border-radius:6px;background:#f9fafb}.metric-icon svg{width:1.125rem;height:1.125rem;color:#64748b}.metric-change{display:flex;align-items:center;gap:.25rem;font-size:.7rem;font-weight:500}.metric-change.positive{color:#059669}.metric-change.negative{color:#dc2626}.change-icon{width:.75rem;height:.75rem}.content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:.75rem;max-width:1400px;margin:0 auto}.statement-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;overflow:hidden;transition:all .2s ease}.statement-card:hover{box-shadow:0 2px 6px #0000001a}.card-header{padding:1rem 1rem 0}.card-title{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.card-icon{width:1rem;height:1rem;color:#64748b}.card-title h3{font-size:.95rem;font-weight:600;color:#1f2937;margin:0}.card-content{padding:0 1rem 1rem}.statement-table{display:flex;flex-direction:column;gap:.5rem}.table-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.table-row.indent .row-label{padding-left:1.5rem;font-style:italic}.table-row.total{font-weight:700;border-top:1px solid #e5e7eb;padding-top:.75rem}.table-row.highlight{background:#f9fafb;padding:.5rem .75rem;border-radius:6px;margin:.25rem 0}.table-row.percentage{color:#6b7280;font-size:.7rem}.row-label{color:#374151;font-size:.8rem}.row-value{font-weight:600;color:#1f2937;font-size:.8rem}.row-value.negative{color:#dc2626}.table-divider{height:1px;background:#e5e7eb;margin:.25rem 0}.expenses-table{display:flex;flex-direction:column}.expenses-header{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;font-weight:600;color:#374151;font-size:.75rem;margin-bottom:.25rem}.expense-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;transition:all .2s ease}.expense-row:hover{background:#f9fafb}.expense-row.total{font-weight:700;border-top:1px solid #e5e7eb;border-bottom:none;background:#f9fafb;margin-top:.25rem}.expense-row.operating{font-weight:700;background:#ecfdf5;color:#059669}.expense-category{color:#374151;font-size:.8rem}.expense-amount{font-weight:600;color:#1f2937;font-size:.8rem;text-align:right}.external-income-card .card-content{padding:1rem}.external-income-display{display:flex;flex-direction:column;gap:.75rem}.income-badge{display:flex;flex-direction:column;gap:.35rem;padding:1rem;background:#ecfdf5;border-radius:6px;border:1px solid #d1fae5}.badge-label{font-size:.7rem;font-weight:600;color:#065f46;text-transform:uppercase;letter-spacing:.03em}.badge-value{font-size:1.25rem;font-weight:700;color:#059669}.badge-count{font-size:.7rem;color:#047857}.income-note{padding:.75rem;background:#fef3c7;border-radius:6px;border:1px solid #fde68a}.income-note p{margin:0;font-size:.75rem;color:#92400e}.net-income-card .card-content{padding:1rem}.net-income-display{display:flex;flex-direction:column;gap:1rem;padding:1rem;background:#f9fafb;border-radius:8px;margin-bottom:1rem}.income-breakdown{display:flex;flex-direction:column;gap:.5rem}.breakdown-row{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.breakdown-row.highlight{color:#059669;font-weight:600}.breakdown-row.total{font-weight:700;font-size:.9rem;padding-top:.5rem;border-top:1px solid #e5e7eb}.breakdown-row.total span:last-child{font-size:1.125rem}.breakdown-row.total .positive{color:#059669}.breakdown-row.total .negative{color:#dc2626}.income-percentage{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.percentage-label{font-size:.75rem;font-weight:600;color:#6b7280}.percentage-value{font-size:1.125rem;font-weight:700}.percentage-value.positive{color:#059669}.percentage-value.negative{color:#dc2626}.performance-indicator{display:flex;flex-direction:column;gap:.5rem}.indicator-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.indicator-fill{height:100%;border-radius:3px;transition:width .5s ease}.indicator-fill.positive{background:#10b981}.indicator-fill.negative{background:#ef4444}.indicator-text{font-size:.75rem;font-weight:600;color:#6b7280;text-align:center}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa}.loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(148,163,184,.3);border-top:3px solid #64748b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.loading-text{color:#64748b;font-size:.875rem;font-weight:500}.access-denied-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f5f7fa;padding:1rem}.access-denied-card{background:#fff;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;max-width:450px}.access-denied-icon{font-size:3rem;margin-bottom:.75rem}.access-denied-card h2{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.access-denied-card p{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.pdf-mode-container{max-width:210mm;margin:0 auto;background:#fff;min-height:100vh}.pdf-controls{background:#fff;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.control-group{display:flex;gap:.5rem}.modern-btn{background:#6b7280;color:#fff}.modern-btn:hover{background:#4b5563}.print-btn{background:#3b82f6;color:#fff}.print-btn:hover{background:#2563eb}.pdf-content{padding:30px;font-family:Times New Roman,serif;line-height:1.4;color:#000}.pdf-header{text-align:center;margin-bottom:30px;border-bottom:2px solid #000;padding-bottom:15px}.pdf-header h1{font-size:20px;font-weight:700;margin:0 0 8px;text-transform:uppercase}.pdf-header p{margin:4px 0;font-size:12px}.pdf-table{width:100%;border-collapse:collapse;margin-bottom:30px;font-size:11px}.pdf-table th{background:#f8f9fa;padding:10px 6px;text-align:left;font-weight:700;border:1px solid #000;text-transform:uppercase}.account-column{width:70%}.amount-column{width:30%;text-align:right}.pdf-table td{padding:6px;border:1px solid #ddd;vertical-align:top}.section-header td{background:#e9ecef;font-weight:700;text-transform:uppercase;border:1px solid #000;padding:8px 6px}.account-name{text-align:left}.account-name.indent{padding-left:15px;font-style:italic}.amount{text-align:right;font-family:Courier New,monospace}.amount.negative{color:#dc2626}.amount.positive{color:#059669}.subtotal td{border-top:1px solid #000;font-weight:700}.total-line td{border-top:2px solid #000;border-bottom:2px solid #000;font-weight:700;font-size:12px}.pdf-footer{margin-top:30px;text-align:center;font-size:9px;color:#6b7280;border-top:1px solid #e5e7eb;padding-top:15px}@media (max-width: 1200px){.content-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:1rem}.date-controls{flex-wrap:wrap;justify-content:center}}@media (max-width: 768px){.income-statement-container{padding:.75rem}.header-section{padding:.75rem;margin-bottom:.75rem}.header-title{flex-direction:column;text-align:center;gap:.35rem}.header-title h1{font-size:1.25rem}.metrics-overview,.content-grid{grid-template-columns:1fr;gap:.75rem}.date-controls{flex-direction:column;width:100%}.date-input-group{width:100%}.date-input{width:100%;min-width:auto}.net-income-display{padding:.75rem}}@media (max-width: 480px){.header-section{padding:.75rem}.header-title h1,.metric-value{font-size:1.125rem}.card-content,.card-header{padding:.75rem}}@media print{.no-print{display:none!important}.pdf-mode-container{max-width:none;margin:0;box-shadow:none}.pdf-content{padding:15px}body{margin:0;padding:0}}.date-input:focus-visible,.refresh-btn:focus-visible,.mode-btn:focus-visible{outline:2px solid #94a3b8;outline-offset:2px}.expenses-header{display:grid;grid-template-columns:1fr auto 50px;gap:.75rem;padding:.5rem .75rem;background:#f9fafb;border-radius:6px;font-weight:600;color:#374151;font-size:.75rem;margin-bottom:.25rem}.expense-row{display:grid;grid-template-columns:1fr auto 50px;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid #f3f4f6;transition:all .2s ease;align-items:center}.expense-view-btn{display:flex;align-items:center;justify-content:center;padding:.35rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease}.expense-view-btn:hover{background:#2563eb;transform:scale(1.05)}.expense-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.expense-modal-content{position:relative;background:#fff;border-radius:10px;width:90%;max-width:900px;max-height:75vh;border:2px solid var(--system-main-color, #667eea);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color, #667eea) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.expense-modal-header h3{display:flex;align-items:center;gap:.5rem;font-size:14px;color:#fff;font-weight:700;letter-spacing:.5px;margin:0}.expense-modal-header h3 svg{width:18px;height:18px}.expense-modal-info{display:flex;justify-content:space-between;align-items:center;padding:10px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0;flex-wrap:wrap;gap:10px}.expense-modal-info span{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px}.expense-modal-body{flex:1;overflow:hidden;display:flex;flex-direction:column;padding:14px 18px;background-color:#fff}.expense-modal-loading,.expense-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;flex:1}.expense-modal-loading .loading-spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(148,163,184,.3);border-top:3px solid #64748b;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}.expense-modal-loading p,.expense-modal-empty p{margin:0;font-size:12px;font-weight:500}.expense-details-table{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 6px #0000000d}.expense-details-table table{width:100%;border-collapse:collapse;font-size:11px;background-color:#fff}.expense-details-table thead{background:#f2f2f2;position:sticky;top:0;z-index:10}.expense-details-table th{color:#1f2937;padding:8px 6px;text-align:center;font-weight:700;border-bottom:1px solid #d1d5db;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.expense-details-table td{padding:6px;border-bottom:1px solid #e5e7eb;text-align:center;color:#374151}.expense-details-table tbody tr{transition:all .2s ease;background-color:#fff}.expense-details-table tbody tr:hover{background-color:#f9fafb}.expense-details-table tbody tr:last-child td{border-bottom:none}.amount-cell{font-weight:700;color:#dc2626;font-size:11px;font-family:Courier New,monospace;text-align:right}.payment-badge{display:inline-block;padding:3px 8px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;border:1px solid #93c5fd}.bank-info{font-size:9px;color:#6b7280;margin-top:3px;font-style:italic}.remark-cell{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;padding-left:8px}.expense-modal-footer{padding:12px 18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:2px solid #e5e7eb;flex-shrink:0}.expense-modal-summary{display:flex;justify-content:space-between;align-items:center;padding:10px 15px;background-color:#fff;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.expense-modal-summary span:first-child{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.6px}.total-amount{font-size:16px;font-weight:700;color:#dc2626;font-family:Courier New,monospace}.expense-details-table::-webkit-scrollbar{width:6px}.expense-details-table::-webkit-scrollbar-track{background:#f1f1f1}.expense-details-table::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.expense-details-table::-webkit-scrollbar-thumb:hover{background:var(--system-main-color, #667eea)}@media screen and (max-width: 768px){.expense-modal-content{width:95%;max-height:85vh}.expense-modal-header h3{font-size:12px}.expense-modal-header h3 svg{width:16px;height:16px}.expense-modal-info{flex-direction:column;align-items:flex-start;gap:5px}.expense-details-table table{font-size:10px}.expense-details-table th{padding:6px 4px;font-size:9px}.expense-details-table td{padding:5px 4px}.remark-cell{max-width:100px}.payment-badge{font-size:8px;padding:2px 6px}.bank-info{font-size:8px}.total-amount{font-size:14px}}@media screen and (max-width: 480px){.expense-modal-content{width:98%;max-height:90vh}.expense-modal-header{padding:10px 14px}.expense-modal-header h3{font-size:11px}.expense-modal-body{padding:10px 14px}.expense-details-table table{font-size:9px}.expense-details-table th{padding:4px 2px;font-size:8px}.expense-details-table td{padding:4px 2px}.amount-cell{font-size:9px}.remark-cell{max-width:80px}.expense-modal-summary{padding:8px 12px}.expense-modal-summary span:first-child{font-size:10px}.total-amount{font-size:13px}}@media screen and (max-width: 360px){.expense-modal-content{width:99%}.expense-details-table table{font-size:8px}.expense-details-table th,.expense-details-table td{padding:3px 2px}}.expense-modal-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 18px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-top:1px solid #e5e7eb;flex-wrap:wrap;flex-shrink:0}.expense-pagination-btn{padding:8px 16px;background:linear-gradient(135deg,var(--system-main-color, #667eea) 0%,#5568d3 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 8px #667eea33}.expense-pagination-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66;background:linear-gradient(135deg,#5568d3,#4052b8)}.expense-pagination-btn:active:not(:disabled){transform:translateY(0)}.expense-pagination-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.expense-pagination-info{font-size:11px;font-weight:700;color:#374151;min-width:110px;text-align:center;text-transform:uppercase;letter-spacing:.6px;background-color:#fff;padding:8px 12px;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.expense-no-data-row td{padding:30px 20px;text-align:center;color:#9ca3af}.expense-no-data-row p{margin:0;font-size:12px;font-weight:500}@media screen and (max-width: 480px){.expense-modal-pagination{padding:10px 14px;gap:8px}.expense-pagination-btn{padding:6px 12px;font-size:9px}.expense-pagination-info{font-size:9px;padding:6px 10px;min-width:90px}}.ps-wrapper{width:100%}.ps-card{background:#fff;border-radius:16px;box-shadow:0 12px 28px #00000014;border:1px solid rgba(0,0,0,.06);overflow:hidden;position:relative}.ps-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1.5rem;position:relative;overflow:hidden}.ps-header:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="0.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.ps-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 .25rem;position:relative;z-index:1}.ps-subtitle{color:#ffffffd9;position:relative;z-index:1}.ps-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;padding:1.25rem}.ps-plan{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.25rem;cursor:pointer;transition:all .25s ease;position:relative;overflow:hidden}.ps-plan:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .25s ease;transform-origin:left}.ps-plan:hover{transform:translateY(-4px);box-shadow:0 12px 24px #00000014;border-color:#667eea}.ps-plan:hover:before,.ps-plan.active:before{transform:scaleX(1)}.ps-plan.active{border-color:#667eea;background:linear-gradient(135deg,#f8faff,#e8f2ff);box-shadow:0 10px 22px #667eea33}.ps-plan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.ps-plan-icon{width:2.5rem;height:2.5rem;padding:.6rem;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.ps-plan-title{font-size:1.2rem;font-weight:600;color:#111827}.ps-plan-price{font-size:2rem;font-weight:800;color:#111827;margin:.25rem 0}.ps-plan-desc{color:#6b7280}.ps-plan-discount{color:#16a34a;font-weight:600;margin-top:.25rem}.ps-plan-feature{display:flex;align-items:center;gap:.5rem;color:#4f46e5;font-weight:500;margin-top:.75rem}.ps-summary{background:#f9fafb;border-radius:12px;padding:1.25rem}.ps-summary-title{font-weight:600;margin-bottom:1rem;color:#111827}.ps-summary-item{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #e5e7eb}.ps-summary-item:last-child{border-bottom:none;padding-top:1rem;font-weight:700}.ps-summary-label{color:#4b5563}.ps-summary-value{color:#111827}.ps-summary-discount{color:#16a34a}.ps-discount{margin-top:1rem;padding:.9rem;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px}.ps-discount-label{display:block;font-weight:600;color:#92400e;margin-bottom:.4rem}.ps-discount-input{width:100%;padding:.6rem .75rem;border:1px solid #d97706;border-radius:6px;font-size:1rem}.ps-discount-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26}.ps-discount-save{margin-top:.4rem;color:#059669;font-weight:600}.ps-schedule{padding:0 1.25rem 1.25rem}.ps-schedule-title{text-align:center;font-size:1.25rem;font-weight:700;color:#111827;margin:1rem 0}.ps-schedule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.9rem}.ps-schedule-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;transition:all .2s ease;position:relative;overflow:hidden}.ps-schedule-item:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0000000f}.ps-schedule-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.ps-schedule-month{font-weight:700;color:#111827}.ps-schedule-due{font-size:.85rem;color:#6b7280}.ps-status-badge{padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.3px;display:inline-flex;align-items:center;gap:.25rem;border:1px solid transparent}.ps-status-pending{background:#fef3c7;color:#92400e;border-color:#f59e0b}.ps-status-settled{background:#d1fae5;color:#065f46;border-color:#10b981}.ps-status-rejected{background:#fee2e2;color:#991b1b;border-color:#ef4444}.ps-status-overdue{background:#fce7f3;color:#be185d;border-color:#ec4899}.ps-schedule-amount{font-size:1.25rem;font-weight:800;color:#111827;margin-bottom:.75rem}.ps-upload{margin-top:.5rem}.ps-upload-label{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.4rem}.ps-upload-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.45rem .8rem;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:.4rem;font-size:.85rem;transition:transform .15s ease,box-shadow .15s ease}.ps-upload-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px #667eea4d}.ps-upload-preview{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem}.ps-preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.ps-preview-name{font-size:.85rem;font-weight:600;color:#374151;word-break:break-all}.ps-preview-close{color:#ef4444;cursor:pointer;padding:.15rem .25rem;border-radius:4px;background:transparent;border:none}.ps-preview-close:hover{background:#fee2e2}.ps-preview-image{width:100%;height:8rem;object-fit:cover;border-radius:6px;margin-bottom:.5rem}.ps-preview-actions{display:flex;gap:.5rem}.ps-btn{padding:.45rem .9rem;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:.3rem}.ps-btn-upload{background:#22c55e;color:#fff}.ps-btn-upload:hover{background:#16a34a}.ps-btn-cancel{background:#e5e7eb;color:#374151}.ps-btn-cancel:hover{background:#cbd5e1}.ps-settle{background:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;padding:.75rem;margin-top:.5rem}.ps-settle-file{display:flex;align-items:center;justify-content:space-between;color:#065f46;font-size:.85rem;margin-bottom:.25rem}.ps-settle-date{font-size:.75rem;color:#34d399}.ps-action{text-align:center;padding:1.25rem}.ps-action-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.9rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 10px 24px #667eea4d;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ps-action-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .45s ease}.ps-action-btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px #667eea66}.ps-action-btn:hover:before{left:100%}.ps-pulse{animation:ps-pulse 2s infinite}@keyframes ps-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ps-slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes ps-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.ps-fade-in-up{animation:ps-fadeInUp .45s ease-out}.ps-slide-in{animation:ps-slideIn .35s ease-out}.ps-loading{opacity:.6;pointer-events:none}.ps-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:ps-spin 1s linear infinite}@keyframes ps-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.ps-plans,.ps-schedule-grid{grid-template-columns:1fr}.ps-action-btn{width:100%}}#payment-order-model-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;min-width:800px;justify-content:center;align-items:center;z-index:1000}#payment-order-model{position:relative;background:var(--white);border-radius:8px;min-width:700px;min-height:500px;max-width:1000px;box-shadow:0 8px 16px #0000004d;font-size:14px;display:flex;flex-direction:column;overflow:hidden}.pom-header{background:var(--white);color:var(--black);padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ddd}.pom-header h3{margin:0;font-size:16px}.pom-close{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:var(--black);font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.pom-close:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}.pom-content{padding:16px;overflow-y:auto;flex-grow:1}.pom-table{width:100%;border-collapse:collapse}.pom-table th,.pom-table td{padding:8px;border:1px solid #ddd;text-align:left;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 (max-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}}.edit-member-modal.edit_member{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.edit-member-container.edit_member{background-color:#fff;padding:15px 30px;border-radius:8px;max-width:600px;width:100%;position:relative;box-shadow:0 2px 8px #00000042}.close-icon.edit_member{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:#000;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-icon.edit_member:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}.edit-member-container.edit_member h2.edit_member{text-align:center;color:var(--font-color-blue)}.form-grid.edit_member{display:grid;grid-template-columns:1fr 1fr}.edit-member-edit_member{display:flex;flex-direction:column}.edit-member-edit_member label.edit_member{font-weight:700;margin-bottom:5px;color:var(--font-color-blue)}.edit-member-edit_member select.edit_member{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:12px;width:100%}.edit-member-edit_member input.edit_member,.edit-member-edit_member textarea.edit_member{padding:8px 10px;border:1px solid #ccc;border-radius:4px;font-size:12px}.edit-member-edit_member_combo{font-size:10px}.edit-member-edit_member textarea.edit_member{resize:vertical;min-height:80px}.full-width.edit_member{grid-column:span 2}.button-group.edit_member{display:flex;justify-content:center}.update-button.edit_member{padding:10px 20px;border:1px solid var(--table-headers);border-radius:4px;font-size:12px;cursor:pointer;font-weight:700;background-color:var(--update-button-color);color:var(--black)}.update-button.edit_member:hover{background-color:var(--update-button-color-hover);font-weight:700;transition:.3s ease-in-out}.modal-overlay-vierw-order-model{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-vierw-order-model{background:#fff;padding:20px;border-radius:8px;width:90%;min-height:600px;min-width:900px;max-width:1100px;position:relative}.close-button-vierw-order-model{position:absolute;top:10px;right:10px;width:25px;height:25px;background-color:var(--closebutton-color);border:none;border-radius:50px;color:#000;font-size:10px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center}.close-button-vierw-order-model:hover{background-color:var(--closebutton-color-hover);transform:rotate(180deg);transition:.3s ease-in-out;color:var(--white)}.filter-container-vierw-order-model{margin-top:20px;margin-bottom:10px;font-size:14px;display:flex;align-items:center;flex-wrap:wrap}.filter-container-vierw-order-model label{margin-right:10px}.filter-container-vierw-order-model select,.filter-container-vierw-order-model input[type=date]{margin-right:20px;padding:4px;font-size:14px}.table-responsive-vierw-order-model{overflow-x:auto}.orders-table-vierw-order-model{width:100%;border-collapse:collapse;margin-top:20px;min-width:1px}.orders-table-vierw-order-model th,.orders-table-vierw-order-model td{border:1px solid #ddd;padding:8px;text-align:center;font-size:12px}.orders-table-vierw-order-model th{background-color:#f2f2f2}.order-status-success{color:green;font-weight:700}.order-status-pending{color:red;font-weight:700}.analytics-container-vierw-order-model{margin-top:15px;font-size:14px;display:flex;justify-content:space-around;border-top:1px solid #ddd;padding-top:10px}.mpm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:12px;animation:mpmFadeIn .2s ease-in-out}@keyframes mpmFadeIn{0%{opacity:0}to{opacity:1}}.mpm-modal-content{background:#fff;border-radius:10px;box-shadow:0 12px 48px #00000026;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;padding:20px;animation:mpmSlideUp .3s ease-out}@keyframes mpmSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.mpm-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .2s ease;z-index:10}.mpm-close-btn:hover{background:#e2e8f0;color:#1e293b;transform:scale(1.1)}.mpm-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.mpm-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 6px}.mpm-subtitle{font-size:12px;color:#64748b;margin:0}.mpm-subtitle strong{color:#667eea;font-weight:600}.mpm-filter-container{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;background:#f8fafc;padding:12px;border-radius:8px;margin-bottom:16px;align-items:end}.mpm-filter-group{display:flex;flex-direction:column;gap:4px}.mpm-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mpm-input{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:#1e293b;background:#fff;transition:all .2s ease}.mpm-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.mpm-filter-btn{padding:8px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap;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{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.mpm-card{padding:14px;border-radius:8px;color:#fff;display:flex;flex-direction:column;gap:10px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a}.mpm-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.mpm-card-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.mpm-card-title{font-size:12px;font-weight:600;margin:0;flex:1}.mpm-card-icon{font-size:18px;opacity:.8}.mpm-card-value{font-size:20px;font-weight:700;margin:0;line-height:1.2}.mpm-card-btn{padding:8px 12px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.mpm-card-btn:hover{background:#ffffff4d;border-color:#ffffff80}.mpm-card-btn:active{transform:scale(.98)}.mpm-card-total{background:linear-gradient(135deg,#10b981,#059669)}.mpm-card-pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.mpm-card-success{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.mpm-summary-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f1f5f9;padding:12px;border-radius:8px}.mpm-stat-item{text-align:center;padding:8px}.mpm-stat-label{font-size:10px;color:#64748b;margin:0 0 4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.mpm-stat-value{font-size:16px;font-weight:700;color:#1e293b;margin:0}.mpm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.mpm-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;animation:mpmSpin .8s linear infinite}@keyframes mpmSpin{to{transform:rotate(360deg)}}.mpm-loading p{font-size:13px;color:#64748b;margin:0}.mpm-error{padding:20px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;font-size:13px;text-align:center}.mpm-error p{margin:0}@media (max-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}: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: #ffff;--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: rgba(0, 0, 0, .1);--delete-button: #f1948a;--delete-button-hover: #b03a2e}.add-member-container{margin:20px auto;padding:20px;max-width:700px;border:1px solid var(--system-main-color);border-radius:8px;background-color:var(--sytem-panel-colors)}.add-member-container h2{text-align:center;margin-bottom:20px;color:var(--font-color-blue);font-size:24px}.add-member-container p{text-align:center;color:var(--font-color-blue);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group-add-member{display:flex;flex-direction:column}.form-group-add-member label{font-weight:700;margin-bottom:5px;color:var(--font-color-blue);font-size:12px}.form-group-add-member input,.form-group-add-member textarea,.form-group-add-member select{padding:8px 10px;border:1px solid #adcecc;border-radius:4px;font-size:14px;color:var(--font-color-blue);background-color:var(--white)}.form-group-add-member textarea{resize:vertical;min-height:80px}.full-width{grid-column:span 2}.submit-button-add-member{background-color:var(--saveButton-color);color:var(--black);border:none;font-weight:700;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:12px;display:block;margin:20px auto 0;transition:background-color .3s ease,color .3s ease}.submit-button-add-member:hover{background-color:var(--saveButton-color-hover);color:var(--white);transition:.3s ease-in-out}*{box-sizing:border-box}.am-container{padding:16px;background:#f8fafc;min-height:100vh}.am-header{margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.am-title{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 4px}.am-subtitle{font-size:12px;color:#64748b;margin:0}.am-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:14px;color:#64748b}.am-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;text-align:center}.am-no-access-img{width:120px;height:120px;opacity:.8}.am-no-access p{font-size:14px;color:#64748b;max-width:400px}.am-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.am-card{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;padding:16px;transition:all .3s ease}.am-card:hover{box-shadow:0 4px 16px #0000001f}.am-card-title{font-size:14px;font-weight:700;color:#1e293b;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #f1f5f9}.am-form-card{min-height:400px}.am-form{display:flex;flex-direction:column;gap:10px}.am-form-group{display:flex;flex-direction:column;gap:4px;position:relative}.am-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.am-input,.am-select{padding:8px 10px;border:1px solid #cbd5e1;border-radius:6px;font-size:12px;color:#1e293b;background:#fff;transition:all .2s ease;font-family:inherit}.am-input:focus,.am-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.am-input-readonly{background:#f1f5f9;cursor:not-allowed;color:#94a3b8}.am-input:disabled,.am-select:disabled{background:#f1f5f9;cursor:not-allowed;color:#94a3b8}.am-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #cbd5e1;border-top:none;border-radius:0 0 6px 6px;list-style:none;margin:0;padding:4px 0;max-height:150px;overflow-y:auto;z-index:100;box-shadow:0 4px 8px #0000001a}.am-suggestion-item{padding:8px 10px;font-size:12px;color:#1e293b;cursor:pointer;transition:all .2s ease}.am-suggestion-item:hover{background:#f1f5f9;color:#667eea}.am-btn{padding:8px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.am-btn:disabled{opacity:.6;cursor:not-allowed}.am-btn-add{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 6px #667eea4d;margin-top:4px}.am-btn-add:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.am-btn-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b9814d;width:100%;margin-top:8px}.am-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.am-btn-delete{padding:6px 8px;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:4px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.am-btn-delete:hover{background:#fecaca;color:#7f1d1d}.am-list-card{min-height:400px}.am-table-wrapper{overflow-x:auto;margin-bottom:12px;border-radius:6px;border:1px solid #e2e8f0}.am-table{width:100%;border-collapse:collapse;font-size:11px}.am-table thead{background:#f1f5f9}.am-table th{padding:8px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #cbd5e1}.am-table td{padding:8px;border-bottom:1px solid #e2e8f0;color:#1e293b}.am-table tbody tr:hover{background:#f8fafc}.am-td-member{font-weight:600;color:#667eea}.am-td-order{font-family:monospace;font-size:10px}.am-td-payment{font-weight:600;color:#10b981}.am-td-action{text-align:center}.am-totals{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.am-total-item{padding:10px;border-radius:6px;display:flex;flex-direction:column;gap:4px}.am-total-assigned{background:#dbeafe;border:1px solid #93c5fd}.am-total-balance{background:#dcfce7;border:1px solid #86efac}.am-total-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.am-total-value{font-size:13px;font-weight:700;color:#1e293b}.am-total-assigned .am-total-value{color:#1e40af}.am-total-balance .am-total-value{color:#166534}.am-empty-msg{font-size:12px;color:#94a3b8;text-align:center;padding:20px;margin:0}.am-details-card{min-height:400px}.am-order-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.am-detail-row{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:11px}.am-detail-label{font-weight:600;color:#64748b}.am-detail-value{color:#1e293b;word-break:break-word}.am-detail-value.am-highlight{font-weight:700;color:#10b981}.am-detail-status{align-items:center}.am-status-select{padding:6px 8px;border:1px solid #cbd5e1;border-radius:4px;font-size:11px;cursor:pointer;background:#fff;color:#1e293b}.am-status-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.am-balance-panel{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#fef08a,#fcd34d);padding:12px;border-radius:8px;margin-bottom:12px;border:1px solid #fde047}.am-balance-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#ffffff80;border-radius:6px;color:#b45309;flex-shrink:0}.am-balance-info{flex:1}.am-balance-label{font-size:10px;font-weight:600;color:#92400e;text-transform:uppercase;margin:0}.am-balance-amount{font-size:16px;font-weight:700;color:#78350f;margin:2px 0 0}.am-payment-history{margin-top:12px}.am-history-title{font-size:12px;font-weight:700;color:#1e293b;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.am-history-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid #e2e8f0}.am-history-table{width:100%;border-collapse:collapse;font-size:10px}.am-history-table thead{background:#f1f5f9}.am-history-table th{padding:6px;text-align:left;font-weight:600;color:#475569;border-bottom:1px solid #cbd5e1}.am-history-table td{padding:6px;border-bottom:1px solid #e2e8f0;color:#1e293b}.am-history-table tbody tr:hover{background:#f8fafc}@media (max-width: 1024px){.am-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-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 (max-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{padding:10px;gap:8px}.am-balance-amount{font-size:14px}}.am-table-wrapper::-webkit-scrollbar,.am-history-table-wrapper::-webkit-scrollbar,.am-suggestions::-webkit-scrollbar{height:4px}.am-table-wrapper::-webkit-scrollbar-track,.am-history-table-wrapper::-webkit-scrollbar-track,.am-suggestions::-webkit-scrollbar-track{background:#f1f5f9}.am-table-wrapper::-webkit-scrollbar-thumb,.am-history-table-wrapper::-webkit-scrollbar-thumb,.am-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.am-table-wrapper::-webkit-scrollbar-thumb:hover,.am-history-table-wrapper::-webkit-scrollbar-thumb:hover,.am-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}#error-access-wrapper{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9}#error-access-content{text-align:center}#error-access-image{max-width:200px;margin-bottom:20px}#error-access-title{font-size:24px;font-weight:700;color:#ff4c4c}#error-access-message{font-size:16px;color:#333}.product-panel{background-color:#f4f4f9;border-radius:5px;padding:20px;font-family:sans-serif-black;height:auto;min-height:1000px;box-sizing:border-box;box-shadow:0 4px 8px #0000001a;max-width:100%;overflow-y:auto}.button-list{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:30px;margin-bottom:20px}.button-list button{background-color:e7a9a9;color:#000;border:none;padding:5px 10px;font-size:12px;font-weight:700;border-radius:10px;cursor:pointer;transition:background-color .3s ease,color .3s ease;box-shadow:0 4px 6px #0000001a}.button-list button:hover{background-color:#f7e335;font-weight:800}.button-list .button-icon{font-size:12px;margin-right:10px}#removed-button{color:#af0d0d}#removed-button:hover{color:#fff;background-color:#6e0606}.user-info-panel{border-radius:5px;margin-bottom:20px;display:flex;justify-content:flex-end;font-size:14px}.user-info-panel p{justify-content:space-between;margin-right:15px;font-size:20px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:8px;width:600px;max-width:90%;box-shadow:0 5px 15px #0000004d}.close-button{background-color:red;color:#fff;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;float:right;font-size:16px}.close-button:hover{background-color:#8b0000}.product-content{width:100%;min-height:300px;border-radius:10px;box-sizing:border-box;overflow-y:auto;transition:height .3s ease}.product-content::-webkit-scrollbar{width:8px}.product-content::-webkit-scrollbar-thumb{border-radius:4px}@media screen and (max-width: 768px){.button-list{flex-direction:column;align-items:flex-start}.button-list button{font-size:12px;padding:8px 10px;width:100%;box-sizing:border-box}.user-info-panel p{justify-content:space-between;margin-right:15px;font-size:15px}}@media screen and (max-width: 480px){.button-list{gap:20px}.button-list button{font-size:10px;padding:6px 8px}.button-list .button-icon{font-size:10px}.user-info-panel p{justify-content:space-between;margin-right:15px;font-size:10px}}.backup-window{max-width:400px;margin:30px auto;padding:20px;background:#f8f9fa;border-radius:10px;box-shadow:0 0 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;text-align:center}.backup-window h2{margin-bottom:15px;color:#333}.backup-window p{font-size:14px;color:#555}.backup-input{width:100%;padding:10px 12px;margin:10px 0;font-size:16px;border:2px solid #ced4da;border-radius:5px;outline:none;transition:border-color .3s ease}.backup-input:focus{border-color:#80bdff}.backup-button{width:100%;padding:10px;background-color:#007bff;color:#fff;font-size:16px;font-weight:700;border:none;border-radius:5px;cursor:pointer;margin-top:10px;transition:background-color .3s ease}.backup-button:hover{background-color:#0056b3}.backup-button:disabled{background-color:#6c757d;cursor:not-allowed}.backup-message{margin-top:15px;font-size:14px;color:#333}.ba-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ba-modal{position:relative;background:#fff;border-radius:10px;width:90%;max-width:900px;max-height:85vh;border:2px solid var(--system-main-color);box-shadow:0 8px 32px #00000026;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ba-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:2px solid #e5e7eb;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);border-radius:10px 10px 0 0;flex-shrink:0}.ba-header h3{margin:0;font-size:16px;color:#fff;font-weight:700;letter-spacing:.5px}.ba-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;padding:16px 18px;background:linear-gradient(135deg,#f8f9fa,#f0f2f5);border-bottom:1px solid #e5e7eb;flex-shrink:0}.ba-stat-card{display:flex;flex-direction:column;justify-content:space-between;padding:14px 16px;background-color:#fff;border-left:4px solid var(--system-main-color);border-radius:6px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;min-height:70px}.ba-stat-card:hover{box-shadow:0 4px 16px #667eea26;transform:translateY(-2px)}.ba-stat-label{font-weight:700;color:#666;font-size:10px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px}.ba-stat-value{font-size:16px;font-weight:700;color:var(--system-main-color);word-break:break-word}.ba-form-section{padding:14px 18px;background-color:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0;overflow-y:auto}.ba-form-title{font-size:13px;font-weight:700;color:#1f2937;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #f0f0f0;text-transform:uppercase;letter-spacing:.5px}.ba-single-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin-bottom:12px}.ba-form-group{flex:1;min-width:140px}.ba-form-group.ba-compact{flex:0 1 auto;min-width:110px}.ba-form-group.ba-reason-group{flex:1.5;min-width:150px}.ba-form-group.ba-button-group{flex:0 1 auto;min-width:auto}.ba-form-group label{display:block;font-weight:700;color:#374151;margin-bottom:4px;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.ba-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;transition:all .3s ease;font-family:inherit;background-color:#fff}.ba-input:focus{outline:none;border-color:var(--system-main-color);box-shadow:0 0 0 2px #667eea1a;background-color:#f9fafb}.ba-input:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.ba-dropdown-wrapper{position:relative}.ba-dropdown-list{position:absolute;width:100%;max-height:120px;overflow-y:auto;border:1px solid #d1d5db;background-color:#fff;z-index:1000;font-size:10px;margin-top:2px;border-radius:4px;box-shadow:0 4px 12px #0000001a;list-style:none;padding:0}.ba-dropdown-list li{padding:6px 8px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #f3f4f6}.ba-dropdown-list li:last-child{border-bottom:none}.ba-dropdown-list li:hover{background-color:#f0f9ff;color:var(--system-main-color);padding-left:10px}.ba-add-category-btn{width:100%;background-color:#10b981;color:#fff;padding:6px 8px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.ba-add-category-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 2px 6px #10b98133}.ba-save-btn{width:100%;background:linear-gradient(135deg,var(--system-main-color) 0%,#5568d3 100%);color:#fff;padding:6px 12px;border:none;font-size:10px;font-weight:700;border-radius:4px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #667eea33;white-space:nowrap}.ba-save-btn:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#4052b8);transform:translateY(-1px);box-shadow:0 4px 10px #667eea4d}.ba-save-btn:disabled{opacity:.6;cursor:not-allowed}.ba-image-section{padding-top:12px;border-top:1px solid #e5e7eb;margin-top:12px}.ba-image-upload-wrapper{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ba-file-input{display:none}.ba-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #f59e0b33}.ba-upload-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 10px #f59e0b4d}.ba-image-preview{position:relative;width:80px;height:80px;border-radius:6px;overflow:hidden;border:2px solid var(--system-main-color);box-shadow:0 2px 8px #0000001a}.ba-image-preview img{width:100%;height:100%;object-fit:cover}.ba-remove-image-btn{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background-color:#ef4444;color:#fff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .3s ease;box-shadow:0 2px 6px #ef44444d}.ba-remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)}@media screen and (max-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:1 1 100%;min-width:100%}.ba-summary-stats{grid-template-columns:repeat(2,1fr);gap:10px}}@media screen and (max-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{padding:8px 10px;min-height:55px}.ba-input{font-size:10px;padding:5px 6px}.ba-image-preview{width:60px;height:60px}}.supplier-order-container{max-width:1200px;margin:0 auto;padding:20px;background-color:#f8f9fa;min-height:100vh}.order-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px;border-radius:10px 10px 0 0;margin-bottom:0;box-shadow:0 4px 6px #0000001a}.order-header h2{margin:0;font-size:28px;font-weight:600;text-align:center}.order-form{background:#fff;padding:30px;border-radius:0 0 10px 10px;box-shadow:0 4px 6px #0000001a}.form-group{margin-bottom:25px;position:relative}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e1e5e9;border-radius:8px;font-size:14px;transition:all .3s ease;background-color:#fff;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-group input:hover,.form-group textarea:hover{border-color:#c1c9d0}.autocomplete-container{position:relative;width:100%}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e1e5e9;border-top:none;border-radius:0 0 8px 8px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;margin-top:-2px}.suggestion-item{padding:12px 15px;cursor:pointer;border-bottom:1px solid #f1f3f4;transition:all .2s ease;font-size:14px;display:flex;align-items:center}.suggestion-item:hover{background-color:#f8f9ff;color:#667eea}.suggestion-item:last-child{border-bottom:none}.suggestion-item.muted{color:#6c757d;font-style:italic;cursor:default}.suggestion-item.muted:hover{background-color:transparent;color:#6c757d}.suggestion-item strong{color:#333;margin-right:8px;min-width:80px}.suggestion-item:hover strong{color:#667eea}.selected-supplier,.selected-product{margin-top:8px;padding:8px 12px;background-color:#e8f4f8;border:1px solid #bee5eb;border-radius:6px;font-size:13px;color:#0c5460}.selected-supplier strong,.selected-product strong{color:#0c5460}.order-items-section{margin:40px 0;padding:25px;background-color:#fafbfc;border-radius:10px;border:1px solid #e9ecef}.items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #dee2e6}.items-header h3{margin:0;color:#333;font-size:20px;font-weight:600}.add-item-btn{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #28a74533}.add-item-btn:hover{transform:translateY(-2px);box-shadow:0 4px 8px #28a7454d}.add-item-btn:active{transform:translateY(0)}.order-item{background:#fff;border:1px solid #e9ecef;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.order-item:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.item-row{display:grid;grid-template-columns:40px 2fr 120px 120px 120px auto;gap:15px;align-items:start;margin-bottom:15px}.item-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;font-weight:600;font-size:14px;margin-top:25px}.product-search{margin-bottom:0}.total-price{background-color:#f8f9fa!important;color:#495057;font-weight:600}.remove-item-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:none;padding:8px 15px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:25px;height:fit-content}.remove-item-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px)}.item-notes{margin-top:10px}.item-notes input{width:100%;padding:10px 15px;border:1px solid #dee2e6;border-radius:6px;font-size:13px;color:#6c757d;background-color:#f8f9fa;box-sizing:border-box}.item-notes input:focus{background-color:#fff;border-color:#667eea;color:#333}.order-summary{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:25px;border-radius:10px;margin:30px 0;border:1px solid #dee2e6}.order-summary h3{margin:0 0 15px;color:#333;font-size:18px;font-weight:600}.summary-row{font-size:18px;color:#333;text-align:right}.summary-row strong{color:#28a745}.form-actions{text-align:center;margin-top:40px;padding-top:25px;border-top:2px solid #e9ecef}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:15px 40px;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 8px #667eea4d;min-width:180px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #667eea66}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:linear-gradient(135deg,#6c757d,#5a6268);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 992px){.item-row{grid-template-columns:35px 1fr;gap:10px}.item-number{grid-row:span 5;align-self:center}.form-group{margin-bottom:15px}}@media (max-width: 768px){.supplier-order-container{padding:10px}.order-form,.order-header{padding:20px}.order-header h2{font-size:24px}.items-header{flex-direction:column;gap:15px;align-items:stretch}.item-row{grid-template-columns:1fr;gap:15px}.item-number{justify-self:start;margin-top:0}.suggestions-dropdown{max-height:200px}}.suggestions-dropdown::-webkit-scrollbar{width:6px}.suggestions-dropdown::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.submit-btn:disabled{position:relative;overflow:hidden}.submit-btn:disabled:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:loading-shine 1.5s infinite}@keyframes loading-shine{0%{left:-100%}to{left:100%}}.add-item-btn:focus,.remove-item-btn:focus,.submit-btn:focus{outline:3px solid rgba(102,126,234,.3);outline-offset:2px}@media print{.supplier-order-container{box-shadow:none;background:#fff}.add-item-btn,.remove-item-btn,.submit-btn{display:none}}.transfer-income-tax-container{padding:12px 16px;max-width:1800px;margin:0 auto}.page-title{font-size:1.25rem!important;font-weight:600!important;margin-bottom:4px!important}.page-subtitle{font-size:.8rem!important;margin-bottom:12px!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{font-size:1rem!important;font-weight:600!important;margin-bottom:8px!important}.compact-button{height:40px!important;font-size:.85rem!important}.compact-alert{padding:8px 12px!important;font-size:.85rem!important;margin-bottom:12px!important}.summary-box{text-align:center;padding:12px;border-radius:8px}.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{font-size:.7rem;display:block;margin-bottom:4px}.summary-box .MuiTypography-h6{font-size:1.1rem!important;font-weight:600}.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-weight:600!important;font-size:.8rem!important}.copied-header{background-color:#e8f5e9!important}.transfer-button{height:42px!important;font-size:.9rem!important;font-weight:600!important}.data-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.compact-tabs{margin-bottom:12px!important;min-height:40px!important}.compact-tab{min-height:40px!important;font-size:.8rem!important;padding:8px 12px!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{background-color:#fafafa;font-weight:600!important;position:sticky;top:0;z-index:10}@media (max-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 (max-width: 900px){.data-header{flex-direction:column;align-items:flex-start}.data-table-container{max-height:350px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;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}}