@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap";html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.login-page{height:100vh;width:100vw;display:flex;position:relative;overflow:hidden;background:linear-gradient(135deg,#f5f7fa,#e8ecf1)}.login-page.loading-state{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center}.loading-container{text-align:center;z-index:10}.loading-text{color:#fff;font-size:.9rem;font-weight:600;margin-top:12px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.login-left{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.image-section{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e293be0,#334155d9,#1e293be0);z-index:1}.brand-content{position:relative;z-index:2;color:#fff;padding:40px;display:flex;flex-direction:column;justify-content:center;height:100%;background:#00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-title{font-size:3rem;font-weight:900;margin-bottom:12px;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.7),0 2px 10px rgba(0,0,0,.5),0 0 40px rgba(0,0,0,.3);letter-spacing:-2px;line-height:1}.brand-subtitle{font-size:.95rem;font-weight:500;margin-bottom:36px;line-height:1.4;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.6),0 1px 5px rgba(0,0,0,.4)}.brand-subtitle .highlight{color:#fbbf24;font-weight:700;font-size:1.1rem;display:block;margin-bottom:4px;text-shadow:0 3px 15px rgba(0,0,0,.7),0 0 30px rgba(251,191,36,.4),0 2px 8px rgba(0,0,0,.5);filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.feature-list{display:flex;flex-direction:column;gap:12px;margin-top:24px}.feature-item{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:500;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5)}.feature-icon{width:24px;height:24px;background:#ffffff59;border:2px solid rgba(255,255,255,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0;box-shadow:0 3px 12px #0006}.login-right{flex:1;background:linear-gradient(135deg,#f5f7fa,#e8ecf1);display:flex;align-items:center;justify-content:center;padding:20px 30px;position:relative;overflow-y:auto}.login-form-wrapper{width:100%;max-width:420px}.login-form-container{background:#fff;border-radius:14px;padding:24px 28px;box-shadow:0 20px 60px #00000014,0 0 0 1px #0000000d}.login-title{font-size:1.4rem;font-weight:700;color:#1a202c;margin-bottom:3px;text-align:center}.login-subtitle{font-size:.8rem;color:#718096;text-align:center;margin-bottom:14px}.login-form{display:flex;flex-direction:column;gap:12px}.form-group{position:relative}.form-label{display:block;font-size:.75rem;font-weight:700;color:#2d3748;margin-bottom:5px;letter-spacing:.2px;text-transform:uppercase}.form-input{width:100%;padding:10px 12px;font-size:.85rem;font-weight:500;background:#f7fafc;border:2px solid #e2e8f0;border-radius:8px;color:#2d3748;outline:none;transition:all .3s ease;height:38px}.form-input::placeholder{color:#a0aec0;font-weight:400;font-size:.8rem}.form-input:focus{border-color:#4299e1;background:#fff;box-shadow:0 0 0 3px #4299e11a}.form-input:hover:not(:focus){border-color:#cbd5e0}.form-input:disabled{opacity:.6;cursor:not-allowed;background:#edf2f7}.password-wrapper{position:relative}.password-wrapper .form-input{padding-right:42px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#718096;cursor:pointer;font-size:.95rem;padding:4px;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover:not(:disabled){color:#2d3748;background:#edf2f7}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.form-group.remember-me{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:8px 0 12px;padding:10px 0;width:100%;border-bottom:2px solid #667eea}.form-group.remember-me input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;cursor:pointer;accent-color:#667eea;border:2px solid #cbd5e0;border-radius:4px;flex-shrink:0;margin:0;padding:0;transition:all .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;position:relative}.form-group.remember-me input[type=checkbox]:hover{border-color:#667eea;background-color:#f7fafc}.form-group.remember-me input[type=checkbox]:checked{background-color:#667eea;border-color:#667eea;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='white' d='M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 11.94l6.72-6.72a.75.75 0 011.06 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:100%}.form-group.remember-me input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group.remember-me label{font-size:.8rem;font-weight:500;color:#667eea;cursor:pointer;margin:0;padding:0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;height:18px;line-height:1;transition:all .2s ease;flex:1}.form-group.remember-me label:hover{color:#764ba2}.form-group.remember-me input[type=checkbox]:checked~label{color:#764ba2}.signin-button{padding:11px 20px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px #667eea4d;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:6px;position:relative;overflow:hidden;height:42px}.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 .5s}.signin-button:hover:before{left:100%}.signin-button:hover{transform:translateY(-1px);box-shadow:0 10px 26px #667eea66}.signin-button:active{transform:translateY(0);box-shadow:0 6px 16px #667eea4d}.signin-button:disabled{cursor:pointer;opacity:1;transform:none}.loading-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:12px;height:12px;border-width:1.5px}.loading-spinner.large{width:48px;height:48px;border-width:4px}.company-badge{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);padding:12px 18px;border-radius:10px;margin-bottom:14px;box-shadow:0 8px 24px #667eea40}.badge-icon{width:36px;height:36px;background:#fff3;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:#fff;flex-shrink:0}.badge-text{display:flex;flex-direction:column;gap:1px}.badge-title{font-size:1rem;font-weight:800;color:#fff;letter-spacing:.2px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.badge-subtitle{font-size:.7rem;font-weight:500;color:#ffffffe6;letter-spacing:.1px}.security-notice{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:6px;margin-bottom:12px;font-size:.75rem;font-weight:600;color:#15803d}.security-icon{font-size:.85rem;color:#16a34a}.login-info{display:flex;flex-direction:column;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.info-item{display:flex;align-items:center;gap:8px;padding:7px 10px;background:#f8fafc;border-radius:6px;transition:all .3s ease}.info-item:hover{background:#f1f5f9;transform:translate(2px)}.info-icon{font-size:.95rem;flex-shrink:0}.info-text{font-size:.75rem;font-weight:500;color:#475569}.login-footer{margin-top:12px;text-align:center;padding-top:10px;border-top:1px solid #e2e8f0}.footer-text{font-size:.7rem;color:#94a3b8;margin-bottom:2px}.footer-subtext{font-size:.65rem;color:#cbd5e0;font-weight:500}.swal-toast-modern{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.swal-loading-popup{border-radius:12px!important;padding:20px!important}.swal-loading-title{font-size:1.1rem!important;font-weight:700!important;color:#1a202c!important;margin-bottom:8px!important}.swal-loading-text{font-size:.8rem!important;color:#718096!important;margin-top:6px!important}.swal2-loader{border-color:#667eea transparent #667eea transparent!important;width:40px!important;height:40px!important;border-width:3px!important}@media(max-width:1200px){.brand-title{font-size:2.5rem}.brand-subtitle{font-size:.9rem}.brand-subtitle .highlight{font-size:1rem}.feature-item{font-size:.8rem}}@media(max-width:1024px){.login-left{display:none}.login-right{flex:1;width:100%;padding:20px 30px}}@media(max-width:768px){.login-right{padding:16px 24px}.login-form-container{padding:20px 24px}.company-badge{padding:10px 16px;margin-bottom:12px}.badge-icon{width:32px;height:32px;font-size:1rem}.badge-title{font-size:.95rem}.badge-subtitle{font-size:.65rem}.security-notice{padding:7px 11px;font-size:.7rem;margin-bottom:10px}.login-info{gap:7px;margin-top:10px;padding-top:10px}.info-item{padding:6px 9px}.info-text{font-size:.7rem}.form-group.remember-me{margin:7px 0 10px;padding:8px 0;gap:8px}.form-group.remember-me input[type=checkbox]{width:16px;height:16px;min-width:16px;min-height:16px}.form-group.remember-me label{font-size:.75rem;height:16px}}@media(max-width:480px){.login-right{padding:14px 18px}.login-form-wrapper{max-width:100%}.login-form-container{padding:18px 20px;border-radius:12px}.login-title{font-size:1.2rem;margin-bottom:2px}.login-subtitle{font-size:.75rem;margin-bottom:12px}.company-badge{padding:10px 14px;gap:8px;margin-bottom:10px}.badge-icon{width:30px;height:30px;font-size:.95rem}.badge-title{font-size:.9rem}.badge-subtitle{font-size:.6rem}.form-label{font-size:.7rem;margin-bottom:4px}.form-input{padding:9px 11px;font-size:.8rem;height:36px}.security-notice{padding:6px 10px;font-size:.65rem;margin-bottom:10px}.login-info{gap:6px;margin-top:10px;padding-top:10px}.info-item{padding:5px 8px}.info-icon{font-size:.85rem}.info-text{font-size:.65rem}.signin-button{padding:10px 16px;font-size:.8rem;letter-spacing:.5px;height:38px}.login-footer{margin-top:10px;padding-top:8px}.footer-text{font-size:.65rem;margin-bottom:2px}.footer-subtext{font-size:.6rem}.form-group.remember-me{margin:6px 0 10px;padding:8px 0;gap:8px}.form-group.remember-me input[type=checkbox]{width:15px;height:15px;min-width:15px;min-height:15px}.form-group.remember-me label{font-size:.7rem;height:15px}}@media(max-width:360px){.login-form-container{padding:16px 18px}.login-title{font-size:1.1rem}.company-badge{padding:8px 12px}.badge-icon{width:28px;height:28px;font-size:.9rem}}@media print{.login-page{display:none}}@media(prefers-contrast:high){.form-input{border-width:3px}.signin-button{border:2px solid #fff}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.setup-page{display:flex;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.setup-left{flex:1;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.setup-left:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#667eea4d}.setup-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;background:#fff;overflow-y:auto}.setup-container{width:100%;max-width:600px}.setup-header{text-align:center;margin-bottom:40px}.setup-title{font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.setup-subtitle{font-size:18px;color:#64748b;margin:0 0 16px;font-weight:500}.setup-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;padding:16px;margin-top:16px}.setup-info p{margin:0;color:#0369a1;font-size:14px;line-height:1.5}.setup-form{display:flex;flex-direction:column;gap:32px}.form-section{background:#f8fafc;border-radius:12px;padding:24px;border:1px solid #e2e8f0}.form-section h3{margin:0 0 20px;font-size:18px;font-weight:600;color:#374151;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;color:#374151;font-size:14px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#6b7280;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:60px}.password-wrapper{position:relative;display:flex;align-items:center}.password-toggle{position:absolute;right:16px;cursor:pointer;color:#6b7280;padding:4px;border-radius:4px;transition:all .2s ease}.password-toggle:hover{color:#374151;background:#f3f4f6}.setup-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:16px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.setup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.setup-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.loading-spinner{width:20px;height:20px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner.small{width:16px;height:16px}.system-info{text-align:center;margin-top:24px;padding:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:8px;border:1px solid #bae6fd}.system-info p{margin:0;color:#0369a1;font-size:13px;line-height:1.4}@media(max-width:768px){.setup-page{flex-direction:column}.setup-left{min-height:200px;flex:none}.setup-right{padding:20px}.setup-title{font-size:28px}.setup-subtitle{font-size:16px}.form-row{grid-template-columns:1fr;gap:16px}.form-section{padding:20px}}@media(max-width:480px){.setup-right{padding:16px}.setup-title{font-size:24px}.form-section{padding:16px}.setup-button{padding:14px 20px;font-size:15px}}.custom-sidebar-dark{width:260px;height:100vh;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-right:1px solid #2d2d2d;box-shadow:2px 0 15px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:10;display:flex;flex-direction:column}.custom-sidebar-dark.ant-layout-sider-collapsed{width:80px}.sidebar-logo-dark{height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);flex-shrink:0;border-bottom:1px solid #2d2d2d;position:relative;box-shadow:0 2px 8px #0006}.sidebar-logo-dark a{color:#fff!important;text-decoration:none;font-size:1.4rem;font-weight:700;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sidebar-scroll-dark{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;position:relative}.sidebar-scroll-dark::-webkit-scrollbar{width:6px}.sidebar-scroll-dark::-webkit-scrollbar-track{background:#1a1a1a}.sidebar-scroll-dark::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.sidebar-scroll-dark::-webkit-scrollbar-thumb:hover{background:#555}.sidebar-menu-dark.ant-menu{background:transparent;border-right:none;font-size:13px;color:#b0b0b0;padding:12px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar-menu-dark .ant-menu-item,.sidebar-menu-dark .ant-menu-submenu-title{height:auto;line-height:1.5;padding:10px 12px!important;margin:2px 4px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#b0b0b0;font-weight:500;font-size:13px;border:1px solid transparent;text-transform:capitalize;letter-spacing:.3px}.sidebar-menu-dark .ant-menu-item:hover,.sidebar-menu-dark .ant-menu-submenu-title:hover{background:#ffffff14;color:#e0e0e0;transform:translate(4px);border-color:#404040}.sidebar-menu-dark .ant-menu-item-selected{background:#ffffff14;color:#e0e0e0;font-weight:500;border-left:none;border-color:transparent;box-shadow:none}.sidebar-menu-dark .ant-menu-item-selected:after{display:none}.sidebar-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title{background:#ffffff14;color:#e0e0e0;border-color:transparent}.sidebar-menu-dark .ant-menu-sub{background:#141414cc;border-radius:8px;margin:4px 8px;border-left:2px solid #3a3a3a;padding:4px 0;animation:slideDown .3s ease;box-shadow:inset 0 2px 8px #0000004d}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sidebar-menu-dark .ant-menu-sub .ant-menu-item{height:auto;line-height:1.5;padding:10px 12px 10px 28px!important;margin:3px 6px;font-size:12px;font-weight:400;color:#a8a8a8;border-radius:6px;text-transform:capitalize;letter-spacing:.2px;border-left:none;transition:all .2s ease;background:transparent}.sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover{background:#ffffff1a;color:#fff;transform:translate(2px);border-radius:6px}.sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#ffffff1a;color:#fff;font-weight:400;border-left:none;border-radius:6px;box-shadow:none}.sidebar-menu-dark .anticon{font-size:14px;margin-right:10px;width:16px;text-align:center;color:gray;transition:color .3s ease}.sidebar-menu-dark .ant-menu-item:hover .anticon,.sidebar-menu-dark .ant-menu-submenu-title:hover .anticon,.sidebar-menu-dark .ant-menu-item-selected .anticon{color:#fff}.sidebar-menu-dark .ant-menu-title-content{flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:capitalize;font-weight:500;letter-spacing:.2px;font-size:13px;white-space:nowrap;color:inherit}.sidebar-menu-dark .ant-menu-submenu-arrow{font-size:10px;color:#606060;transition:all .3s ease;right:16px}.sidebar-menu-dark .ant-menu-submenu-open .ant-menu-submenu-arrow{transform:rotate(180deg);color:gray}.sidebar-menu-dark .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.menu-divider-dark{height:1px;background:linear-gradient(90deg,transparent 0%,#2d2d2d 20%,#2d2d2d 80%,transparent 100%);margin:8px 12px;opacity:.6}.sidebar-logout-menu-dark{border-top:1px solid #2d2d2d;background:transparent;margin-top:auto;padding:12px 8px}.sidebar-logout-menu-dark.ant-menu{background:transparent;border-right:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sidebar-logout-menu-dark .ant-menu-item{background:transparent;color:#b0b0b0;margin:2px 4px;height:auto;line-height:1.5;padding:10px 12px!important;border-radius:8px;border:1px solid transparent;font-weight:500;font-size:13px;transition:all .3s ease}.sidebar-logout-menu-dark .ant-menu-item:hover{background:#ff64641f;color:#e0e0e0;transform:translate(4px);border-color:#404040}.sidebar-logout-menu-dark .ant-menu-item .anticon{color:gray;font-size:14px;margin-right:10px;width:16px;text-align:center;transition:color .3s ease}.sidebar-logout-menu-dark .ant-menu-item:hover .anticon{color:#e0e0e0}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item,.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-submenu-title{padding:12px calc(50% - 8px)!important;text-align:center;justify-content:center;margin:2px 0}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .anticon{margin-right:0;font-size:18px}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-title-content,.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-submenu-arrow{display:none}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-logout-menu-dark .ant-menu-item{padding:12px calc(50% - 8px)!important;text-align:center;justify-content:center;margin:2px 0}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-logout-menu-dark .anticon{margin-right:0;font-size:18px}.sidebar-menu-dark.ant-menu-dark,.sidebar-menu-dark.ant-menu-dark .ant-menu-sub,.sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-title,.sidebar-menu-dark.ant-menu-dark .ant-menu-item{background:transparent!important;color:#b0b0b0!important;border-color:transparent!important}.sidebar-menu-dark.ant-menu-dark .ant-menu-item-selected,.sidebar-menu-dark.ant-menu-dark .ant-menu-item-active,.sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-selected{background:#ffffff14!important;color:#e0e0e0!important;border-color:transparent!important}.sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-title:hover,.sidebar-menu-dark.ant-menu-dark .ant-menu-item:hover{background:#ffffff14!important;color:#e0e0e0!important}.sidebar-menu-dark .ant-menu-sub.ant-menu-inline{background:#141414cc!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item{background:transparent!important;color:#a8a8a8!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover,.sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#ffffff1a!important;color:#fff!important}.sidebar-logout-menu-dark.ant-menu-dark,.sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item{background:transparent!important;color:#b0b0b0!important}.sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item:hover{background:#ff64641f!important;color:#e0e0e0!important}@media(max-width:768px){.sidebar-logo-dark{height:50px}.sidebar-logo-dark a{font-size:1.2rem}.sidebar-menu-dark .ant-menu-item,.sidebar-menu-dark .ant-menu-submenu-title{font-size:12px;padding:8px 10px!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item{font-size:11px;padding:6px 10px 6px 24px!important}.sidebar-menu-dark .anticon{font-size:13px}}@media(max-width:480px){.custom-sidebar-dark{width:70px}.sidebar-logo-dark{height:45px}.sidebar-logo-dark a{font-size:1rem}.sidebar-menu-dark .ant-menu-item,.sidebar-menu-dark .ant-menu-submenu-title{font-size:11px;padding:6px 8px!important}}.sidebar-menu-dark .ant-menu-item,.sidebar-menu-dark .ant-menu-submenu-title,.sidebar-menu-dark .anticon,.sidebar-logout-menu-dark .ant-menu-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-menu-dark .ant-menu-item:focus,.sidebar-menu-dark .ant-menu-submenu-title:focus{outline:2px solid #606060;outline-offset:2px}.sidebar-logout-menu-dark .ant-menu-item:focus{outline:2px solid #808080;outline-offset:2px}.calculator-model-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:calc-fade-in .3s ease}@keyframes calc-fade-in{0%{opacity:0}to{opacity:1}}.calculator-model-container{background:linear-gradient(135deg,#1a1a1a,#242424);border-radius:16px;border:1px solid #404040;box-shadow:0 20px 60px #00000080;width:100%;max-width:380px;max-height:90vh;overflow-y:auto;animation:calc-slide-up .3s ease}@keyframes calc-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calculator-model-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#2d2d2d,#252525);border-bottom:1px solid #404040}.calculator-model-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:800;color:#e0e0e0;text-transform:capitalize;letter-spacing:-.3px}.calculator-model-title-icon{width:20px;height:20px;color:#667eea;stroke-width:2.5}.calculator-model-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#3d3d3d,#353535);border:1px solid #505050;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#e0e0e0;padding:0}.calculator-model-close-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff;transform:rotate(90deg)}.calculator-model-close-btn svg{width:16px;height:16px;stroke-width:2.5}.calculator-model-history{padding:12px 20px;background:#252525;border-bottom:1px solid #2d2d2d;max-height:100px;overflow-y:auto}.calculator-model-history-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.calculator-model-history-title svg{width:14px;height:14px;color:#667eea}.calculator-model-history-list{display:flex;flex-direction:column;gap:6px}.calculator-model-history-item{font-size:12px;color:#d1d5db;font-family:Courier New,monospace;padding:6px 8px;background:#1a1a1a;border-radius:6px;border-left:2px solid #667eea;transition:all .2s ease}.calculator-model-history-item:hover{background:#2d2d2d;color:#e0e0e0}.calculator-model-display{padding:20px;background:linear-gradient(135deg,#1a1a1a,#252525);border-bottom:1px solid #2d2d2d}.calculator-model-display-input{background:#0f0f0f;border:1px solid #404040;border-radius:10px;padding:16px;text-align:right;min-height:60px;display:flex;align-items:center;justify-content:flex-end;box-shadow:inset 0 2px 8px #0000004d}.calculator-model-value{font-size:28px;font-weight:700;color:#e0e0e0;font-family:Courier New,monospace;word-break:break-all;letter-spacing:-.5px}.calculator-model-error{font-size:24px;font-weight:700;color:#ef4444;font-family:Courier New,monospace}.calculator-model-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px;background:linear-gradient(135deg,#1a1a1a,#242424)}.calculator-model-btn{padding:14px;border:1px solid #404040;border-radius:10px;background:linear-gradient(135deg,#2d2d2d,#252525);color:#e0e0e0;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-height:48px;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 2px 6px #0003}.calculator-model-btn:hover{background:linear-gradient(135deg,#3d3d3d,#353535);border-color:#505050;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.calculator-model-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0003}.calculator-model-btn-number{color:#e0e0e0}.calculator-model-btn-number:hover{background:linear-gradient(135deg,#3d3d3d,#353535);border-color:#505050}.calculator-model-btn-operator{color:#f59e0b;border-color:#f59e0b}.calculator-model-btn-operator:hover{background:linear-gradient(135deg,#3d2d1f,#352d1f);border-color:#f59e0b;box-shadow:0 4px 12px #f59e0b33}.calculator-model-btn-clear{color:#ef4444;border-color:#ef4444}.calculator-model-btn-clear:hover{background:linear-gradient(135deg,#3d2d2d,#352525);border-color:#ef4444;box-shadow:0 4px 12px #ef444433}.calculator-model-btn-equals{grid-column:span 1;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;font-weight:800}.calculator-model-btn-equals:hover{background:linear-gradient(135deg,#764ba2,#667eea);border-color:#764ba2;box-shadow:0 4px 16px #667eea4d}.calculator-model-btn-span-2{grid-column:span 2}.calculator-model-btn svg{width:18px;height:18px;stroke-width:2.5}.calculator-model-shortcuts{padding:12px 16px;background:#252525;border-top:1px solid #2d2d2d;border-bottom:1px solid #2d2d2d}.calculator-model-shortcuts-title{font-size:11px;font-weight:800;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.calculator-model-shortcuts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.calculator-model-shortcuts-list span{font-size:11px;color:#d1d5db;padding:6px 8px;background:#1a1a1a;border-radius:6px;border-left:2px solid #667eea;font-family:Courier New,monospace}.calculator-model-guide{padding:12px 16px;background:#252525}.calculator-model-guide-title{font-size:11px;font-weight:800;color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.calculator-model-guide-list{display:flex;flex-direction:column;gap:6px}.calculator-model-guide-list span{font-size:11px;color:#d1d5db;padding:6px 8px;background:#1a1a1a;border-radius:6px;border-left:2px solid #10b981;font-family:Courier New,monospace}.calculator-model-history::-webkit-scrollbar{width:6px}.calculator-model-history::-webkit-scrollbar-track{background:#1a1a1a}.calculator-model-history::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.calculator-model-history::-webkit-scrollbar-thumb:hover{background:#505050}.calculator-model-container::-webkit-scrollbar{width:6px}.calculator-model-container::-webkit-scrollbar-track{background:#1a1a1a}.calculator-model-container::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.calculator-model-container::-webkit-scrollbar-thumb:hover{background:#505050}@media(max-width:480px){.calculator-model-container{max-width:95%;margin:0 auto}.calculator-model-buttons{grid-template-columns:repeat(4,1fr);gap:6px;padding:12px}.calculator-model-btn{font-size:14px;padding:12px;min-height:44px}.calculator-model-display-input{padding:12px;min-height:50px}.calculator-model-value{font-size:24px}.calculator-model-error{font-size:20px}.calculator-model-title{font-size:14px}.calculator-model-shortcuts-list{grid-template-columns:1fr}.calculator-model-guide-list{display:none}}@media(max-width:360px){.calculator-model-container{max-width:100%;border-radius:12px}.calculator-model-btn{font-size:12px;padding:10px;min-height:40px}.calculator-model-value{font-size:20px}.calculator-model-shortcuts,.calculator-model-guide{display:none}}.calculator-model-btn:focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-reduced-motion:reduce){.calculator-model-overlay,.calculator-model-container,.calculator-model-btn,.calculator-model-close-btn{animation:none;transition:none}}@media print{.calculator-model-overlay{display:none}}.dashboard_container{flex:1;min-height:0;overflow-y:auto;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/panelbackground5-D4PvDjbH.jpg)}#notification_modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}#notification_modal_content{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;width:90%;max-width:450px;max-height:70vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}#notification_modal_content h2{margin:0;padding:10px 12px;font-size:14px;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:6px}#notification_modal_content h2:before{content:"🔔";font-size:16px}.notification-close-button{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:#f3f4f6;color:#6b7280;font-size:14px;font-weight:700;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10;padding:0}.notification-close-button:hover{background:#e5e7eb;color:#1f2937;transform:scale(1.1)}.notification-close-button:active{transform:scale(.95)}#notification_modal_content .ant-list{padding:8px 0}#notification_modal_content .ant-list-item{background-color:#fff;margin:4px 6px!important;border-radius:6px;border-left:3px solid #3b82f6;transition:all .3s ease;padding:8px 10px!important;min-height:auto}#notification_modal_content .ant-list-item[style*=e6f7ff]{background:linear-gradient(135deg,#e6f7ff,#bae7ff);border-left-color:#1890ff;box-shadow:0 2px 6px #1890ff1f}#notification_modal_content .ant-list-item[style*=fafafa]{background:#fafafa;border-left-color:#d9d9d9;opacity:.85}#notification_modal_content .ant-list-item:hover{box-shadow:0 2px 8px #00000014;transform:translate(2px)}#notification_modal_content .ant-list-item-meta-avatar{min-width:28px}#notification_modal_content .ant-avatar{background:linear-gradient(135deg,#667eea,#764ba2);font-size:12px;width:28px;height:28px;line-height:28px}#notification_modal_content .ant-list-item-meta{margin:0}#notification_modal_content .ant-list-item-meta-title{font-size:11px;font-weight:500;color:#1f2937;margin-bottom:2px;line-height:1.3}#notification_modal_content .ant-list-item-meta-title strong{color:#1890ff;font-weight:600}#notification_modal_content .ant-list-item-meta-title em{color:#f59e0b;font-style:normal;font-weight:600}#notification_modal_content .ant-list-item-meta-description{font-size:10px;color:#9ca3af;margin-top:2px;line-height:1.2}#notification_modal_content .ant-list-item-action{gap:2px;margin-left:6px}#notification_modal_content .ant-list-item-action li{margin:0}#notification_modal_content .ant-btn-link{font-size:9px;padding:2px 4px!important;height:auto;transition:all .2s ease;min-width:auto}#notification_modal_content .ant-btn-link .anticon{font-size:10px;margin-right:2px}#notification_modal_content .ant-btn-link:not(.ant-btn-dangerous){color:#3b82f6}#notification_modal_content .ant-btn-link:not(.ant-btn-dangerous):hover{color:#1d4ed8;background:#3b82f614;border-radius:3px}#notification_modal_content .ant-btn-dangerous{color:#ef4444}#notification_modal_content .ant-btn-dangerous:hover{color:#dc2626;background:#ef444414;border-radius:3px}#notification_modal_content .ant-spin{display:flex;justify-content:center;align-items:center;padding:20px 10px}#notification_modal_content .ant-spin-spinning{color:#3b82f6}#notification_modal_content .ant-empty{padding:20px 10px}#notification_modal_content .ant-empty-description{color:#9ca3af;font-size:11px}#notification_modal_content::-webkit-scrollbar{width:5px}#notification_modal_content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}#notification_modal_content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}#notification_modal_content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){#notification_modal_content{width:95%;max-width:400px;max-height:80vh}#notification_modal_content h2{font-size:13px;padding:8px 10px}#notification_modal_content .ant-list-item{margin:3px 4px!important;padding:6px 8px!important}#notification_modal_content .ant-list-item-meta-title{font-size:10px}#notification_modal_content .ant-list-item-meta-description{font-size:9px}#notification_modal_content .ant-btn-link{font-size:8px;padding:1px 3px!important}}@media(max-width:480px){#notification_modal_content{width:98%;max-width:350px;max-height:85vh;border-radius:6px}#notification_modal_content h2{font-size:12px;padding:6px 8px;gap:4px}#notification_modal_content h2:before{font-size:14px}#notification_modal_content .ant-list{padding:4px 0}#notification_modal_content .ant-list-item{margin:2px 3px!important;padding:5px 6px!important}#notification_modal_content .ant-list-item-meta-avatar{min-width:24px}#notification_modal_content .ant-avatar{width:24px;height:24px;line-height:24px;font-size:10px}#notification_modal_content .ant-list-item-meta-title{font-size:9px}#notification_modal_content .ant-list-item-meta-description{font-size:8px}#notification_modal_content .ant-list-item-action{gap:1px;margin-left:4px}#notification_modal_content .ant-btn-link{font-size:7px;padding:1px 2px!important}.notification-close-button{width:20px;height:20px;font-size:12px;top:6px;right:6px}}@media(prefers-color-scheme:dark){#notification_modal{background-color:#000000b3}#notification_modal_content{background:#1f2937;color:#f3f4f6}#notification_modal_content h2{color:#f3f4f6;border-bottom-color:#374151}#notification_modal_content .ant-list-item{background-color:#111827;border-left-color:#3b82f6}#notification_modal_content .ant-list-item[style*=e6f7ff]{background:linear-gradient(135deg,#1e3a5f,#1e40af)}#notification_modal_content .ant-list-item[style*=fafafa]{background:#374151}#notification_modal_content .ant-list-item-meta-title{color:#f3f4f6}#notification_modal_content .ant-list-item-meta-description{color:#9ca3af}.notification-close-button{background:#374151;color:#d1d5db}.notification-close-button:hover{background:#4b5563;color:#f3f4f6}#notification_modal_content::-webkit-scrollbar-track{background:#374151}#notification_modal_content::-webkit-scrollbar-thumb{background:#6b7280}#notification_modal_content::-webkit-scrollbar-thumb:hover{background:#9ca3af}}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(-15px)}to{opacity:1;transform:translate(0)}}#notification_modal_content .ant-list-item{animation:notificationSlideIn .3s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}#notification_modal_content .ant-list-item[style*=e6f7ff]{animation:pulse 2s ease-in-out infinite}.profile-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}.profile-modal-container{position:relative;background:#fff;border-radius:12px;width:100%;max-width:1200px;max-height:75vh;box-shadow:0 10px 40px #0003;border:2px solid #2d3748;animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.profile-modal-close-btn{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;background:#1a1a1a;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #1a1a1a4d}.profile-modal-close-btn:hover{background:#0d0d0d;transform:scale(1.1);box-shadow:0 4px 12px #1a1a1a80}.profile-modal-close-btn:active{transform:scale(.95)}.profile-modal-header{background:#2d3748;color:#fff;padding:12px 16px;border-bottom:2px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.profile-modal-header-left{display:flex;align-items:center;gap:12px}.profile-modal-title{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.profile-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px;flex:1}.profile-modal-loading p{font-size:13px;color:#495057;margin:0}.profile-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;gap:10px;flex:1}.profile-modal-error p{font-size:13px;color:#dc3545;margin:0}.profile-modal-retry-btn{padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease}.profile-modal-retry-btn:hover{background:#c82333;transform:translateY(-2px)}.profile-modal-body{padding:12px 16px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:12px}.profile-modal-body::-webkit-scrollbar{width:6px}.profile-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.profile-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.profile-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.profile-modal-user-card{display:flex;gap:12px;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;align-items:center;flex-shrink:0}.profile-modal-avatar-section{flex-shrink:0}.profile-modal-avatar{width:80px;height:80px;border-radius:6px;object-fit:cover;border:2px solid #2d3748;box-shadow:0 2px 8px #0000001a}.profile-modal-user-info{flex:1}.profile-modal-fullname{margin:0 0 2px;font-size:16px;font-weight:700;color:#1f2937}.profile-modal-username{margin:0 0 6px;font-size:12px;color:#6b7280;font-weight:500}.profile-modal-badges{display:flex;gap:6px;flex-wrap:wrap}.profile-modal-badge{display:inline-block;padding:3px 8px;border-radius:10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.profile-modal-badge.type-admin{background:#fee2e2;color:#991b1b}.profile-modal-badge.type-manager{background:#fef3c7;color:#92400e}.profile-modal-badge.type-user{background:#dbeafe;color:#1e40af}.profile-modal-badge.status-active{background:#d1fae5;color:#065f46}.profile-modal-badge.status-inactive{background:#fee2e2;color:#991b1b}.profile-modal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.profile-modal-section{padding:10px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.profile-modal-section-title{margin:0 0 8px;font-size:11px;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.4px;border-bottom:1px solid #e9ecef;padding-bottom:6px}.profile-modal-section-content{display:grid;grid-template-columns:1fr;gap:6px}.profile-modal-field{display:grid;grid-template-columns:100px 1fr;gap:6px;padding:4px 0;font-size:11px}.profile-modal-field-label{font-weight:600;color:#6b7280;margin:0;white-space:nowrap}.profile-modal-field-value{color:#1f2937;font-weight:500;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-modal-footer{display:flex;gap:8px;padding:10px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end;flex-shrink:0}.profile-modal-btn{padding:8px 14px;border:none;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;display:flex;align-items:center;gap:4px}.profile-modal-btn.close-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 6px #1a1a1a33}.profile-modal-btn.close-btn:hover{background:#2d2d2d;transform:translateY(-1px);box-shadow:0 3px 8px #1a1a1a4d}.profile-modal-btn.pdf-btn{background:#28a745;color:#fff;box-shadow:0 2px 6px #28a74533}.profile-modal-btn.pdf-btn:hover:not(:disabled){background:#218838;transform:translateY(-1px);box-shadow:0 3px 8px #28a7454d}.profile-modal-btn:disabled{opacity:.5;cursor:not-allowed}.profile-modal-btn:active:not(:disabled){transform:translateY(0)}@media(max-width:1200px){.profile-modal-container{max-width:95%}.profile-modal-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.profile-modal-container{max-width:90%}.profile-modal-grid{grid-template-columns:repeat(2,1fr)}.profile-modal-body{padding:10px 14px;gap:10px}}@media(max-width:768px){.profile-modal-container{max-width:95%;max-height:80vh}.profile-modal-body{padding:10px 12px}.profile-modal-user-card{flex-direction:column;text-align:center;gap:10px;padding:10px}.profile-modal-avatar{width:70px;height:70px}.profile-modal-fullname{font-size:14px}.profile-modal-grid{grid-template-columns:repeat(2,1fr);gap:8px}.profile-modal-section{padding:8px}.profile-modal-section-title{font-size:10px;margin-bottom:6px}.profile-modal-field{grid-template-columns:80px 1fr;font-size:10px;padding:3px 0}.profile-modal-footer{gap:6px;padding:8px 12px}.profile-modal-btn{padding:6px 10px;font-size:10px}}@media(max-width:600px){.profile-modal-container{max-width:100%;border-radius:8px;max-height:85vh}.profile-modal-header{padding:10px 12px}.profile-modal-title{font-size:14px}.profile-modal-close-btn{width:28px;height:28px}.profile-modal-body{padding:8px 10px;gap:8px}.profile-modal-user-card{gap:8px;padding:8px}.profile-modal-avatar{width:60px;height:60px}.profile-modal-fullname{font-size:13px}.profile-modal-username{font-size:11px}.profile-modal-grid{grid-template-columns:1fr;gap:6px}.profile-modal-section{padding:6px}.profile-modal-section-title{font-size:9px;margin-bottom:4px}.profile-modal-section-content{gap:4px}.profile-modal-field{grid-template-columns:70px 1fr;font-size:9px;padding:2px 0;gap:4px}.profile-modal-footer{flex-direction:column;gap:4px;padding:6px 10px}.profile-modal-btn{width:100%;justify-content:center;padding:6px 8px;font-size:9px}}@media(max-width:480px){.profile-modal-container{max-width:100%;border-radius:6px;max-height:90vh}.profile-modal-header{padding:8px 10px}.profile-modal-title{font-size:13px}.profile-modal-body{padding:6px 8px;gap:6px}.profile-modal-user-card{gap:6px;padding:6px}.profile-modal-avatar{width:50px;height:50px}.profile-modal-fullname{font-size:12px}.profile-modal-username{font-size:10px}.profile-modal-badge{padding:2px 6px;font-size:8px}.profile-modal-grid{grid-template-columns:1fr;gap:4px}.profile-modal-section{padding:4px}.profile-modal-section-title{font-size:8px;margin-bottom:2px;padding-bottom:2px}.profile-modal-section-content{gap:2px}.profile-modal-field{grid-template-columns:60px 1fr;font-size:8px;padding:1px 0;gap:2px}.profile-modal-field-label,.profile-modal-field-value{font-size:8px}.profile-modal-footer{gap:2px;padding:4px 8px}.profile-modal-btn{padding:4px 6px;font-size:8px}}.profile-modal-close-btn:focus,.profile-modal-btn:focus{outline:2px solid #2d3748;outline-offset:2px}@media(prefers-reduced-motion:reduce){.profile-modal-overlay,.profile-modal-container,.profile-modal-close-btn,.profile-modal-btn{transition:none;animation:none}}.custom-app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:linear-gradient(135deg,#2a2a2a,#333);border-bottom:2px solid #404040;box-shadow:0 4px 20px #0006;position:sticky;top:0;height:60px;z-index:1000;transition:all .3s ease}.custom-header-left-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.custom-header-center-section{flex:1;display:flex;align-items:center;justify-content:center;margin:0 20px}.custom-header-right-section{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.custom-header-space-wrapper{display:flex;align-items:center;gap:12px!important}.custom-toggle-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1.5px solid #d0d0d0;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.custom-toggle-menu-button:hover{background:linear-gradient(135deg,#fff,#f0f0f0);border-color:#b0b0b0;box-shadow:0 4px 16px #667eea40;transform:translateY(-1px)}.custom-toggle-menu-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.custom-toggle-menu-icon{font-size:18px;color:#2d2d2d;font-weight:700;line-height:1}.custom-company-branding-box{display:flex;align-items:center;gap:10px;padding:6px 16px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:10px;border:1.5px solid #d0d0d0;box-shadow:0 2px 8px #00000026}.custom-company-branding-icon{font-size:20px;line-height:1}.custom-company-branding-text{font-size:15px;font-weight:800;color:#2d2d2d;letter-spacing:-.3px}.custom-action-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1.5px solid #d0d0d0;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:700;color:#2d2d2d;box-shadow:0 2px 8px #00000026;line-height:1}.custom-action-icon-button:hover{background:linear-gradient(135deg,#fff,#f0f0f0);border-color:#b0b0b0;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.custom-action-icon-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.custom-calculator-icon-btn{color:#667eea!important}.custom-calculator-icon-btn:hover{background:linear-gradient(135deg,#eff6ff,#e0e7ff)!important;border-color:#667eea!important;box-shadow:0 4px 16px #667eea4d!important}.custom-notification-bell-btn{color:#f59e0b!important}.custom-notification-bell-btn:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-color:#f59e0b!important;box-shadow:0 4px 16px #f59e0b4d!important}.custom-logout-icon-btn{color:#ef4444!important}.custom-logout-icon-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#ef4444!important;box-shadow:0 4px 16px #ef44444d!important}.custom-restart-icon-btn{color:#10b981!important}.custom-restart-icon-btn:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#10b981!important;box-shadow:0 4px 16px #10b9814d!important}.custom-reboot-icon-btn{color:#ef4444!important}.custom-reboot-icon-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#ef4444!important;box-shadow:0 4px 16px #ef44444d!important}.custom-notification-badge .ant-badge-count{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f5f5f5;box-shadow:0 2px 12px #ef444466;font-weight:800;font-size:11px;color:#fff;animation:custom-pulse-badge-animation 2s infinite}@keyframes custom-pulse-badge-animation{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.custom-user-profile-avatar{width:40px!important;height:40px!important;border:2px solid #d0d0d0;box-shadow:0 2px 12px #0003;transition:all .3s ease;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2)!important}.custom-user-profile-avatar:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea66;transform:scale(1.05)}.custom-user-info-text-wrapper{display:flex;flex-direction:column;line-height:1.2;gap:2px}.custom-user-fullname-text{color:#fff;font-weight:700;font-size:14px;letter-spacing:-.3px}.custom-user-role-text{color:#b0b0b0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.custom-notifications-dropdown-menu{width:320px;max-height:420px;background:#2a2a2a;border-radius:12px;border:1px solid #404040;box-shadow:0 10px 40px #00000080;overflow-y:auto;animation:custom-slide-down-animation .3s ease}.custom-notifications-dropdown-menu .ant-divider{border-color:#3a3a3a;margin:8px 0}.custom-notifications-dropdown-menu .ant-typography{color:#fff!important}.custom-notifications-dropdown-menu .ant-typography-secondary{color:#b0b0b0!important}.custom-notifications-dropdown-menu .ant-list-item{color:#fff}.custom-notifications-dropdown-menu .ant-list-item-meta-title{color:#fff!important}.custom-notifications-dropdown-menu .ant-list-item-meta-description{color:#b0b0b0!important}.custom-profile-dropdown-menu{width:280px;background:#2a2a2a;border-radius:12px;border:1px solid #404040;box-shadow:0 10px 40px #00000080;overflow:hidden;animation:custom-slide-down-animation .3s ease}.custom-profile-dropdown-menu .ant-divider{border-color:#3a3a3a;margin:8px 0}.custom-profile-dropdown-menu .ant-typography{color:#fff!important}.custom-profile-dropdown-menu .ant-typography-secondary{color:#b0b0b0!important}.custom-profile-dropdown-menu .ant-typography-strong{color:#fff!important;font-weight:700}@keyframes custom-slide-down-animation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-loading-state{text-align:center;padding:24px;display:flex;align-items:center;justify-content:center}.custom-dropdown-empty-state{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.custom-dropdown-empty-state p{margin:0;font-size:13px;color:#9ca3af}.custom-notification-list-item{padding:12px 16px!important;border-bottom:1px solid #3a3a3a;transition:all .2s ease}.custom-notification-list-item:hover{background:#333}.custom-notification-list-item:last-child{border-bottom:none}.custom-notification-item-title{font-size:13px;color:#fff;font-weight:600}.custom-notification-item-description{font-size:11px;color:#b0b0b0}.custom-dropdown-footer-section{text-align:center;padding:12px;background:#333;border-top:1px solid #3a3a3a}.custom-view-all-notifications-link{font-size:12px;font-weight:700;color:#667eea;text-decoration:none;transition:all .3s ease;cursor:pointer}.custom-view-all-notifications-link:hover{color:#764ba2;text-decoration:underline}.custom-profile-header-section{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#333,#2a2a2a);border-bottom:1px solid #404040}.custom-profile-info-wrapper{flex:1}.custom-profile-fullname{display:block;font-size:14px;color:#fff!important;font-weight:700;margin-bottom:2px}.custom-profile-username{display:block;font-size:12px;color:#b0b0b0!important}.custom-dropdown-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #3a3a3a;font-size:13px;color:#fff}.custom-dropdown-menu-item:hover{background:#333;padding-left:20px;color:#fff}.custom-dropdown-menu-item:last-child{border-bottom:none}.custom-dropdown-menu-item .ant-typography{color:#fff!important}.custom-dropdown-menu-icon{font-size:14px;color:#667eea;font-weight:700}.custom-dropdown-menu-icon.logout-style{color:#ef4444}.custom-notifications-dropdown-menu::-webkit-scrollbar{width:6px}.custom-notifications-dropdown-menu::-webkit-scrollbar-track{background:#2a2a2a}.custom-notifications-dropdown-menu::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.custom-notifications-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#505050}.custom-profile-dropdown-menu::-webkit-scrollbar{width:6px}.custom-profile-dropdown-menu::-webkit-scrollbar-track{background:#2a2a2a}.custom-profile-dropdown-menu::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.custom-profile-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#505050}@media(max-width:1024px){.custom-app-header{padding:8px 16px}.custom-header-center-section{margin:0 12px}.custom-company-branding-text{font-size:14px}.custom-user-info-text-wrapper{display:none}}@media(max-width:768px){.custom-app-header{padding:8px 12px;height:56px}.custom-header-center-section{display:none}.custom-header-right-section{gap:6px}.custom-header-space-wrapper{gap:6px!important}.custom-action-icon-button,.custom-toggle-menu-button{width:36px;height:36px;font-size:14px}.custom-user-profile-avatar{width:36px!important;height:36px!important}.custom-user-info-text-wrapper{display:none}.custom-notifications-dropdown-menu{width:280px;max-height:380px}.custom-profile-dropdown-menu{width:240px}}@media(max-width:480px){.custom-app-header{padding:6px 8px;height:52px}.custom-action-icon-button,.custom-toggle-menu-button{width:32px;height:32px;font-size:13px}.custom-user-profile-avatar{width:32px!important;height:32px!important}.custom-toggle-menu-icon{font-size:16px}.custom-notification-badge .ant-badge-count{font-size:10px;min-width:18px;height:18px;line-height:18px}.custom-notifications-dropdown-menu{width:260px;max-height:340px}.custom-profile-dropdown-menu{width:220px}.custom-notification-item-title{font-size:12px}.custom-notification-item-description{font-size:10px}.custom-profile-fullname{font-size:13px}.custom-profile-username{font-size:11px}.custom-dropdown-menu-item{font-size:12px;padding:10px 12px}}.custom-toggle-menu-button:focus,.custom-action-icon-button:focus,.custom-user-profile-avatar:focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-reduced-motion:reduce){.custom-toggle-menu-button,.custom-action-icon-button,.custom-user-profile-avatar,.custom-notifications-dropdown-menu,.custom-profile-dropdown-menu{transition:none;animation:none}}@media print{.custom-app-header{display:none}}*{box-sizing:border-box}.dashboard-container{display:flex;flex-direction:column;gap:12px;padding:12px;background:#f8fafc;min-height:100vh}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;padding:12px 16px;box-shadow:0 4px 15px #667eea33}.dashboard-header-controls{display:flex;gap:10px;align-items:center;color:#000;justify-content:flex-end;flex-wrap:wrap}.dashboard-select{padding:8px 12px;border:1px solid rgba(255,255,255,.3);color:#000;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard-select:hover{background:#ffffff40;border-color:#fff6}.dashboard-select:focus{outline:none;background:#ffffff40}.dashboard-select option{background:#1f2937;color:#fff;padding:8px}.dashboard-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard-refresh-btn:hover:not(:disabled){background:#ffffff40;border-color:#fff6;transform:translateY(-1px)}.dashboard-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard-spin{animation:spin 1s linear infinite}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.dashboard-kpi-card{background:#fff;border-radius:8px;padding:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;transition:all .3s ease}.dashboard-kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#cbd5e1}.dashboard-kpi-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dashboard-kpi-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600}.dashboard-kpi-icon.customers{background:#dbeafe;color:#0284c7}.dashboard-kpi-icon.suppliers{background:#ddd6fe;color:#7c3aed}.dashboard-kpi-icon.loans{background:#fce7f3;color:#ec4899}.dashboard-kpi-icon.products{background:#fef3c7;color:#d97706}.dashboard-kpi-label{font-size:11px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dashboard-kpi-value{font-size:24px;font-weight:700;color:#1e293b;margin:6px 0;line-height:1}.dashboard-kpi-footer{display:flex;gap:6px;font-size:11px;flex-wrap:wrap}.dashboard-kpi-active,.dashboard-kpi-amount,.dashboard-kpi-stock{display:flex;align-items:center;gap:3px;padding:4px 8px;background:#f1f5f9;border-radius:4px;color:#475569;font-weight:600}.dashboard-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px}.dashboard-chart-card{background:#fff;border-radius:8px;padding:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.dashboard-chart-title{margin:0 0 12px;font-size:13px;font-weight:700;color:#1e293b}.dashboard-chart-full{grid-column:1 / -1}.dashboard-custom-tooltip{background:#fff;padding:10px;border:1px solid #cbd5e1;border-radius:6px;font-size:11px;box-shadow:0 4px 12px #00000026}.dashboard-tooltip-label{margin:0 0 4px;font-weight:700;color:#1e293b;font-size:12px}.dashboard-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}.dashboard-table-card{background:#fff;border-radius:8px;padding:14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.dashboard-table-title{margin:0 0 12px;font-size:13px;font-weight:700;color:#1e293b}.dashboard-table-wrapper{overflow-x:auto;border-radius:6px}.dashboard-table{width:100%;border-collapse:collapse;font-size:12px}.dashboard-table thead{background:#f1f5f9;border-bottom:1px solid #e2e8f0}.dashboard-table th{padding:10px;text-align:left;font-weight:700;color:#475569;white-space:nowrap;font-size:11px}.dashboard-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .2s ease}.dashboard-table tbody tr:hover{background:#f8fafc}.dashboard-table tbody tr:last-child{border-bottom:none}.dashboard-table td{padding:10px;color:#1e293b}.dashboard-table-center{text-align:center}.dashboard-table-right{text-align:right;font-weight:600}.dashboard-export-section{background:#fff;border-radius:8px;padding:12px 14px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.dashboard-export-buttons{display:flex;gap:10px;flex-wrap:wrap}.dashboard-export-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard-export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dashboard-export-excel{color:#16a34a;border-color:#86efac}.dashboard-export-excel:hover{background:#dcfce7;border-color:#16a34a}.dashboard-export-pdf{color:#dc2626;border-color:#fecaca}.dashboard-export-pdf:hover{background:#fee2e2;border-color:#dc2626}.dashboard-footer{text-align:center;padding:10px;color:#64748b;font-size:11px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.dashboard-footer p{margin:0}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px;gap:16px;background:#fff;border-radius:8px;margin:12px}.dashboard-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.dashboard-loading p,.dashboard-error p{color:#64748b;font-size:14px;margin:0;font-weight:500}.dashboard-retry-btn{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.dashboard-retry-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}@media(max-width:1024px){.dashboard-charts-grid{grid-template-columns:1fr}.dashboard-chart-full{grid-column:1}.dashboard-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dashboard-container{padding:8px;gap:8px}.dashboard-header{padding:10px 12px}.dashboard-kpi-grid{grid-template-columns:1fr}.dashboard-kpi-value{font-size:20px}.dashboard-tables-grid{grid-template-columns:1fr}.dashboard-chart-card,.dashboard-table-card,.dashboard-export-section,.dashboard-footer{padding:10px}.dashboard-table{font-size:11px}.dashboard-table th,.dashboard-table td{padding:8px}}@media(max-width:480px){.dashboard-container{padding:6px;gap:6px}.dashboard-header{padding:8px 10px}.dashboard-header-controls{gap:6px}.dashboard-select,.dashboard-refresh-btn{padding:6px 10px;font-size:12px}.dashboard-kpi-grid{grid-template-columns:1fr;gap:8px}.dashboard-kpi-card{padding:10px}.dashboard-kpi-value{font-size:18px}.dashboard-charts-grid{grid-template-columns:1fr;gap:8px}.dashboard-chart-card{padding:10px}.dashboard-export-btn{padding:8px 12px;font-size:11px}}:root{--primary-color: #3b82f6;--primary-dark: #2563eb;--primary-light: #60a5fa;--success-color: #10b981;--success-dark: #059669;--warning-color: #f59e0b;--danger-color: #ef4444;--danger-dark: #dc2626;--info-color: #06b6d4;--bg-primary: #ffffff;--bg-secondary: #f9fafb;--bg-tertiary: #f3f4f6;--bg-dark: #1f2937;--text-primary: #111827;--text-secondary: #6b7280;--text-light: #9ca3af;--text-white: #ffffff;--border-color: #e5e7eb;--border-light: #f3f4f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}.panl-container{width:100%;height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem;overflow:hidden}.invoice-panel-container{width:100%;height:100%;background:#ffffff9a;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.invoice-panel-header{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--text-white);padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.compact-header{padding:.75rem 1.5rem}.invoice-panel-header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.invoice-panel-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0}.compact-title{font-size:1.25rem}.invoice-panel-title-icon{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.title-gradient{background:linear-gradient(to right,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invoice-panel-user-info{display:flex;gap:1.5rem;align-items:center}.invoice-panel-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.invoice-panel-info-label{opacity:.8;font-weight:500}.invoice-panel-info-value{font-weight:600;background:#fff3;padding:.25rem .75rem;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.invoice-panel-main{display:flex;flex:1;overflow:hidden;gap:1rem;padding:1rem}.invoice-panel-left{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.invoice-panel-right{width:420px;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;padding-right:.5rem}.invoice-panel-right::-webkit-scrollbar{width:6px}.invoice-panel-right::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-sm)}.invoice-panel-right::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.invoice-panel-search-section{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:1rem;box-shadow:var(--shadow-sm)}.invoice-panel-search-row-compact{display:flex;gap:.75rem;align-items:center}.invoice-panel-search-type-mini{min-width:120px;padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;background:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.invoice-panel-search-type-mini:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.invoice-panel-input-group-mini{flex:1;position:relative}.invoice-panel-input-mini{width:100%;padding:.625rem .875rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;transition:all var(--transition-base);background:var(--bg-primary)}.invoice-panel-input-mini:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.invoice-panel-input-mini:disabled{background:var(--bg-tertiary);cursor:not-allowed;opacity:.6}.invoice-panel-input-mini::placeholder{color:var(--text-light)}.invoice-panel-suggestions{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--bg-primary);border:2px solid var(--primary-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:300px;overflow-y:auto;z-index:1000;animation:slideDown .2s ease}.invoice-panel-suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.invoice-panel-suggestion-item:last-child{border-bottom:none}.invoice-panel-suggestion-item:hover{background:var(--bg-secondary);padding-left:1.25rem}.suggestion-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:600;color:var(--text-primary)}.suggestion-icon{color:var(--primary-color);flex-shrink:0}.invoice-panel-suggestion-details{font-size:.75rem;color:var(--text-secondary);display:block;margin-left:1.75rem}.invoice-panel-cards-section{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.invoice-panel-table-header{padding:1rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(255,255,255,.1)}.invoice-panel-table-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:1rem;font-weight:700;color:var(--text-white)}.section-icon{flex-shrink:0}.invoice-table-wrapper-fixed{flex:1;overflow-y:auto;overflow-x:auto}.invoice-table-wrapper-fixed::-webkit-scrollbar{width:8px;height:8px}.invoice-table-wrapper-fixed::-webkit-scrollbar-track{background:var(--bg-secondary)}.invoice-table-wrapper-fixed::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.invoice-items-table{width:100%;border-collapse:collapse;font-size:.875rem}.invoice-items-table thead{background:var(--bg-secondary);position:sticky;top:0;z-index:10}.invoice-items-table th{padding:.875rem 1rem;text-align:left;font-weight:700;color:var(--text-primary);border-bottom:2px solid var(--border-color);white-space:nowrap;font-size:.8rem;text-transform:uppercase;letter-spacing:.025em}.invoice-items-table tbody tr{border-bottom:1px solid var(--border-light);transition:all var(--transition-fast)}.invoice-items-table tbody tr:hover{background:var(--bg-secondary)}.invoice-items-table tbody tr.empty-row{height:60px}.invoice-items-table tbody tr.empty-row:hover{background:transparent}.invoice-items-table td{padding:.875rem 1rem;vertical-align:middle}.table-item-thumb{width:50px;height:50px;border-radius:var(--radius-md);overflow:hidden;border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.table-item-thumb img{width:100%;height:100%;object-fit:cover}.product-name-cell{max-width:200px}.product-name-wrapper{display:flex;flex-direction:column;gap:.25rem}.product-name{font-weight:600;color:var(--text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-id{font-size:.75rem;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,monospace}.barcode-cell{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:600;color:var(--text-secondary);font-size:.8rem}.price-cell,.qty-cell,.amount-cell{font-weight:600;font-family:ui-monospace,SFMono-Regular,monospace;text-align:right}.amount-cell{color:var(--success-color);font-size:.95rem}.actions-cell{text-align:center}.table-action-btn{padding:.5rem;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;justify-content:center;margin:0 .25rem}.view-btn{background:var(--info-color);color:var(--text-white)}.view-btn:hover{background:#0891b2;transform:translateY(-2px);box-shadow:var(--shadow-md)}.delete-btn{background:var(--danger-color);color:var(--text-white)}.delete-btn:hover{background:var(--danger-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.invoice-panel-payment-section{padding:1rem 1.5rem;background:var(--bg-secondary);border-top:2px solid var(--border-color)}.invoice-panel-payment-btn{width:100%;padding:1rem;background:linear-gradient(135deg,var(--success-color) 0%,var(--success-dark) 100%);color:var(--text-white);border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.invoice-panel-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.invoice-panel-payment-btn:active:not(:disabled){transform:translateY(0)}.invoice-panel-payment-btn:disabled{background:var(--bg-tertiary);color:var(--text-light);cursor:not-allowed;box-shadow:none}.invoice-panel-product-details-compact{background:var(--bg-primary);border-radius:var(--radius-lg);border:2px solid var(--primary-color);box-shadow:var(--shadow-md);overflow:hidden;animation:slideInRight .3s ease}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.invoice-panel-product-header{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:center}.invoice-panel-product-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.875rem;font-weight:700;color:var(--text-white)}.close-product-details{background:#fff3;border:none;border-radius:var(--radius-md);padding:.375rem;cursor:pointer;color:var(--text-white);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.close-product-details:hover{background:#ffffff4d;transform:rotate(90deg)}.invoice-panel-product-content-compact{padding:1rem;max-height:400px;overflow-y:auto}.invoice-panel-product-content-compact::-webkit-scrollbar{width:4px}.invoice-panel-product-content-compact::-webkit-scrollbar-track{background:var(--bg-secondary)}.invoice-panel-product-content-compact::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:var(--radius-sm)}.product-info-table-compact{width:100%;border-collapse:collapse}.product-info-table-compact tr{border-bottom:1px solid var(--border-light)}.product-info-table-compact tr:last-child{border-bottom:none}.info-label-compact{padding:.625rem .5rem;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;display:flex;align-items:center;gap:.375rem;width:40%}.info-label-compact svg{color:var(--primary-color);flex-shrink:0}.info-value-compact{padding:.625rem .5rem;font-size:.8rem;font-weight:600;color:var(--text-primary);word-break:break-word}.info-code-compact{font-family:ui-monospace,SFMono-Regular,monospace;background:var(--bg-secondary);padding:.375rem .625rem;border-radius:var(--radius-sm);font-size:.75rem;display:inline-block}.info-price-compact{color:var(--success-color);font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:.9rem}.invoice-panel-totals-panel{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden}.totals-panel-title{background:linear-gradient(135deg,var(--warning-color) 0%,#d97706 100%);padding:.875rem 1rem;margin:0;font-size:.875rem;font-weight:700;color:var(--text-white);display:flex;align-items:center;gap:.5rem}.totals-panel-content{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.total-panel-item{display:flex;align-items:center;gap:.5rem;padding:.625rem;background:var(--bg-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast)}.total-panel-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.total-panel-item svg{color:var(--primary-color);flex-shrink:0}.total-panel-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);flex:1}.total-panel-value{font-size:.875rem;font-weight:700;color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,monospace}.total-panel-main{background:linear-gradient(135deg,var(--success-color) 0%,var(--success-dark) 100%);border:2px solid var(--success-color)}.total-panel-main .total-panel-label,.total-panel-main .total-panel-value{color:var(--text-white)}.total-panel-main svg{color:var(--text-white)}.total-panel-main .total-panel-value{font-size:1.125rem}.invoice-panel-quick-actions{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeIn .3s ease}.invoice-panel-actions-title{background:linear-gradient(135deg,#8b5cf6,#7c3aed);padding:.875rem 1rem;margin:0;font-size:.875rem;font-weight:700;color:var(--text-white);display:flex;align-items:center;gap:.5rem}.quick-actions-grid{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.quick-action-card{display:flex;align-items:center;gap:.75rem;padding:.475rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.quick-action-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--action-color);transform:scaleY(0);transition:transform var(--transition-base)}.quick-action-card:hover{border-color:var(--action-color);transform:translate(4px);box-shadow:var(--shadow-md)}.quick-action-card:hover:before{transform:scaleY(1)}.quick-action-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--action-color);color:var(--text-white);border-radius:var(--radius-md);flex-shrink:0}.quick-action-content{flex:1;display:flex;justify-content:space-between;align-items:center}.quick-action-label{font-size:.8rem;font-weight:700;color:var(--text-primary)}.quick-action-shortcut{font-size:.7rem;font-weight:600;color:var(--text-secondary);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:var(--radius-sm);font-family:ui-monospace,SFMono-Regular,monospace}.product-modal-content-new{padding:1rem 0}.product-modal-image-container{width:100%;height:200px;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-color)}.product-modal-image{width:100%;height:100%;object-fit:contain;padding:.5rem}.product-modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.product-modal-detail-item{display:flex;flex-direction:column;gap:.375rem;padding:.875rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:all var(--transition-base)}.product-modal-detail-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.detail-item-label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em}.detail-item-label svg{color:var(--primary-color);flex-shrink:0}.detail-item-value{font-size:.875rem;font-weight:600;color:var(--text-primary);word-break:break-word}.detail-item-value.detail-code{font-family:ui-monospace,SFMono-Regular,monospace;background:#f3f4f6;padding:.375rem .625rem;border-radius:var(--radius-sm);font-size:.8rem;display:inline-block}.detail-item-value.detail-price{color:var(--success-color);font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:1rem}@media(max-width:1024px){.invoice-panel-right{width:280px}.quick-actions-grid{gap:.5rem}}@media(max-width:768px){.panl-container{padding:.5rem}.invoice-panel-main{flex-direction:column;padding:.5rem}.invoice-panel-right{width:100%;max-height:400px}.invoice-panel-search-row-compact{flex-wrap:wrap}.invoice-panel-input-group-mini{flex:1 1 100%}.product-modal-details-grid{grid-template-columns:1fr}.product-modal-image-container{height:150px}.invoice-panel-user-info{flex-direction:column;gap:.5rem;align-items:flex-end}}@media(max-width:480px){.invoice-panel-title{font-size:1rem}.compact-title{font-size:.875rem}.invoice-items-table{font-size:.75rem}.table-item-thumb{width:40px;height:40px}}@media print{.panl-container{background:#fff;padding:0}.invoice-panel-header,.invoice-panel-right,.invoice-panel-payment-section{display:none}.invoice-panel-main{padding:0}.invoice-items-table{page-break-inside:avoid}}.action-buttons-section{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:.75rem;box-shadow:var(--shadow-sm);flex-shrink:0}.action-buttons-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.action-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:.65rem;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;min-height:85px;font-size:.7rem;font-weight:600;color:var(--text-primary);white-space:normal;line-height:1.1}.action-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-color);opacity:0;transition:opacity var(--transition-base);z-index:-1}.action-button:hover{border-color:var(--button-color);color:var(--text-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-button:hover:before{opacity:.9}.action-button:active{transform:translateY(0)}.action-button-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--button-color);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-base);flex-shrink:0}.action-button:hover .action-button-icon{transform:scale(1.15)}.action-button-label{text-align:center;line-height:1.1;word-break:break-word;font-size:.7rem;font-weight:600;color:inherit}.action-button-shortcut{font-size:.6rem;opacity:.7;font-family:monospace;margin-top:.15rem;font-weight:500}.summary-section-always-visible{background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);padding:.75rem;box-shadow:var(--shadow-sm);margin-top:auto;flex-shrink:0}.summary-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;font-size:.8rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.summary-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.summary-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--bg-secondary);border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.summary-item-label{font-size:.75rem;font-weight:600;color:var(--text-secondary)}.summary-item-value{font-size:.8rem;font-weight:700;color:var(--text-primary);font-family:monospace}.summary-item.total{background:linear-gradient(135deg,var(--success-color) 0%,var(--success-dark) 100%);border-left-color:var(--success-color)}.summary-item.total .summary-item-label,.summary-item.total .summary-item-value{color:#fff}.payment-button-section{margin-top:.75rem}.payment-button-section .invoice-panel-payment-btn{margin:0;padding:.75rem;font-size:.875rem}@media(max-width:1600px){.invoice-panel-right{width:400px}.action-button{min-height:82px;font-size:.68rem;padding:.6rem}.action-button-icon{width:26px;height:26px}}@media(max-width:1400px){.invoice-panel-right{width:380px}.action-buttons-grid{grid-template-columns:repeat(4,1fr)}.action-button{min-height:80px;font-size:.67rem;padding:.6rem}.action-button-icon{width:26px;height:26px}}@media(max-width:1200px){.invoice-panel-right{width:360px}.action-buttons-grid{grid-template-columns:repeat(4,1fr)}.action-button{min-height:78px;font-size:.65rem;padding:.55rem;gap:.3rem}.action-button-label{font-size:.65rem}.action-button-icon{width:24px;height:24px}}@media(max-width:1024px){.invoice-panel-right{width:340px}.action-buttons-grid{grid-template-columns:repeat(4,1fr)}.action-button{min-height:75px;font-size:.62rem;padding:.5rem}.action-button-icon{width:24px;height:24px}.action-button-label{font-size:.62rem}}@media(max-width:768px){.invoice-panel-right{width:100%;max-height:50vh}.action-buttons-grid{grid-template-columns:repeat(3,1fr)}.action-button{min-height:70px;font-size:.6rem}.action-button-label{font-size:.6rem}}@media(max-width:480px){.invoice-panel-right{width:100%;max-height:45vh}.action-buttons-grid{grid-template-columns:repeat(2,1fr)}.action-button{min-height:65px;font-size:.55rem;padding:.4rem}.action-button-label{font-size:.55rem}.action-button-icon{width:22px;height:22px}}.payment-model-design-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:payment-model-design-fadeIn .3s ease-out;overflow:hidden}.payment-model-design-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 50px #0003;position:relative;width:100%;max-width:1400px;height:700px;display:flex;flex-direction:column;animation:payment-model-design-slideUp .4s ease-out;border:1px solid #e2e8f0}.payment-model-design-wide-grid{max-width:1400px;width:100%;height:700px}.payment-model-design-close-button{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;color:#64748b;font-size:24px;font-weight:300;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:15;line-height:1;box-shadow:0 2px 8px #0000001a}.payment-model-design-close-button:hover:not(:disabled){background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.1)}.payment-model-design-close-button:disabled{opacity:.5;cursor:not-allowed}.payment-model-design-header-bar{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:14px 50px 14px 20px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:12px 12px 0 0;flex-shrink:0;text-align:center;box-shadow:0 2px 8px #2563eb26}.payment-model-design-header-label{font-size:12px;font-weight:600;opacity:.95;letter-spacing:.4px;text-transform:uppercase}.payment-model-design-header-amount{font-size:18px;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:.5px}.payment-model-design-grid-container{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px;flex:1;overflow-y:auto;overflow-x:hidden;background:#fafbfc}.payment-model-design-column{display:flex;flex-direction:column;gap:12px;min-width:0}.payment-model-design-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease;flex-shrink:0}.payment-model-design-section:hover{border-color:#d1d5db;box-shadow:0 2px 6px #00000014}.payment-model-design-section-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:2px solid #f3f4f6}.payment-model-design-section-header svg{width:16px;height:16px;color:#2563eb;flex-shrink:0}.payment-model-design-section-header span{font-size:12px;font-weight:700;color:#1f2937;letter-spacing:.3px;text-transform:uppercase}.payment-model-design-input-group{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;position:relative}.payment-model-design-input-group:last-child{margin-bottom:0}.payment-model-design-label{display:block;font-size:11px;font-weight:700;color:#374151;letter-spacing:.2px;text-transform:uppercase}.payment-model-design-input-with-icon{position:relative;display:flex;align-items:center}.payment-model-design-input{width:100%;height:36px;padding:8px 36px 8px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;font-weight:500;color:#111827;background:#fff;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 2px #00000008}.payment-model-design-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fefefe}.payment-model-design-input:hover:not(:disabled){border-color:#9ca3af}.payment-model-design-input::placeholder{color:#9ca3af;font-weight:400}.payment-model-design-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;border-color:#e5e7eb}.payment-model-design-readonly{background:#f9fafb!important;color:#6b7280!important;cursor:not-allowed;border-color:#e5e7eb!important}.payment-model-design-input-icon{position:absolute;right:12px;width:14px;height:14px;opacity:.5;pointer-events:none;color:#6b7280}.payment-model-design-add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:8px 10px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #10b98126;letter-spacing:.2px;text-transform:uppercase;display:flex;align-items:center;gap:4px;white-space:nowrap;flex-shrink:0;height:36px}.payment-model-design-add-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 3px 8px #10b98133}.payment-model-design-add-btn:active:not(:disabled){transform:translateY(0)}.payment-model-design-add-btn:disabled{opacity:.6;cursor:not-allowed}.payment-model-design-customer-info-box{background:linear-gradient(135deg,#f0fdf4,#f0f9ff);border:1px solid #10b981;border-radius:8px;padding:10px;margin-top:8px;box-shadow:0 2px 4px #10b98114}.payment-model-design-info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(16,185,129,.2);font-size:11px}.payment-model-design-info-row:last-child{border-bottom:none}.payment-model-design-info-label{font-size:10px;font-weight:700;color:#065f46;text-transform:uppercase;letter-spacing:.1px}.payment-model-design-info-value{font-size:11px;font-weight:600;color:#047857;font-family:SF Mono,Monaco,Inconsolata,monospace;text-align:right}.payment-model-design-finance-customer-box{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1px solid #f59e0b;border-radius:8px;padding:10px;margin-top:8px;box-shadow:0 2px 4px #f59e0b14}.payment-model-design-finance-customer-title{font-size:11px;font-weight:700;color:#b45309;text-transform:uppercase;letter-spacing:.2px;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid rgba(245,158,11,.3)}.payment-model-design-amount-box{background:linear-gradient(135deg,#f0f9ff,#f0fdf4);border:1px solid #3b82f6;border-radius:8px;padding:10px;box-shadow:0 2px 4px #3b82f614}.payment-model-design-amount-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(59,130,246,.2);font-size:11px}.payment-model-design-amount-row:last-child{border-bottom:none}.payment-model-design-amount-row-highlight{background:#3b82f60d;margin:0 -10px;padding:8px 10px;border-radius:4px;border:1px solid rgba(59,130,246,.2)}.payment-model-design-amount-label{font-size:11px;font-weight:700;color:#1e40af;text-transform:uppercase;letter-spacing:.1px}.payment-model-design-amount-value{font-size:12px;font-weight:700;color:#1e40af;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:.3px;text-align:right}.payment-model-design-select{width:100%;height:36px;padding:8px 32px 8px 12px;font-size:13px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#111827;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:11px;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:all .2s ease;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;font-weight:600;box-shadow:0 1px 2px #00000008}.payment-model-design-select:hover:not(:disabled){border-color:#2563eb;background-color:#f9fafb}.payment-model-design-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background-color:#fefefe}.payment-model-design-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6;border-color:#e5e7eb}.payment-model-design-select option{padding:8px 12px;font-size:13px;color:#1f2937;background-color:#fff;font-weight:600}.payment-model-design-select option:checked{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-weight:700}.payment-model-design-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;max-height:250px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #00000026;margin-top:4px}.payment-model-design-suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s;display:flex;gap:8px;align-items:center}.payment-model-design-suggestion-item:hover{background-color:#f5f5f5}.payment-model-design-suggestion-item:last-child{border-bottom:none}.payment-model-design-suggestion-id{font-weight:700;color:#2563eb;font-size:11px;min-width:60px;font-family:SF Mono,Monaco,Inconsolata,monospace}.payment-model-design-suggestion-name{font-weight:600;color:#374151;font-size:12px;flex:1}.payment-model-design-balance-pending{background:#fef3c7!important;color:#92400e!important;border-color:#fbbf24!important}.payment-model-design-balance-overpaid{background:#fee2e2!important;color:#991b1b!important;border-color:#f87171!important}.payment-model-design-balance-paid{background:#d1fae5!important;color:#065f46!important;border-color:#34d399!important}.payment-model-design-approval-status-box{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #3b82f6;border-radius:8px;padding:10px;margin-top:10px;box-shadow:0 2px 6px #3b82f61a}.payment-model-design-status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:6px 0;font-size:11px}.payment-model-design-status-row:last-child{margin-bottom:0}.payment-model-design-status-value{font-weight:700;color:#1e40af;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px;letter-spacing:.2px}.payment-model-design-status-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 4px #00000014}.payment-model-design-status-approved{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98133}.payment-model-design-status-rejected{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 6px #ef444433}.payment-model-design-status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 6px #f59e0b33}.payment-model-design-check-status{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;padding:8px 12px!important;border-radius:8px!important;border:none!important;cursor:pointer!important;font-size:11px!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;transition:all .2s ease!important;box-shadow:0 2px 6px #2563eb26!important;letter-spacing:.2px!important;width:100%!important;text-transform:uppercase!important;height:36px!important}.payment-model-design-check-status:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8)!important;transform:translateY(-1px)!important;box-shadow:0 3px 8px #2563eb33!important}.payment-model-design-check-status:active:not(:disabled){transform:translateY(0)!important}.payment-model-design-check-status:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.payment-model-design-actions-column{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.payment-model-design-button{height:40px;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 2px 4px #00000014}.payment-model-design-complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.payment-model-design-complete:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 3px 8px #10b98133}.payment-model-design-complete:active:not(:disabled){transform:translateY(0)}.payment-model-design-approve{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.payment-model-design-approve:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 3px 8px #2563eb33}.payment-model-design-approve:active:not(:disabled){transform:translateY(0)}.payment-model-design-edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.payment-model-design-edit:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b33}.payment-model-design-edit:active:not(:disabled){transform:translateY(0)}.payment-model-design-close{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff}.payment-model-design-close:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 3px 8px #dc262633}.payment-model-design-close:active:not(:disabled){transform:translateY(0)}.payment-model-design-button:disabled{background:#9ca3af!important;color:#fff!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;opacity:.5}@keyframes payment-model-design-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes payment-model-design-slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.payment-model-design-grid-container::-webkit-scrollbar{width:6px}.payment-model-design-grid-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.payment-model-design-grid-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:3px}.payment-model-design-grid-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}.payment-model-design-suggestions-dropdown::-webkit-scrollbar{width:4px}.payment-model-design-suggestions-dropdown::-webkit-scrollbar-track{background:#f9fafb}.payment-model-design-suggestions-dropdown::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.payment-model-design-modal-open{overflow:hidden}@media(max-width:1600px){.payment-model-design-modal-content.payment-model-design-wide-grid{max-width:1300px}.payment-model-design-grid-container{gap:10px;padding:14px}}@media(max-width:1400px){.payment-model-design-modal-content.payment-model-design-wide-grid{max-width:1200px;height:680px}.payment-model-design-section{padding:12px}.payment-model-design-input{height:34px;font-size:12px;padding:7px 34px 7px 11px}.payment-model-design-select{height:34px;font-size:12px}.payment-model-design-button{height:38px;font-size:11px}.payment-model-design-add-btn{height:34px}}@media(max-width:1200px){.payment-model-design-modal-content.payment-model-design-wide-grid{max-width:1100px;height:660px}.payment-model-design-grid-container{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px}.payment-model-design-section{padding:11px}.payment-model-design-section-header{margin-bottom:10px;gap:6px}.payment-model-design-section-header svg{width:15px;height:15px}.payment-model-design-section-header span{font-size:11px}.payment-model-design-input{height:32px;font-size:11px;padding:6px 32px 6px 10px}.payment-model-design-select{height:32px;font-size:11px}.payment-model-design-button{height:36px;font-size:10px}.payment-model-design-label{font-size:10px}}@media(max-width:1024px){.payment-model-design-modal-content.payment-model-design-wide-grid{max-width:95%;height:640px}.payment-model-design-grid-container{grid-template-columns:repeat(2,1fr);gap:10px}.payment-model-design-section{padding:10px}.payment-model-design-input,.payment-model-design-select{height:32px;font-size:11px}.payment-model-design-button{height:36px;font-size:10px}}@media(max-width:768px){.payment-model-design-modal-overlay{padding:.5rem}.payment-model-design-modal-content.payment-model-design-wide-grid{max-width:100%;width:98%;height:90vh;max-height:700px}.payment-model-design-grid-container{grid-template-columns:1fr;gap:10px;padding:12px}.payment-model-design-header-bar{padding:12px 40px 12px 16px}.payment-model-design-header-label{font-size:11px}.payment-model-design-header-amount{font-size:16px}.payment-model-design-section{padding:10px}.payment-model-design-input{height:32px;font-size:11px;padding:6px 32px 6px 10px}.payment-model-design-select{height:32px;font-size:11px}.payment-model-design-button{height:36px;font-size:10px}.payment-model-design-close-button{width:30px;height:30px;font-size:20px}.payment-model-design-label{font-size:10px}.payment-model-design-input-icon{width:13px;height:13px;right:10px}}@media(max-width:480px){.payment-model-design-modal-overlay{padding:.25rem}.payment-model-design-modal-content.payment-model-design-wide-grid{width:99%;height:95vh;max-height:700px;border-radius:10px}.payment-model-design-header-bar{padding:10px 35px 10px 14px;gap:8px}.payment-model-design-header-label{font-size:10px}.payment-model-design-header-amount{font-size:14px}.payment-model-design-grid-container{grid-template-columns:1fr;gap:8px;padding:10px}.payment-model-design-section{padding:9px}.payment-model-design-section-header{margin-bottom:8px;gap:5px}.payment-model-design-section-header svg{width:14px;height:14px}.payment-model-design-section-header span{font-size:10px}.payment-model-design-input{height:30px;font-size:10px;padding:5px 30px 5px 9px}.payment-model-design-select{height:30px;font-size:10px;padding:5px 28px 5px 9px}.payment-model-design-button{height:34px;font-size:9px}.payment-model-design-add-btn{height:30px;padding:6px 8px}.payment-model-design-label{font-size:9px}.payment-model-design-input-icon{width:12px;height:12px;right:9px}.payment-model-design-close-button{width:28px;height:28px;font-size:18px;top:10px;right:10px}.payment-model-design-info-row{font-size:10px}.payment-model-design-info-label{font-size:9px}.payment-model-design-info-value,.payment-model-design-amount-row,.payment-model-design-amount-label{font-size:10px}.payment-model-design-amount-value{font-size:11px}}.payment-model-design-input:focus,.payment-model-design-select:focus,.payment-model-design-button:focus{outline:2px solid #2563eb;outline-offset:1px}@media(prefers-color-scheme:dark){.payment-model-design-modal-content{background:#1f2937;border-color:#374151}.payment-model-design-grid-container{background:#111827}.payment-model-design-section{background:#111827;border-color:#374151}.payment-model-design-input,.payment-model-design-select{background:#1f2937;color:#f3f4f6;border-color:#374151}.payment-model-design-input:focus,.payment-model-design-select:focus{background:#111827;border-color:#2563eb}.payment-model-design-label{color:#e5e7eb}.payment-model-design-readonly{background:#111827!important;color:#9ca3af!important}.payment-model-design-suggestions-dropdown{background:#1f2937;border-color:#374151}.payment-model-design-suggestion-item{border-color:#374151}.payment-model-design-suggestion-item:hover{background:#111827}.payment-model-design-customer-info-box{background:#10b9811a;border-color:#10b981}.payment-model-design-finance-customer-box{background:#f59e0b1a;border-color:#f59e0b}.payment-model-design-amount-box,.payment-model-design-approval-status-box{background:#2563eb1a;border-color:#2563eb}}.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}.modal-content{background:#fff;border-radius:8px;max-width:1300px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 2px 10px #0000004d;padding:20px;position:relative}.modal-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;font-size:20px;cursor:pointer}body.modal-open{overflow:hidden}.customer-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:20000;padding:1rem;animation:customer-modal-fadeIn .3s ease-out}.customer-modal-content{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0003;position:relative;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;animation:customer-modal-slideUp .4s ease-out;border:1px solid #e2e8f0}.customer-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.customer-modal-title{margin:0;font-size:18px;font-weight:700;color:#1f2937;letter-spacing:.2px}.customer-modal-close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.customer-modal-close-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.customer-modal-form{display:flex;flex-direction:column;gap:15px}.customer-modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.customer-modal-field{display:flex;flex-direction:column;gap:5px}.customer-modal-label{display:block;font-size:12px;font-weight:600;color:#374151;letter-spacing:.1px}.customer-modal-required{color:#dc2626;margin-left:2px}.customer-modal-input{width:100%;height:38px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#111827;background:#fff;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 2px #00000008}.customer-modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fefefe}.customer-modal-input:hover:not(:disabled){border-color:#9ca3af}.customer-modal-input::placeholder{color:#9ca3af;font-weight:400}.customer-modal-input-error{border-color:#dc2626!important;background:#fef2f2!important}.customer-modal-textarea{min-height:80px;resize:vertical;padding:10px 12px;line-height:1.5}.customer-modal-error-text{color:#dc2626;font-size:11px;margin-top:3px;font-weight:500}.customer-modal-file-info{color:#6b7280;font-size:11px;margin-top:5px;font-weight:500}.customer-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px;padding-top:20px;border-top:1px solid #e5e7eb}.customer-modal-button{border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 2px 4px #00000014}.customer-modal-button:disabled{background:#9ca3af!important;color:#fff!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;opacity:.6}@keyframes customer-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes customer-modal-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.customer-modal-content::-webkit-scrollbar{width:6px}.customer-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.customer-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:3px}.customer-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}@media(max-width:768px){.customer-modal-content{max-width:95%;padding:20px}.customer-modal-grid-2{grid-template-columns:1fr}.customer-modal-title{font-size:16px}.customer-modal-input{height:36px;font-size:12px}.customer-modal-button{height:36px;font-size:11px}}@media(max-width:480px){.customer-modal-content{padding:16px}.customer-modal-actions{flex-direction:column}.customer-modal-button{width:100%}}.finance-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:finance-modal-fadeIn .3s ease-out}.finance-modal-content{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0003;position:relative;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;padding:24px;animation:finance-modal-slideUp .4s ease-out;border:1px solid #e2e8f0}.finance-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e5e7eb}.finance-modal-title{margin:0;font-size:18px;font-weight:700;color:#fff;letter-spacing:.2px}.finance-modal-close-btn{background:none;border:none;font-size:28px;cursor:pointer;color:#6b7280;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.finance-modal-close-btn:hover{background:#fee2e2;color:#dc2626;transform:scale(1.1)}.finance-modal-form{display:flex;flex-direction:column;gap:20px}.finance-modal-section{margin-bottom:0}.finance-modal-section-title{margin:0 0 15px;font-size:14px;font-weight:600;color:#374151;letter-spacing:.1px}.finance-modal-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:15px}.finance-modal-field{display:flex;flex-direction:column;gap:5px}.finance-modal-label{display:block;font-size:12px;font-weight:600;color:#374151;letter-spacing:.1px}.finance-modal-required{color:#dc2626;margin-left:2px}.finance-modal-input{width:100%;height:38px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;font-weight:500;color:#111827;background:#fff;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;box-shadow:0 1px 2px #00000008}.finance-modal-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#fefefe}.finance-modal-input:hover:not(:disabled){border-color:#9ca3af}.finance-modal-input::placeholder{color:#9ca3af;font-weight:400}.finance-modal-input:disabled,.finance-modal-input:read-only{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed;border-color:#e5e7eb!important}.finance-modal-helper-text{color:#6b7280;font-size:11px;margin-top:3px;font-weight:500}.finance-modal-info-box{background:#f3f4f6;padding:15px;border-radius:8px;border:1px solid #e5e7eb}.finance-modal-info-box-blue{background:#e0f2fe;border:1px solid #0284c7}.finance-modal-info-box-green{background:#f0fdf4;border:1px solid #86efac}.finance-modal-info-label{color:#6b7280;font-size:11px;font-weight:600;display:block;margin-bottom:5px;text-transform:uppercase;letter-spacing:.2px}.finance-modal-info-value{font-size:15px;font-weight:600;color:#1f2937}.finance-modal-info-value-blue{color:#0369a1}.finance-modal-info-value-green{font-size:16px;font-weight:700;color:#16a34a}.finance-modal-summary{background:linear-gradient(135deg,#f0fdf4,#dcfce7);padding:15px;border-radius:8px;border:1px solid #86efac;box-shadow:0 2px 4px #16a34a14}.finance-modal-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.finance-modal-summary-item{display:flex;flex-direction:column;gap:5px}.finance-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.finance-modal-button{height:38px;padding:0 20px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;letter-spacing:.2px;text-transform:uppercase;box-shadow:0 2px 4px #00000014}.finance-modal-button-cancel{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.finance-modal-button-cancel:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 3px 8px #f59e0b33}.finance-modal-button-submit{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff}.finance-modal-button-submit:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);transform:translateY(-1px);box-shadow:0 3px 8px #2563eb33}.finance-modal-button:active:not(:disabled){transform:translateY(0)}.finance-modal-button:disabled{background:#9ca3af!important;color:#fff!important;cursor:not-allowed;transform:none!important;box-shadow:none!important;opacity:.6}@keyframes finance-modal-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes finance-modal-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.finance-modal-content::-webkit-scrollbar{width:6px}.finance-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.finance-modal-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:3px}.finance-modal-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af)}@media(max-width:768px){.finance-modal-content{max-width:95%;padding:20px}.finance-modal-grid-2,.finance-modal-summary-grid{grid-template-columns:1fr}.finance-modal-title{font-size:16px}.finance-modal-input{height:36px;font-size:12px}.finance-modal-button{height:36px;font-size:11px}}@media(max-width:480px){.finance-modal-content{padding:16px}.finance-modal-actions{flex-direction:column}.finance-modal-button{width:100%}}: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: #b0b1b3;--closebutton-color-hover: #922b21;--close-button-icon-color: #d86565;--saveButton-color: #7cda70;--saveButton-color-hover: #165016;--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}.panel-container{font-size:12px;border-radius:8px;overflow-x:auto;padding:15px;background-color:#263e8fb3}.panel-container-form{font-size:12px;margin-top:20px;border-radius:8px;overflow-x:auto;background:var(--sytem-panel-background-colors)}.common-header-section{background:linear-gradient(135deg,#6d84ec,#183699);border-radius:12px;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)}.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}}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.header-row .common-page-title{margin:0}@media(max-width:600px){.header-row{flex-direction:column;align-items:stretch;gap:8px}}.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)}.common-date-time-picker{flex-direction:column;gap:8px;position:relative}.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}.dropdown-stock{position:absolute;top:100%;left:0;right:0;z-index:99999!important;background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(97,14,149,.3);border-top:none;border-radius:0 0 12px 12px;box-shadow:0 25px 50px #00000040,0 15px 35px #00000026,0 5px 15px #0000001a;max-height:250px;overflow-y:auto;margin-top:0;animation:dropdownSlideIn-stock-by-supplier .3s ease-out}@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}.dropdown-stock{max-height:200px;font-size:13px}}@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;width:25px;height:25px;cursor:pointer;gap:5px}.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-save{font-size:12px;color:var(--font-color-whole-system);background-color:var(--saveButton-color);border:1px solid transparent;padding:6px;border-radius:5px;font-weight:700}.common-button-design-save:hover{color:var(--white);background-color:var(--saveButton-color-hover);transition:.1s ease-in-out;cursor:pointer;border:1px solid transparent}.common-button-design-remove{font-size:12px;color:var(--white);font-weight:700;background-color:var(--closebutton-color-hover);border:1px solid transparent;padding:6px;border-radius:5px}.common-button-design-remove:hover{color:var(--black);background-color:var(--closebutton-color);transition:.3s ease-in-out;border:1px solid transparent;cursor:pointer}.common-button-design-update{font-size:12px;color:var(--black);font-weight:700;background-color:var(--update-button-color);border:1px solid transparent;padding:6px;border-radius:5px}.common-button-design-update:hover{color:var(--white);background-color:var(--update-button-color-hover);transition:.3s ease-in-out;border:1px solid transparent;cursor:pointer}.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)}.common-refresh-btn{background:#e7c607;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;gap:8px}.common-refresh-btn:hover:not(:disabled){background:#837a04;color:#fff;transform:translateY(-1px)}.common-add-btn{background:#07e73f;color:#000;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;font-weight:700;align-items:center;gap:8px}.common-add-btn:hover:not(:disabled){background:#015a0d;color:#fff;transform:translateY(-1px)}.common-add-btn:disabled{opacity:.6;cursor:not-allowed}.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%}@media(max-width:768px){.common-form-group{width:100%;margin-bottom:1rem}}.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%}.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}.dropdown-list-add-product{position:absolute;top:100%;left:0;right:0;z-index:9999;background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(59,130,246,.3);border-radius:0 0 12px 12px;box-shadow:0 25px 50px #00000040,0 15px 35px #00000026,0 5px 15px #0000001a;max-height:250px;overflow-y:auto;margin-top:0;animation:dropdownSlideIn .3s ease-out}.dropdown-list-add-product li,.dropdown-item{padding:14px 18px;font-size:14px!important;color:#374151;cursor:pointer;border-bottom:1px solid #f1f5f9;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;font-weight:500;display:flex;align-items:center}.dropdown-list-add-product li:hover,.dropdown-item:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;transform:translate(4px);border-left:3px solid #3b82f6;padding-left:15px}.dropdown-list-add-product li.selected,.dropdown-item.selected,.dropdown-list-add-product li[aria-selected=true],.dropdown-item[aria-selected=true]{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;font-weight:600;border-left:3px solid #10b981;padding-left:15px;position:relative}.dropdown-list-add-product li.selected:after,.dropdown-item.selected:after,.dropdown-list-add-product li[aria-selected=true]:after,.dropdown-item[aria-selected=true]:after{content:"✓";position:absolute;right:18px;color:#10b981;font-weight:700;font-size:16px}.dropdown-list-add-product li:active,.dropdown-item:active{background:linear-gradient(135deg,#c7d2fe,#a5b4fc);color:#1e40af;transform:translate(2px)}.dropdown-list-add-product li:last-child,.dropdown-item:last-child{border-bottom:none;border-radius:0 0 10px 10px}.dropdown-list-add-product li:first-child,.dropdown-item:first-child{border-top:1px solid #f1f5f9}.dropdown-list-add-product li.disabled,.dropdown-item.disabled,.dropdown-list-add-product li[disabled],.dropdown-item[disabled]{color:#9ca3af;cursor:not-allowed;background:#f9fafb;opacity:.6}.dropdown-list-add-product li.disabled:hover,.dropdown-item.disabled:hover{background:#f9fafb;color:#9ca3af;transform:none;border-left:none;padding-left:18px}.dropdown-list-add-product::-webkit-scrollbar{width:6px}.dropdown-list-add-product::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 10px}.dropdown-list-add-product::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-list-add-product::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dropdown-list-add-product li:focus,.dropdown-item:focus{outline:2px solid #3b82f6;outline-offset:-2px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.dropdown-list-add-product.theme-purple li:hover,.dropdown-item.theme-purple:hover{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#7c3aed;border-left-color:#8b5cf6}.dropdown-list-add-product.theme-orange li.selected,.dropdown-item.theme-orange.selected{background:linear-gradient(135deg,#fed7aa,#fdba74);color:#c2410c;border-left-color:#f97316}.dropdown-list-add-product.theme-orange li.selected:after,.dropdown-item.theme-orange.selected:after{color:#f97316}.dropdown-stock{position:absolute;top:100%;right:auto;z-index:999999;background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:2px solid rgba(255,255,255,.4);border-radius:12px;max-height:350px;overflow-y:auto;min-width:150px;margin-top:.5rem;animation:dropdownSlideIn-stock-by-supplier .3s ease-out}.dropdown-item-stock{padding:10px 5px;cursor:pointer;transition:all .2s ease;color:#000;border-bottom:1px solid rgba(0,0,0,.05);position:relative;z-index:99999}.dropdown-item-stock:last-child{border-bottom:none}.dropdown-item-stock:hover,.dropdown-item-stock:focus{background-color:#f1f1f1}.common-dropdown{position:absolute;top:100%;left:0;right:0;max-height:350px;overflow-y:auto;background:#fff;border-radius:8px;z-index:10;width:100%;box-shadow:0 2px 10px #0000001a;padding:.5rem}.common-dropdown-item{padding:.75rem;cursor:pointer;transition:background-color .2s ease;display:flex;justify-content:space-between;font-weight:700;border-bottom:1px solid #f0f0f0}.common-dropdown-item:hover{background-color:#f4f4f4}.product-info{display:flex;flex-direction:row;justify-content:space-between}.product-details{font-size:14px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.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-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 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}.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}.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}.table-cell-actions{display:flex;gap:.5rem}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;margin-bottom:20px;padding:15px 20px;border-radius:12px;box-shadow:0 4px 20px #00000014}.header-left{flex:1}.dashboard-title{font-size:1.7rem;font-weight:700;color:#1e293b;margin-bottom:8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-subtitle{color:#64748b;font-size:.8rem;margin:0}.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}.stat-number{font-size:24px;font-weight:700;margin:0 0 4px;color:#f5f5f5}@media(max-width:1200px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bikes-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.stat-card{padding:12px}.stat-icon{width:40px;height:40px;font-size:18px}.stat-number{font-size:20px}}@media(max-width:768px){.bike-dashboard,.dashboard-controls{padding:12px}.bikes-grid{padding:12px;gap:10px}.stat-card{padding:10px;gap:8px}.stat-icon{width:36px;height:36px;font-size:16px}.stat-number{font-size:18px}}.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(--white);border-radius:8px;width:100%;padding:20px;max-width:1500px;min-height:500px;max-height:800px;background-color:#f1f1ef;overflow-y:auto;position:relative;font-size:12px}.model-overlay-common-add-bike{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-add-bike{background:var(--white);border-radius:8px;width:100%;padding:20px;max-width:1300px;min-height:600px;max-height:750px;background-color:#d9ddf8;overflow-y:auto;position:relative;font-size:12px}.bc-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:bcFadeIn .2s ease-in-out}@keyframes bcFadeIn{0%{opacity:0}to{opacity:1}}.bc-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;animation:bcSlideUp .3s ease-out;overflow:hidden}@keyframes bcSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bc-header{padding:14px 18px;background:#1a1a1a;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:16px}.bc-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.bc-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bc-close-btn:hover{background:#ffffff40}.bc-content{flex:1;overflow-y:auto;background:#fff;display:flex;flex-direction:column;gap:12px;padding:12px}.bc-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.bc-filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}.bc-filter-item{display:flex;flex-direction:column;gap:4px}.bc-filter-label{font-size:11px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.2px;display:flex;align-items:center;gap:3px}.bc-filter-input,.bc-filter-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;color:#1a1a1a;transition:all .2s ease}.bc-filter-input:focus,.bc-filter-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.bc-filter-actions{display:flex;gap:8px}.bc-btn-primary,.bc-btn-secondary{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.bc-btn-primary{background:#6c757d;color:#fff}.bc-btn-primary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.bc-btn-secondary{background:#e5e7eb;color:#1a1a1a}.bc-btn-secondary:hover:not(:disabled){background:#d1d5db}.bc-export{display:flex;gap:8px}.bc-export-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;color:#fff}.bc-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.bc-export-btn:disabled{opacity:.5;cursor:not-allowed}.bc-export-btn.excel{background:#28a745}.bc-export-btn.excel:hover:not(:disabled){background:#218838}.bc-export-btn.csv{background:#17a2b8}.bc-export-btn.csv:hover:not(:disabled){background:#138496}.bc-export-btn.pdf{background:#dc3545}.bc-export-btn.pdf:hover:not(:disabled){background:#c82333}.bc-table-wrapper{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.bc-table{width:100%;border-collapse:collapse;font-size:12px}.bc-table thead{background:#2d3748;position:sticky;top:0}.bc-table th{padding:8px 10px;text-align:left;font-weight:600;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.bc-table td{padding:8px 10px;border-bottom:1px solid #f3f4f6}.bc-table tbody tr:hover{background:#f9fafb}.bc-barcode{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:600;color:#1a1a1a;font-size:11px}.bc-price{font-weight:600;font-family:ui-monospace,SFMono-Regular,monospace;text-align:right;color:#10b981}.bc-product-cell{display:flex;flex-direction:column;gap:2px}.bc-product-cell strong{font-weight:600;color:#1a1a1a}.bc-product-cell small{font-size:10px;color:#9ca3af}.bc-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.bc-status-badge.in-stock{background:#d1fae5;color:#065f46}.bc-status-badge.low-stock{background:#fef3c7;color:#92400e}.bc-status-badge.out-of-stock{background:#fee2e2;color:#7f1d1d}.bc-actions-cell{display:flex;gap:6px;justify-content:center}.bc-action-btn{padding:6px 8px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:3px;color:#fff}.bc-action-btn.view{background:#0d6efd}.bc-action-btn.view:hover{background:#0b5ed7;transform:translateY(-2px);box-shadow:0 4px 8px #0d6efd4d}.bc-action-btn.print{background:#17a2b8}.bc-action-btn.print:hover{background:#138496;transform:translateY(-2px);box-shadow:0 4px 8px #17a2b84d}.bc-action-btn.delete{background:#dc3545}.bc-action-btn.delete:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 4px 8px #dc35454d}.bc-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:#f9fafb;border-top:1px solid #e5e7eb}.bc-page-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;color:#1a1a1a;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.bc-page-btn:hover:not(:disabled){border-color:#1a1a1a;background:#f3f4f6}.bc-page-btn:disabled{opacity:.5;cursor:not-allowed}.bc-page-info{display:flex;align-items:center;gap:6px;font-size:12px}.bc-page-input{width:40px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;text-align:center}.bc-page-total{font-size:12px;color:#6b7280}.bc-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.bc-spinner{color:#1a1a1a;animation:bcSpin 1s linear infinite}@keyframes bcSpin{to{transform:rotate(360deg)}}.bc-loading-container p{font-size:13px;color:#6b7280}.bc-error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px}.bc-error-container p{font-size:14px;color:#ef4444;text-align:center}.bc-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.bc-no-data img{width:80px;height:80px;opacity:.5}.bc-no-data p{font-size:13px;color:#9ca3af}.bdm-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:bdmSlideUp .3s ease}.bdm-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.bdm-modal-title{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;color:#fff}.bdm-close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bdm-modal-body{flex:1;overflow-y:auto;padding:20px}.bdm-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.bdm-detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease}.bdm-detail-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.bdm-detail-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.bdm-detail-icon{color:#667eea;flex-shrink:0;display:flex;align-items:center}.bdm-detail-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.bdm-detail-value{font-size:13px;font-weight:600;color:#1a1a1a;word-break:break-word;line-height:1.4}.bdm-detail-value.bdm-price{color:#10b981;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:14px}.bdm-modal-body::-webkit-scrollbar{width:6px}.bdm-modal-body::-webkit-scrollbar-track{background:#f3f4f6}.bdm-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bdm-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.bc-modal{max-width:98%;max-height:95vh}.bc-filters-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.bc-table{font-size:11px}.bc-table th,.bc-table td{padding:6px 8px}.bdm-modal-container{max-width:95%;max-height:90vh}.bdm-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media(max-width:480px){.bc-modal{max-width:99%;border-radius:8px}.bc-title{font-size:14px}.bc-table{font-size:10px}.bc-table th,.bc-table td{padding:4px 6px}.bdm-modal-container{max-width:98%;border-radius:8px}.bdm-details-grid{grid-template-columns:1fr}.bdm-modal-title{font-size:16px}}.bdm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:bdmFadeIn .2s ease}@keyframes bdmFadeIn{0%{opacity:0}to{opacity:1}}.bdm-modal-container-wide{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:1000px;max-height:600px;display:flex;flex-direction:column;overflow:hidden;animation:bdmSlideUp .3s ease}@keyframes bdmSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.bdm-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.bdm-modal-title-section{display:flex;align-items:center}.bdm-modal-title{display:flex;align-items:center;gap:10px;margin:0;font-size:16px;font-weight:700;color:#fff}.bdm-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.bdm-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.bdm-modal-body-wide{flex:1;overflow:hidden;display:flex;flex-direction:column}.bdm-content-wide{display:flex;flex:1;overflow:hidden;gap:0}.bdm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:12px}.bdm-spinner{color:#667eea;animation:bdmSpin 1s linear infinite}@keyframes bdmSpin{to{transform:rotate(360deg)}}.bdm-loading p{font-size:13px;color:#6b7280}.bdm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.bdm-error p{font-size:14px;color:#ef4444;text-align:center}.bdm-retry-btn{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s ease}.bdm-retry-btn:hover{background:#5568d3;transform:translateY(-2px)}.bdm-section-left{flex:0 0 45%;padding:16px;border-right:1px solid #e5e7eb;overflow-y:auto}.bdm-section-title{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.bdm-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.bdm-summary-item{display:flex;flex-direction:column;gap:3px;padding:8px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;transition:all .2s ease}.bdm-summary-item:hover{border-color:#667eea;box-shadow:0 2px 8px #667eea1a}.bdm-summary-item.bdm-highlight{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea}.bdm-summary-item.bdm-highlight .bdm-label,.bdm-summary-item.bdm-highlight .bdm-value{color:#fff}.bdm-label{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.bdm-value{font-size:12px;font-weight:600;color:#1a1a1a;word-break:break-word}.bdm-value.bdm-price{color:#10b981;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:13px}.bdm-status{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.bdm-status.approved,.bdm-status.completed{background:#d1fae5;color:#065f46}.bdm-status.pending{background:#fef3c7;color:#92400e}.bdm-status.rejected{background:#fee2e2;color:#7f1d1d}.bdm-section-right{flex:0 0 55%;padding:16px;overflow-y:auto;display:flex;flex-direction:column}.bdm-items-table-wrapper{flex:1;overflow-y:auto;border:1px solid #e5e7eb;border-radius:6px}.bdm-items-table{width:100%;border-collapse:collapse;font-size:11px}.bdm-items-table thead{background:#f3f4f6;position:sticky;top:0}.bdm-items-table th{padding:8px;text-align:left;font-weight:700;color:#1a1a1a;border-bottom:2px solid #e5e7eb;white-space:nowrap}.bdm-items-table td{padding:8px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.bdm-items-table tbody tr:hover{background:#f9fafb}.bdm-item-name{max-width:200px}.bdm-item-name strong{display:block;font-weight:600;color:#1a1a1a;margin-bottom:2px}.bdm-barcode{display:block;font-size:9px;color:#9ca3af;font-family:ui-monospace,SFMono-Regular,monospace}.bdm-item-qty,.bdm-item-rate,.bdm-item-amount{text-align:right;font-family:ui-monospace,SFMono-Regular,monospace}.bdm-item-amount.bdm-price{color:#10b981;font-weight:700}.bdm-no-items{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#9ca3af;font-size:12px}.bdm-section-left::-webkit-scrollbar,.bdm-section-right::-webkit-scrollbar,.bdm-items-table-wrapper::-webkit-scrollbar{width:6px}.bdm-section-left::-webkit-scrollbar-track,.bdm-section-right::-webkit-scrollbar-track,.bdm-items-table-wrapper::-webkit-scrollbar-track{background:#f3f4f6}.bdm-section-left::-webkit-scrollbar-thumb,.bdm-section-right::-webkit-scrollbar-thumb,.bdm-items-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.bdm-section-left::-webkit-scrollbar-thumb:hover,.bdm-section-right::-webkit-scrollbar-thumb:hover,.bdm-items-table-wrapper::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1200px){.bdm-modal-container-wide{width:95%;max-height:70vh}}@media(max-width:768px){.bdm-modal-container-wide{width:98%;max-height:80vh;flex-direction:column}.bdm-content-wide{flex-direction:column}.bdm-section-left,.bdm-section-right{flex:0 0 50%;border-right:none;border-bottom:1px solid #e5e7eb}.bdm-section-right{border-bottom:none}.bdm-summary-grid{grid-template-columns:1fr}}.ss-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:ssFadeIn .2s ease-in-out}@keyframes ssFadeIn{0%{opacity:0}to{opacity:1}}.ss-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:95%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;animation:ssSlideUp .3s ease-out;overflow:hidden}@keyframes ssSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.ss-header{padding:14px 18px;background:#1a1a1a;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:16px}.ss-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.ss-tabs{display:flex;gap:8px}.ss-tab{padding:6px 12px;border:none;background:#ffffff1a;color:#ffffffb3;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.ss-tab:hover{background:#fff3}.ss-tab.active{background:#fff;color:#1a1a1a}.ss-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.ss-close-btn:hover{background:#ffffff40}.ss-content{flex:1;overflow-y:auto;background:#fff}.ss-panel{display:flex;flex-direction:column;height:100%;gap:12px;padding:12px}.ss-filters{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px}.ss-filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:10px}.ss-filter-item{display:flex;flex-direction:column;gap:4px}.ss-filter-label{font-size:11px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.2px;display:flex;align-items:center;gap:3px}.ss-filter-input,.ss-filter-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;color:#1a1a1a;transition:all .2s ease}.ss-filter-input:focus,.ss-filter-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.ss-filter-actions{display:flex;gap:8px}.ss-btn-primary,.ss-btn-secondary{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.ss-btn-primary{background:#6c757d;color:#fff}.ss-btn-primary:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.ss-btn-secondary{background:#e5e7eb;color:#1a1a1a}.ss-btn-secondary:hover:not(:disabled){background:#d1d5db}.ss-export{display:flex;gap:8px}.ss-export-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;color:#fff}.ss-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #0003}.ss-export-btn:disabled{opacity:.5;cursor:not-allowed}.ss-export-btn.excel{background:#28a745}.ss-export-btn.excel:hover:not(:disabled){background:#218838}.ss-export-btn.csv{background:#17a2b8}.ss-export-btn.csv:hover:not(:disabled){background:#138496}.ss-export-btn.pdf{background:#dc3545}.ss-export-btn.pdf:hover:not(:disabled){background:#c82333}.ss-table-wrapper{flex:1;overflow:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.ss-table{width:100%;border-collapse:collapse;font-size:12px}.ss-table thead{background:#2d3748;position:sticky;top:0}.ss-table th{padding:8px 10px;text-align:left;font-weight:600;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.ss-table td{padding:8px 10px;border-bottom:1px solid #f3f4f6}.ss-table tbody tr:hover{background:#f9fafb}.ss-table-image{width:50px}.ss-image-box{width:40px;height:40px;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f9fafb;cursor:pointer;transition:all .2s ease}.ss-image-box:hover{border-color:#1a1a1a}.ss-image-box img{width:100%;height:100%;object-fit:cover}.ss-image-fallback{display:flex;align-items:center;justify-content:center;color:#9ca3af}.ss-product-cell{display:flex;flex-direction:column;gap:2px}.ss-product-cell strong{font-weight:600;color:#1a1a1a}.ss-product-cell small{font-size:10px;color:#9ca3af}.ss-text-sm{font-size:12px;color:#4b5563}.ss-status{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.ss-color-cell{display:flex;align-items:center;gap:6px;font-size:12px}.ss-color-badge{width:18px;height:18px;border-radius:4px;border:1px solid #d1d5db}.ss-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.ss-status-badge.in-stock{background:#d1fae5;color:#065f46}.ss-status-badge.out-of-stock{background:#fee2e2;color:#7f1d1d}.ss-action-btn{padding:6px 10px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px;color:#fff;background:#0d6efd}.ss-action-btn:hover{background:#0b5ed7;transform:translateY(-2px);box-shadow:0 4px 8px #0d6efd4d}.ss-action-btn.view{background:#0d6efd}.ss-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px;background:#f9fafb;border-top:1px solid #e5e7eb}.ss-page-btn{padding:6px 12px;border:1px solid #d1d5db;background:#fff;color:#1a1a1a;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease}.ss-page-btn:hover:not(:disabled){border-color:#1a1a1a;background:#f3f4f6}.ss-page-btn:disabled{opacity:.5;cursor:not-allowed}.ss-page-info{display:flex;align-items:center;gap:6px;font-size:12px}.ss-page-input{width:40px;padding:4px 6px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;text-align:center}.ss-page-total{font-size:12px;color:#6b7280}.ss-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:12px}.ss-no-data img{width:80px;height:80px;opacity:.5}.ss-no-data p{font-size:13px;color:#9ca3af}.ss-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.ss-spinner{color:#1a1a1a;animation:ssSpin 1s linear infinite}@keyframes ssSpin{to{transform:rotate(360deg)}}.ss-loading-container p{font-size:13px;color:#6b7280}.ss-modal-image{background:#fff;border-radius:10px;padding:20px;max-width:600px;max-height:80vh;overflow:auto}.ss-image-modal{display:flex;flex-direction:column;gap:12px}.ss-image-modal h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.ss-image-modal img{width:100%;border-radius:8px}.ss-modal-overlay{background:#00000080}@media(max-width:1024px){.ss-modal{max-width:98%;max-height:95vh}.ss-filters-row{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.ss-table{font-size:11px}.ss-table th,.ss-table td{padding:6px 8px}}@media(max-width:768px){.ss-modal{max-width:99%;border-radius:8px}.ss-header{flex-wrap:wrap;gap:10px}.ss-title{font-size:14px}.ss-tabs{order:3;width:100%}.ss-filters-row{grid-template-columns:1fr}.ss-table{font-size:10px}.ss-table th,.ss-table td{padding:4px 6px}.ss-pagination{flex-wrap:wrap;gap:8px}}.pdm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:pdmFadeIn .2s ease}@keyframes pdmFadeIn{0%{opacity:0}to{opacity:1}}.pdm-modal-container{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:700px;width:90%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;animation:pdmSlideUp .3s ease}@keyframes pdmSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.pdm-modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:16px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.pdm-modal-title-section{display:flex;align-items:center}.pdm-modal-title{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;color:#fff}.pdm-close-btn{background:#fff3;border:none;color:#fff;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.pdm-close-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.pdm-modal-body{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:20px}.pdm-image-container{width:100%;height:200px;background:#f9fafb;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb}.pdm-image{width:100%;height:100%;object-fit:contain;padding:10px}.pdm-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.pdm-detail-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease}.pdm-detail-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea1a;transform:translateY(-2px)}.pdm-detail-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.pdm-detail-icon{color:#667eea;flex-shrink:0;display:flex;align-items:center}.pdm-detail-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.pdm-detail-value{font-size:13px;font-weight:600;color:#1a1a1a;word-break:break-word;line-height:1.4}.pdm-detail-value.pdm-code{font-family:ui-monospace,SFMono-Regular,monospace;background:#fff;padding:4px 8px;border-radius:4px;font-size:12px;border:1px solid #e5e7eb}.pdm-detail-value.pdm-price{color:#10b981;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:14px}.pdm-modal-body::-webkit-scrollbar-track{background:#f3f4f6}.pdm-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.pdm-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.pdm-modal-container{max-width:95%;max-height:90vh}.pdm-details-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.pdm-image-container{height:150px}.pdm-modal-body{padding:15px;gap:15px}}@media(max-width:480px){.pdm-modal-container{max-width:98%;border-radius:8px}.pdm-details-grid{grid-template-columns:1fr}.pdm-modal-title{font-size:16px}}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto;animation:fadeIn .3s ease-out}.category-modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000026;width:100%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-gray)}.category-modal-header{background:var(--primary-black);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondary-black)}.category-header-content{display:flex;align-items:center;gap:12px;flex:1}.category-header-icon{flex-shrink:0;opacity:.9}.category-modal-title{font-size:18px;font-weight:700;margin:0;line-height:1.2}.category-modal-subtitle{font-size:12px;margin:2px 0 0;opacity:.85;font-weight:500}.category-modal-close{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.category-modal-close:hover:not(:disabled){background:#fff3;transform:rotate(90deg)}.category-modal-close:disabled{opacity:.5;cursor:not-allowed}.category-form-section{padding:20px;background:#fff;border-bottom:1px solid var(--border-gray)}.category-form-header{margin-bottom:16px}.category-form-header h3{font-size:14px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.category-form-header p{font-size:12px;color:var(--text-gray);margin:0;font-weight:500}.category-form-group{display:flex;flex-direction:column;gap:6px}.category-form-label{font-size:12px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.category-form-label svg{flex-shrink:0;color:var(--primary-black);width:14px;height:14px}.category-required{color:var(--error-red);font-size:14px;font-weight:700}.category-input-group{display:flex;gap:8px;align-items:flex-start}.category-form-input{flex:1;padding:10px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none}.category-form-input:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a;background:#1a1a1a05}.category-form-input.error{border-color:var(--error-red);box-shadow:0 0 0 3px #ef44441a}.category-form-input.error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #ef444426}.category-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;background:var(--primary-black);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1a1a1a33;white-space:nowrap;min-height:40px}.category-add-btn:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.category-error{font-size:11px;color:var(--error-red);font-weight:600;display:flex;align-items:center;gap:4px}.category-hint{font-size:11px;color:var(--text-gray);font-weight:500;display:block}.category-list-section{flex:1;overflow-y:auto;padding:0}.category-loading,.category-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;min-height:200px}.category-loading p,.category-empty p{font-size:13px;color:var(--text-gray);margin:12px 0 0}.category-spinner-medium{width:36px;height:36px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spin .8s linear infinite}.category-spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.category-table-container{padding:16px}.category-table{width:100%;border-collapse:collapse;font-size:13px}.category-table thead{background:var(--light-gray);border-bottom:2px solid var(--border-gray)}.category-table thead th{padding:12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.3px;font-size:11px;color:var(--text-dark)}.category-table tbody td{padding:12px;color:var(--text-dark);vertical-align:middle}.category-index{font-weight:600;color:var(--text-gray);width:40px}.category-badge{display:inline-block;padding:4px 10px;background:#e0e7ff;color:#4f46e5;border-radius:6px;font-weight:600;font-size:12px}.category-date{color:var(--text-gray);font-size:12px}.category-action{text-align:center}.category-delete-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;border:1px solid var(--border-gray);color:var(--error-red)}.category-delete-btn:hover:not(:disabled){background:#f8d7da;transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.category-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;background:var(--light-gray);border-top:1px solid var(--border-gray);flex-wrap:wrap}.category-page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-gray);background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease;color:var(--text-gray);font-weight:600}.category-page-btn:hover:not(:disabled){background:var(--primary-black);border-color:var(--primary-black);color:#fff;transform:translateY(-2px)}.category-page-info{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-gray);font-weight:600}.category-page-input{width:50px;padding:6px 8px;border:1px solid var(--border-gray);border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:var(--text-dark)}.category-page-count{font-size:11px;color:var(--text-gray);margin-left:4px}.category-modal-footer{padding:12px 16px;background:var(--light-gray);border-top:1px solid var(--border-gray);text-align:center;font-size:12px;color:var(--text-gray);font-weight:600}.category-footer-info{margin-left:8px;color:var(--text-gray)}@media(max-width:768px){.category-modal-content{max-width:95%;max-height:90vh}.category-modal-header{padding:12px}.category-modal-title{font-size:16px}.category-modal-subtitle{font-size:11px}.category-form-section{padding:16px}.category-form-header h3{font-size:13px}.category-table-container{padding:12px}.category-table{font-size:12px}.category-table thead th,.category-table tbody td{padding:10px}.category-input-group{gap:6px}.category-form-input{padding:8px 10px;font-size:12px}.category-add-btn{padding:8px 12px;font-size:11px;min-height:36px}.category-pagination{gap:8px;padding:12px}.category-page-btn{width:32px;height:32px}.category-page-info{font-size:11px}.category-page-input{width:45px;padding:5px 6px;font-size:11px}}@media(max-width:480px){.category-modal-overlay{padding:8px}.category-modal-content{max-width:100%;border-radius:6px}.category-modal-header{padding:10px;gap:8px}.category-header-content{gap:8px}.category-modal-title{font-size:14px}.category-modal-subtitle{font-size:10px}.category-modal-close{width:28px;height:28px}.category-form-section{padding:12px}.category-form-header h3{font-size:12px}.category-form-header p{font-size:10px}.category-form-label{font-size:11px}.category-form-input{padding:8px 10px;font-size:12px}.category-input-group{flex-direction:column;gap:6px}.category-add-btn{width:100%;padding:8px 12px;font-size:10px;min-height:34px}.category-hint,.category-error{font-size:10px}.category-table-container{padding:8px}.category-table{font-size:11px}.category-table thead th,.category-table tbody td{padding:8px}.category-index{width:30px}.category-badge{padding:3px 8px;font-size:11px}.category-date{font-size:11px}.category-delete-btn{width:32px;height:32px}.category-pagination{gap:6px;padding:10px}.category-page-btn{width:28px;height:28px;font-size:12px}.category-page-info{font-size:10px;gap:4px}.category-page-input{width:40px;padding:4px 6px;font-size:10px}.category-page-count{font-size:10px}.category-modal-footer{padding:10px;font-size:11px}.category-loading,.category-empty{padding:30px 16px;min-height:150px}.category-spinner-medium{width:32px;height:32px}}.ccm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ccm-fadeIn .3s ease-out}@keyframes ccm-fadeIn{0%{opacity:0}to{opacity:1}}.ccm-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;animation:ccm-slideUp .3s ease-out}@keyframes ccm-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ccm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.ccm-title{font-size:18px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.ccm-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;padding:0;font-size:0;line-height:0}.ccm-close-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.ccm-close-btn:active:not(:disabled){transform:rotate(90deg) scale(.95)}.ccm-close-btn:disabled{opacity:.5;cursor:not-allowed}.ccm-tabs{display:flex;gap:0;padding:0;background:#f8f9fa;border-bottom:2px solid #e5e7eb;overflow-x:auto}.ccm-tab{flex:1;min-width:120px;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ccm-tab:hover:not(:disabled){background:#f0f0f0;color:#1a1a1a}.ccm-tab.active{background:#fff;border-bottom-color:#1a1a1a;color:#1a1a1a;box-shadow:0 2px 4px #0000000d}.ccm-tab:disabled{opacity:.5;cursor:not-allowed}.ccm-form{padding:24px}.ccm-tab-content{animation:ccm-fadeIn .2s ease-out}.ccm-section{margin-bottom:28px}.ccm-section:last-child{margin-bottom:0}.ccm-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.ccm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ccm-grid-1{grid-template-columns:1fr}.ccm-field-full{grid-column:1 / -1}.ccm-field{display:flex;flex-direction:column;gap:6px}.ccm-label{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.ccm-input,.ccm-select,.ccm-textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.ccm-input:focus,.ccm-select:focus,.ccm-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;background:#fafafa}.ccm-input::placeholder,.ccm-textarea::placeholder{color:#9ca3af}.ccm-input:disabled,.ccm-select:disabled,.ccm-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.ccm-input.error{border-color:#dc2626;background:#fef2f2}.ccm-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.ccm-read-only{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.ccm-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px}.ccm-textarea{resize:vertical;min-height:80px}.ccm-error-message{font-size:12px;color:#dc2626;font-weight:600;margin-top:4px}.ccm-hint{font-size:11px;color:#6b7280;font-weight:500;margin-top:4px}.ccm-profile-section{padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #e5e7eb}.ccm-avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.ccm-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2d3748);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #00000026}.ccm-avatar img{width:100%;height:100%;object-fit:cover}.ccm-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.ccm-upload-btn:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a33}.ccm-upload-btn:active{transform:translateY(0)}.ccm-file-name{font-size:12px;color:#059669;font-weight:600;margin:0}.ccm-file-hint{font-size:11px;color:#6b7280;margin:0}.ccm-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e5e7eb;margin-top:24px}.ccm-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;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}.ccm-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 4px 12px #1a1a1a33}.ccm-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a4d}.ccm-btn-primary:active:not(:disabled){transform:translateY(0)}.ccm-btn-secondary{background:#f3f4f6;color:#1a1a1a;border:2px solid #e5e7eb}.ccm-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.ccm-btn-secondary:active:not(:disabled){transform:translateY(0)}.ccm-btn:disabled{opacity:.5;cursor:not-allowed}.ccm-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:ccm-spin .8s linear infinite;margin:0 auto}@keyframes ccm-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.ccm-modal{max-width:95%;max-height:95vh}.ccm-grid{grid-template-columns:1fr}.ccm-tabs{flex-wrap:wrap}.ccm-tab{flex:0 1 auto;min-width:100px;padding:12px 14px;font-size:12px}.ccm-form{padding:16px}.ccm-section{margin-bottom:20px}.ccm-actions{flex-direction:column-reverse}.ccm-btn{width:100%}.ccm-header{padding:16px}.ccm-title{font-size:16px}}@media(max-width:480px){.ccm-modal{max-width:100%;border-radius:12px 12px 0 0}.ccm-header{padding:14px 16px}.ccm-title{font-size:14px;gap:8px}.ccm-title svg{width:16px;height:16px}.ccm-close-btn{width:36px;height:36px}.ccm-form{padding:14px}.ccm-grid{gap:12px}.ccm-input,.ccm-select,.ccm-textarea{font-size:12px;padding:9px 10px}.ccm-section-title{font-size:12px;margin-bottom:12px;gap:8px}.ccm-label{font-size:11px}.ccm-btn{padding:10px 16px;font-size:11px}.ccm-avatar{width:80px;height:80px;font-size:32px}}.ccm-modal::-webkit-scrollbar{width:8px}.ccm-modal::-webkit-scrollbar-track{background:#f1f5f9}.ccm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ccm-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.dayend-modal-design-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172acc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:.5rem;animation:dayend-modal-design-fadeIn .3s ease-out}.dayend-modal-design-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #00000026,0 8px 16px #0000001a;position:relative;width:100%;max-width:1000px;height:auto;display:flex;flex-direction:column;animation:dayend-modal-design-slideUp .4s ease-out;border:1px solid #e2e8f0;overflow:hidden}.dayend-modal-design-close-button{position:absolute;top:8px;right:8px;width:26px;height:26px;background:#ffffffe6;border:1px solid rgba(255,255,255,.3);border-radius:5px;color:#64748b;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;z-index:15;line-height:1}.dayend-modal-design-close-button:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626;transform:scale(1.05)}.dayend-modal-design-header-bar{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;padding:12px 45px 12px 16px;display:flex;align-items:center;gap:10px;border-radius:12px 12px 0 0;flex-shrink:0}.dayend-modal-design-header-icon{flex-shrink:0}.dayend-modal-design-header-content{display:flex;flex-direction:column;gap:2px}.dayend-modal-design-header-title{font-size:15px;font-weight:700;letter-spacing:-.3px}.dayend-modal-design-header-date{font-size:11px;opacity:.85;font-weight:500}.dayend-modal-design-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:0;flex:1;min-height:0}.dayend-modal-design-left-side,.dayend-modal-design-right-side{display:flex;flex-direction:column;gap:10px;padding:14px;border-right:1px solid #e5e7eb}.dayend-modal-design-right-side{border-right:none}.dayend-modal-design-info-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:4px}.dayend-modal-design-info-item{display:flex;align-items:center;gap:4px;background:#f8fafc;padding:6px 8px;border-radius:5px;border:1px solid #e2e8f0;min-width:0}.dayend-modal-design-info-icon{color:#64748b;flex-shrink:0}.dayend-modal-design-info-label{font-size:10px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.dayend-modal-design-info-value{font-size:10px;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dayend-modal-design-section{background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;padding:10px;flex-shrink:0}.dayend-modal-design-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dayend-modal-design-section-title{display:flex;align-items:center;gap:6px}.dayend-modal-design-section-icon{color:#1a1a1a}.dayend-modal-design-section-title h3{margin:0;font-size:13px;font-weight:600;color:#1e293b}.dayend-modal-design-input-group{display:flex;flex-direction:column;gap:6px}.dayend-modal-design-amount-input-group{display:flex;align-items:center;background:#fff;border:1.5px solid #d1d5db;border-radius:5px;overflow:hidden;transition:all .2s ease}.dayend-modal-design-amount-input-group:focus-within{border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a1a}.dayend-modal-design-currency{background:#f3f4f6;padding:7px 10px;font-size:12px;font-weight:600;color:#374151;border-right:1px solid #d1d5db;white-space:nowrap}.dayend-modal-design-amount-input{flex:1;padding:7px 10px;border:none;outline:none;font-size:12px;font-weight:600;font-family:SF Mono,Monaco,Inconsolata,monospace;color:#111827}.dayend-modal-design-amount-input::placeholder{color:#9ca3af;font-weight:400}.dayend-modal-design-amount-display{font-size:18px;font-weight:700;color:#1a1a1a;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:-.3px;text-align:center;padding:10px;background:#fff;border-radius:5px;border:1px solid #e2e8f0}.dayend-modal-design-readonly-display{display:flex;align-items:center;justify-content:center;padding:10px;background:#fff;border-radius:5px;border:1px solid #e2e8f0;min-height:38px}.dayend-modal-design-expenses-amount{font-size:16px;font-weight:700;color:#dc2626;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:-.2px}.dayend-modal-design-payments-amount{font-size:16px;font-weight:700;color:#1a1a1a;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:-.2px}.dayend-modal-design-sales-compact{display:flex;flex-direction:column;gap:6px;background:#fff;padding:8px;border-radius:5px;border:1px solid #e2e8f0}.dayend-modal-design-sales-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#f8fafc;border-radius:4px;border:1px solid #e2e8f0}.dayend-modal-design-sales-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.2px}.dayend-modal-design-sales-value{font-size:13px;font-weight:700;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:-.2px}.dayend-modal-design-sales-value.total-sales{color:#1a1a1a}.dayend-modal-design-sales-value.cash-sales{color:#059669}.dayend-modal-design-sales-value.card-sales{color:#7c3aed}.dayend-modal-design-balance-box{background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:8px;padding:12px;text-align:center;flex-shrink:0}.dayend-modal-design-balance-label{font-size:11px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:6px}.dayend-modal-design-balance-value{font-size:24px;font-weight:800;color:#1a1a1a;font-family:SF Mono,Monaco,Inconsolata,monospace;letter-spacing:-.5px}.dayend-modal-design-balance-value.negative{color:#dc2626}.dayend-modal-design-edit-btn,.dayend-modal-design-add-btn,.dayend-modal-design-button{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;border:none;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;letter-spacing:.2px;white-space:nowrap}.dayend-modal-design-edit-btn{background:#f3f4f6;color:#1a1a1a;border:1px solid #d1d5db;height:28px}.dayend-modal-design-edit-btn:hover{background:#e5e7eb;border-color:#9ca3af}.dayend-modal-design-add-btn{background:#1a1a1a;color:#fff;height:30px;width:100%}.dayend-modal-design-add-btn:hover{background:#2d2d2d}.dayend-modal-design-footer{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border-top:1px solid #e5e7eb;flex-shrink:0;background:#f9fafb}.dayend-modal-design-actions-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dayend-modal-design-button{height:32px}.dayend-modal-design-save{background:#1a1a1a;color:#fff}.dayend-modal-design-save:hover:not(:disabled){background:#2d2d2d}.dayend-modal-design-save:disabled{background:#9ca3af;cursor:not-allowed}.dayend-modal-design-cancel{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.dayend-modal-design-cancel:hover:not(:disabled){background:#e5e7eb}.dayend-modal-design-close{background:#1a1a1a;color:#fff;width:100%}.dayend-modal-design-close:hover{background:#2d2d2d}.dayend-modal-design-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.dayend-modal-design-spinner{width:24px;height:24px;border:2px solid #e2e8f0;border-top:2px solid #1a1a1a;border-radius:50%;animation:dayend-modal-design-spin 1s linear infinite;margin-bottom:12px}.dayend-modal-design-mini-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:#64748b;font-size:12px}.dayend-modal-design-mini-spinner{width:14px;height:14px;border:1.5px solid #e2e8f0;border-top:1.5px solid #1a1a1a;border-radius:50%;animation:dayend-modal-design-spin .8s linear infinite}.dayend-modal-design-loading p{color:#64748b;font-size:13px;margin:0}.dayend-modal-design-modal-open{overflow:hidden}@keyframes dayend-modal-design-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dayend-modal-design-slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dayend-modal-design-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.dayend-modal-design-modal-content{max-width:95%}}@media(max-width:768px){.dayend-modal-design-modal-overlay{padding:.25rem}.dayend-modal-design-content-wrapper{grid-template-columns:1fr}.dayend-modal-design-left-side,.dayend-modal-design-right-side{border-right:none;border-bottom:1px solid #e5e7eb;padding:12px}.dayend-modal-design-right-side{border-bottom:none}.dayend-modal-design-header-title{font-size:14px}.dayend-modal-design-info-row,.dayend-modal-design-actions-row{grid-template-columns:1fr}}@media(max-width:480px){.dayend-modal-design-modal-overlay{padding:.1rem}.dayend-modal-design-modal-content{max-width:100%;border-radius:8px}.dayend-modal-design-header-bar{padding:10px 35px 10px 12px;border-radius:8px 8px 0 0}.dayend-modal-design-header-title{font-size:13px}.dayend-modal-design-left-side,.dayend-modal-design-right-side{padding:10px}.dayend-modal-design-section{padding:8px}.dayend-modal-design-balance-value{font-size:20px}.dayend-modal-design-footer{padding:10px 12px}}.dayend-modal-design-button:focus,.dayend-modal-design-amount-input:focus,.dayend-modal-design-close-button:focus{outline:2px solid #1a1a1a;outline-offset:2px}.invoices-table-container{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:0;margin:0;font-size:12px;text-transform:lowercase}.invoices-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#6b7280}.invoices-table-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top:3px solid #3b82f6;border-radius:50%;animation:inv-spin 1s linear infinite;margin-bottom:1rem}@keyframes inv-spin{to{transform:rotate(360deg)}}.invoices-table-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#ef4444;text-align:center}.invoices-table-error-icon{font-size:3rem;margin-bottom:1rem}.invoices-table-retry-btn{margin-top:1rem;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;transition:.2s}.invoices-table-retry-btn:hover{background:#2563eb;transform:translateY(-1px)}.invoices-table-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:2rem 1rem;border-radius:0 0 16px 16px;box-shadow:0 4px 20px #3b82f633}.invoices-table-header-content{max-width:100%;margin:0 auto;text-align:center}.invoices-table-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.invoices-table-title-icon{width:28px;height:28px}.invoices-table-subtitle{font-size:.9rem;opacity:.9;margin:0}.invoices-table-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;padding:1rem;margin-bottom:1rem}.invoices-table-stat-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:12px;padding:1rem;display:flex;align-items:center;gap:.75rem;transition:.3s;box-shadow:0 2px 8px #0000000a}.invoices-table-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.invoices-table-stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.invoices-table-stat-icon svg{width:20px;height:20px;color:#fff}.invoices-table-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.invoices-table-stat-icon-green{background:linear-gradient(135deg,#047857,#065f46)}.invoices-table-stat-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.invoices-table-stat-icon-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.invoices-table-stat-icon-red{background:linear-gradient(135deg,#ef4444,#dc2626)}.invoices-table-stat-icon-yellow{background:linear-gradient(135deg,#f97316,#ea580c)}.invoices-table-stat-content{flex:1}.invoices-table-stat-label{font-size:11px;font-weight:500;color:#6b7280;margin:0 0 .25rem}.invoices-table-stat-value{font-size:1.25rem;font-weight:700;color:#1e293b;font-family:SF Mono,Monaco,Inconsolata,monospace}.invoices-table-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.invoices-table-filters-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;overflow:hidden}.invoices-table-filters-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.invoices-table-filters-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#1e293b;margin:0}.invoices-table-filters-icon{width:16px;height:16px;color:#3b82f6}.invoices-table-filters-content{padding:1.5rem}.invoices-table-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.invoices-table-filter-group{display:flex;flex-direction:column;gap:4px}.invoices-table-filter-label{font-weight:500;color:#374151;font-size:11px;margin-bottom:2px}.invoices-table-filter-input{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:12px;transition:.2s;background:#fff;height:36px;box-sizing:border-box}.invoices-table-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.invoices-table-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#6b7280;color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:500;cursor:pointer;transition:.2s;height:36px;box-sizing:border-box}.invoices-table-refresh-btn:hover{background:#4b5563;transform:translateY(-1px)}.invoices-table-refresh-btn svg{width:14px;height:14px}.invoices-table-data-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000f;border:1px solid #e2e8f0;overflow:hidden}.invoices-table-data-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.invoices-table-data-title{display:flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#1e293b;margin:0}.invoices-table-data-icon{width:16px;height:16px;color:#3b82f6}.invoices-table-export-buttons{display:flex;gap:.5rem}.invoices-table-export-btn{display:flex;align-items:center;gap:4px;padding:6px 12px;border:none;border-radius:6px;font-size:10px;font-weight:500;cursor:pointer;transition:.2s;color:#fff}.invoices-table-export-btn svg{width:12px;height:12px}.invoices-table-export-excel{background:#047857}.invoices-table-export-excel:hover{background:#065f46;transform:translateY(-1px)}.invoices-table-export-csv{background:#dc2626}.invoices-table-export-csv:hover{background:#b91c1c;transform:translateY(-1px)}.invoices-table-export-pdf{background:#ea580c}.invoices-table-export-pdf:hover{background:#c2410c;transform:translateY(-1px)}.invoices-table-wrapper{overflow-x:auto;max-height:600px;overflow-y:auto}.invoices-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.invoices-table-th{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:.75rem .5rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e2e8f0;font-size:13px;white-space:nowrap;position:sticky;top:0;z-index:10}.invoices-table-row{transition:.2s}.invoices-table-row:hover{background:#f8fafc}.invoices-table-cell{padding:.75rem .5rem;border-bottom:1px solid #f1f5f9;color:#374151;vertical-align:middle;font-size:13px}.invoices-table-date{color:#6b7280;font-size:10px;font-family:SF Mono,Monaco,Inconsolata,monospace}.invoices-table-amount{font-weight:600;color:#047857;font-family:SF Mono,Monaco,Inconsolata,monospace}.invoices-table-profit{font-weight:600}.invoices-table-profit.high{color:#16a34a}.invoices-table-profit.mid{color:#f59e0b}.invoices-table-profit.low{color:#6b7280}.invoices-table-profit.neg{color:#ef4444}.invoices-table-actions{display:flex;gap:4px;align-items:center}.invoices-table-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:.2s;background:#f1f5f9;color:#6b7280}.invoices-table-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.invoices-table-action-btn svg{width:14px;height:14px}.invoices-table-action-view:hover{background:#3b82f6;color:#fff}.invoices-table-action-download:hover{background:#10b981;color:#fff}.invoices-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#6b7280;text-align:center}.invoices-table-empty-icon{width:64px;height:64px;margin-bottom:1rem;opacity:.6}.invoices-table-empty-icon svg{width:100%;height:100%}.invoices-table-empty-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 .5rem}.invoices-table-empty-text{margin:0;opacity:.8;font-size:.875rem}.invoices-table-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid #e2e8f0;background:#f8fafc}.invoices-table-pagination-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:.2s}.invoices-table-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af;transform:translateY(-1px)}.invoices-table-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.invoices-table-pagination-btn svg{width:16px;height:16px}.invoices-table-pagination-info{display:flex;align-items:center;gap:1rem;font-size:11px;color:#374151}.invoices-table-pagination-label{display:flex;align-items:center;gap:.5rem}.invoices-table-pagination-input{width:60px;padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:11px;text-align:center}.invoices-table-pagination-text{font-weight:500}@media(max-width:1200px){.invoices-table-stats{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.invoices-table-header{padding:1.5rem .75rem}.invoices-table-title{font-size:1.5rem}.invoices-table-content{padding:.75rem}.invoices-table-stats{grid-template-columns:repeat(2,1fr)}.invoices-table-filters-grid{grid-template-columns:1fr}.invoices-table-data-header{flex-direction:column;align-items:stretch}.invoices-table-export-buttons{justify-content:center}.invoices-table-pagination{flex-wrap:wrap;gap:.5rem}.invoices-table-th,.invoices-table-cell{padding:.5rem .25rem}}@media(max-width:480px){.invoices-table-title{font-size:1.25rem;flex-direction:column;gap:4px}.invoices-table-title-icon{width:24px;height:24px}.invoices-table-stats{grid-template-columns:1fr}.invoices-table-stat-card{padding:.75rem}.invoices-table-filters-header,.invoices-table-data-header{padding:.75rem 1rem}.invoices-table-actions{flex-direction:column;gap:2px}.invoices-table-action-btn{width:24px;height:24px}.invoices-table-action-btn svg{width:12px;height:12px}}@keyframes inv-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.invoices-table-filters-card,.invoices-table-data-card{animation:inv-fadeIn .4s ease-out}.invoices-table-stat-card{animation:inv-fadeIn .6s ease-out}.invoices-table-filter-input:focus,.invoices-table-pagination-input:focus,.invoices-table-action-btn:focus,.invoices-table-export-btn:focus,.invoices-table-refresh-btn:focus{outline:2px solid #3b82f6;outline-offset:1px}@media print{.invoices-table-header{background:#3b82f6!important}.invoices-table-filters-card,.invoices-table-export-buttons,.invoices-table-pagination,.invoices-table-actions{display:none}.invoices-table{font-size:8px}}.reset-btn{padding:10px 16px;background:linear-gradient(135deg,#ffeaa7,#fab1a0);color:#2d3436;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.reset-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,#fdcb6e,#e84393);color:#fff}.reset-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.reset-icon{font-size:16px;transition:transform .3s ease}.reset-btn:hover .reset-icon{transform:rotate(180deg)}.sales-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:12px}.sales-action-icon[title="Print Profit Report"]{filter:hue-rotate(120deg) brightness(1.1);transition:all .3s ease}.sales-action-icon[title="Print Profit Report"]:hover{filter:hue-rotate(120deg) brightness(1.3) drop-shadow(0 0 4px rgba(76,175,80,.6))}.sales-header-left{display:flex;align-items:center;gap:12px}.sales-dashboard-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.sales-title-icon{font-size:22px;color:#2d3748}.sales-store-indicator{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#f0f0f0;border-radius:16px;font-size:11px;font-weight:600;color:#495057;margin-left:8px}.sales-controls-section{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center;background:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 1px 3px #0000000f}.sales-search-input-inline,.sales-filter-input-inline,.sales-select-input-inline{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;flex:0 1 auto;min-width:120px}.sales-search-input-inline{flex:1;min-width:180px}.sales-filter-input-inline{min-width:110px}.sales-select-input-inline{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:26px}.sales-search-input-inline:hover,.sales-filter-input-inline:hover,.sales-select-input-inline:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d}.sales-search-input-inline:focus,.sales-filter-input-inline:focus,.sales-select-input-inline:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.sales-clear-btn-inline{padding:8px 14px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 2px #6c757d33;white-space:nowrap}.sales-clear-btn-inline:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.sales-invoice-id{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:11px}.sales-customer-id{font-weight:600;color:#1a1a1a;font-size:11px}.sales-customer-name{color:#495057;font-size:11px}.sales-amount{font-weight:600;color:#1a1a1a;text-align:right;font-size:11px}.sales-amount-highlight{font-weight:700;color:#0d6efd;background:#e7f1ff;padding:4px 8px;border-radius:3px;text-align:right;font-size:11px}.sales-discount{font-weight:600;color:#f59e0b;text-align:right;font-size:11px}.sales-store{text-align:center}.sales-store-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e8f4f8;border-radius:3px;font-size:10px;font-weight:600;color:#0c5460}.sales-status{text-align:center}.sales-status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.sales-status-badge.approved,.sales-status-badge.completed{background:#d4edda;color:#155724}.sales-status-badge.pending{background:#fff3cd;color:#856404}.sales-status-badge.rejected{background:#f8d7da;color:#721c24}.sales-status-badge.unknown{background:#e2e3e5;color:#383d41}.sales-date{font-size:10px;color:#6c757d;white-space:nowrap}.sales-actions{text-align:center}.sales-actions-group{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sales-action-icon{width:20px;height:20px;cursor:pointer;transition:all .2s ease;opacity:.7}.sales-action-icon:hover{opacity:1;transform:scale(1.15)}.sales-export-section{background:#fff;border-radius:6px;padding:12px 16px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px}.sales-export-buttons{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.sales-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#495057;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.sales-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sales-export-btn:disabled{opacity:.5;cursor:not-allowed}.sales-export-btn.excel{border-color:#28a745;color:#28a745}.sales-export-btn.excel:hover:not(:disabled){background:#28a745;color:#fff}.sales-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.sales-export-btn.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.sales-export-btn.pdf{border-color:#dc3545;color:#dc3545}.sales-export-btn.pdf:hover:not(:disabled){background:#dc3545;color:#fff}@media(max-width:1024px){.sales-controls-section{gap:8px}.sales-search-input-inline,.sales-filter-input-inline,.sales-select-input-inline{min-width:100px;font-size:11px}.sales-data-table{font-size:11px}.sales-data-table thead th,.sales-data-table tbody td{padding:8px 10px}}@media(max-width:768px){.sales-dashboard-header{flex-direction:column;align-items:flex-start}.sales-header-right{width:100%;justify-content:flex-start}.sales-controls-section{gap:8px;flex-wrap:wrap}.sales-search-input-inline{width:100%;min-width:auto}.sales-filter-input-inline,.sales-select-input-inline{flex:1;min-width:90px}.sales-table-wrapper{max-height:500px}.sales-data-table{font-size:11px}.sales-data-table thead th,.sales-data-table tbody td{padding:8px 10px}.sales-pagination-controls{gap:8px}.sales-pagination-info{width:100%}.sales-export-buttons{gap:6px}.sales-export-btn{flex:1;min-width:70px;font-size:10px;padding:8px 10px}}@media(max-width:480px){.sales-dashboard-title{font-size:16px}.sales-title-icon{font-size:18px}.sales-controls-section{gap:6px;padding:10px 12px}.sales-search-input-inline,.sales-filter-input-inline,.sales-select-input-inline,.sales-clear-btn-inline{font-size:11px;padding:7px 8px}.sales-table-wrapper{max-height:350px}.sales-data-table{font-size:10px}.sales-data-table thead th,.sales-data-table tbody td{padding:6px 8px}.sales-pagination-btn{padding:6px 9px;font-size:11px}.sales-export-btn{font-size:9px;padding:8px 10px}.sales-action-icon{width:18px;height:18px}}.sales-overview-container{padding:14px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:12px}.sales-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.sales-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.sales-subtitle{font-size:12px;color:#6c757d;margin:0;font-weight:500}.sales-header-right{display:flex;gap:8px;flex-wrap:wrap}.sales-filters{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;background:#fff;padding:14px 16px;border-radius:6px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap}.sales-filters-grid-extended{display:flex;gap:12px;flex:1;flex-wrap:wrap;align-items:flex-end}.sales-filter-group{display:flex;flex-direction:column;gap:6px;flex:0 1 auto}.sales-filter-label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.sales-filter-input{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;min-width:120px}.sales-filter-input:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d}.sales-filter-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.approval-status-tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.approval-status-tab{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#495057;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.approval-status-tab:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d;transform:translateY(-1px)}.approval-status-tab.active{color:#fff;border-color:transparent;font-weight:700}.approval-status-tab.active.pending{background:#f59e0b;box-shadow:0 2px 4px #f59e0b4d}.approval-status-tab.active.approved{background:#10b981;box-shadow:0 2px 4px #10b9814d}.approval-status-tab.active.rejected{background:#ef4444;box-shadow:0 2px 4px #ef44444d}.approval-status-tab.active.deleted{background:#6c757d;box-shadow:0 2px 4px #6c757d4d}.sales-filter-actions{display:flex;gap:8px;flex-wrap:wrap}.sales-btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#0d6efd;color:#fff;box-shadow:0 1px 3px #0d6efd33}.sales-btn-primary:hover:not(:disabled){background:#0b5ed7;transform:translateY(-1px);box-shadow:0 2px 4px #0d6efd4d}.sales-btn-primary:disabled{opacity:.6;cursor:not-allowed}.sales-table-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:14px}.sales-table-wrapper{overflow-x:auto;max-height:650px;position:relative}.sales-data-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.sales-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.sales-data-table thead th{padding:10px 12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:11px;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.sales-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.sales-data-table tbody tr:hover{background:#f8f9fa}.sales-data-table tbody td{padding:10px 12px;color:#2d3748;vertical-align:middle}.approval-id-badge{display:inline-block;padding:4px 8px;background:#e9ecef;border-radius:3px;font-size:10px;font-weight:700;color:#495057;font-family:Courier New,monospace}.approval-invoice-id{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:11px}.approval-user-cell{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#1a1a1a}.approval-status-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.approval-status-badge.pending{background:#fff3cd;color:#856404}.approval-status-badge.approved{background:#d4edda;color:#155724}.approval-status-badge.rejected{background:#f8d7da;color:#721c24}.approval-status-badge.deleted{background:#e2e3e5;color:#383d41}.approval-reason{font-size:10px;color:#dc3545;font-weight:500;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approval-no-reason{font-size:10px;color:#6c757d}.approval-date,.approval-time{font-size:10px;color:#6c757d;white-space:nowrap}.approval-view-cell{text-align:center}.approval-view-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#495057;cursor:pointer;transition:all .2s ease}.approval-view-btn:hover{background:#0d6efd;color:#fff;border-color:#0d6efd;transform:scale(1.1)}.approval-action-buttons{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.approval-approve-btn,.approval-reject-btn,.approval-delete-btn,.approval-restore-btn,.approval-permanent-delete-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.approval-approve-btn{background:#10b981;color:#fff;box-shadow:0 1px 2px #10b98133}.approval-approve-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 4px #10b9814d}.approval-approve-btn:disabled{opacity:.6;cursor:not-allowed}.approval-reject-btn{background:#ef4444;color:#fff;box-shadow:0 1px 2px #ef444433}.approval-reject-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.approval-reject-btn:disabled{opacity:.6;cursor:not-allowed}.approval-delete-btn{background:#f59e0b;color:#fff;box-shadow:0 1px 2px #f59e0b33}.approval-delete-btn:hover:not(:disabled){background:#d97706;transform:translateY(-1px);box-shadow:0 2px 4px #f59e0b4d}.approval-delete-btn:disabled{opacity:.6;cursor:not-allowed}.approval-restore-btn{background:#6366f1;color:#fff;box-shadow:0 1px 2px #6366f133}.approval-restore-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 4px #6366f14d}.approval-permanent-delete-btn{background:#6c757d;color:#fff;box-shadow:0 1px 2px #6c757d33}.approval-permanent-delete-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.approval-final-status{display:inline-block;padding:6px 10px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.approval-final-status.approved{background:#d4edda;color:#155724}.approval-final-status.rejected{background:#f8d7da;color:#721c24}.approval-final-status.deleted{background:#e2e3e5;color:#383d41}.sales-pagination-section{background:#fff;border-radius:6px;padding:12px 14px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px}.sales-pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.sales-pagination-btn{padding:7px 11px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#495057;font-weight:600;font-size:12px}.sales-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.sales-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.sales-pagination-goto{display:flex;align-items:center;gap:6px;font-size:12px;color:#495057;font-weight:600}.sales-pagination-input{width:55px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1a1a1a}.sales-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.sales-pagination-info{font-size:12px;color:#495057;font-weight:600;min-width:150px;text-align:center}.sales-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.sales-no-data img{width:120px;height:auto;opacity:.6;margin-bottom:12px}.sales-no-data p{font-size:13px;color:#6c757d;margin:0}.sales-no-data h3{font-size:16px;color:#1a1a1a;margin:8px 0;font-weight:700}.sales-error-icon{font-size:48px;margin-bottom:12px}.sales-spinner{width:35px;height:35px;border:3px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:14px}.common-refresh-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#6c757d;color:#fff;box-shadow:0 1px 3px #6c757d33}.common-refresh-btn:hover:not(:disabled){background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.common-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.panel-container{padding:14px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;margin:40px auto;max-width:500px}.no-access-image{width:180px;height:auto;margin-bottom:20px}.no-access-panel p{font-size:13px;color:#6c757d;text-align:center;line-height:1.6;margin:0}@media(max-width:1024px){.sales-filters{gap:10px}.sales-filter-input{min-width:100px;font-size:11px}.sales-data-table{font-size:11px}.sales-data-table thead th,.sales-data-table tbody td{padding:8px 10px}.approval-action-buttons{gap:4px}.approval-approve-btn,.approval-reject-btn,.approval-delete-btn{padding:5px 8px;font-size:9px}}@media(max-width:768px){.sales-header{flex-direction:column;align-items:flex-start}.sales-header-right{width:100%;justify-content:flex-start}.sales-filters{flex-direction:column;gap:10px}.sales-filters-grid-extended{width:100%;gap:10px}.sales-filter-group{width:100%}.approval-status-tabs{width:100%;gap:6px}.approval-status-tab{flex:1;min-width:70px;font-size:10px;padding:6px 8px}.sales-table-wrapper{max-height:500px}.sales-data-table{font-size:11px}.sales-data-table thead th,.sales-data-table tbody td{padding:8px 10px}.approval-action-buttons{gap:4px;flex-direction:column}.approval-approve-btn,.approval-reject-btn,.approval-delete-btn,.approval-restore-btn,.approval-permanent-delete-btn{width:100%;padding:6px 8px;font-size:9px}.sales-pagination-controls{gap:8px}.sales-pagination-info{width:100%}}@media(max-width:480px){.sales-title{font-size:16px}.sales-subtitle{font-size:11px}.sales-filters{padding:10px 12px;gap:8px}.sales-filter-input{font-size:11px;padding:7px 8px;min-width:90px}.approval-status-tab{font-size:9px;padding:5px 6px}.sales-table-wrapper{max-height:350px}.sales-data-table{font-size:10px}.sales-data-table thead th,.sales-data-table tbody td{padding:6px 8px}.approval-action-buttons{gap:3px}.approval-approve-btn,.approval-reject-btn,.approval-delete-btn,.approval-restore-btn,.approval-permanent-delete-btn{padding:5px 6px;font-size:8px}.sales-pagination-btn{padding:6px 9px;font-size:11px}.approval-view-btn{width:24px;height:24px}.approval-id-badge{font-size:9px;padding:3px 6px}}.sales-no-data{animation:fadeIn .3s ease-out}.aum-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:aum-fadeIn .3s ease-out}@keyframes aum-fadeIn{0%{opacity:0}to{opacity:1}}.aum-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;animation:aum-slideUp .3s ease-out}@keyframes aum-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.aum-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.aum-title{font-size:18px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.aum-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;padding:0;font-size:0;line-height:0}.aum-close-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.aum-close-btn:active:not(:disabled){transform:rotate(90deg) scale(.95)}.aum-close-btn:disabled{opacity:.5;cursor:not-allowed}.aum-tabs{display:flex;gap:0;padding:0;background:#f8f9fa;border-bottom:2px solid #e5e7eb;overflow-x:auto}.aum-tab{flex:1;min-width:120px;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.aum-tab:hover:not(:disabled){background:#f0f0f0;color:#1a1a1a}.aum-tab.active{background:#fff;border-bottom-color:#1a1a1a;color:#1a1a1a;box-shadow:0 2px 4px #0000000d}.aum-tab:disabled{opacity:.5;cursor:not-allowed}.aum-form{padding:24px}.aum-tab-content{animation:aum-fadeIn .2s ease-out}.aum-section{margin-bottom:28px}.aum-section:last-child{margin-bottom:0}.aum-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.aum-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.aum-grid-1{grid-template-columns:1fr}.aum-field-full{grid-column:1 / -1}.aum-field{display:flex;flex-direction:column;gap:6px}.aum-label{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.aum-input,.aum-select,.aum-textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.aum-input:focus,.aum-select:focus,.aum-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;background:#fafafa}.aum-input::placeholder,.aum-textarea::placeholder{color:#9ca3af}.aum-input:disabled,.aum-select:disabled,.aum-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.aum-read-only{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.aum-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px}.aum-textarea{resize:vertical;min-height:80px}.aum-password-wrapper{position:relative;display:flex;align-items:center}.aum-password-wrapper .aum-input{width:100%;padding-right:40px}.aum-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:4px}.aum-password-toggle:hover:not(:disabled){color:#1a1a1a}.aum-password-toggle:disabled{opacity:.5;cursor:not-allowed}.aum-profile-section{padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #e5e7eb}.aum-avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.aum-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2d3748);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #00000026}.aum-avatar img{width:100%;height:100%;object-fit:cover}.aum-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.aum-upload-btn:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a33}.aum-upload-btn:active{transform:translateY(0)}.aum-file-name{font-size:12px;color:#059669;font-weight:600;margin:0}.aum-file-hint{font-size:11px;color:#6b7280;margin:0}.aum-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e5e7eb;margin-top:24px}.aum-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;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}.aum-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 4px 12px #1a1a1a33}.aum-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a4d}.aum-btn-primary:active:not(:disabled){transform:translateY(0)}.aum-btn-secondary{background:#f3f4f6;color:#1a1a1a;border:2px solid #e5e7eb}.aum-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.aum-btn-secondary:active:not(:disabled){transform:translateY(0)}.aum-btn:disabled{opacity:.5;cursor:not-allowed}.aum-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:aum-spin .8s linear infinite;margin:0 auto}@keyframes aum-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.aum-modal{max-width:95%;max-height:95vh}.aum-grid{grid-template-columns:1fr}.aum-tabs{flex-wrap:wrap}.aum-tab{flex:0 1 auto;min-width:100px;padding:12px 14px;font-size:12px}.aum-form{padding:16px}.aum-section{margin-bottom:20px}.aum-actions{flex-direction:column-reverse}.aum-btn{width:100%}.aum-header{padding:16px}.aum-title{font-size:16px}}@media(max-width:480px){.aum-modal{max-width:100%;border-radius:12px 12px 0 0}.aum-header{padding:14px 16px}.aum-title{font-size:14px;gap:8px}.aum-title svg{width:16px;height:16px}.aum-close-btn{width:36px;height:36px}.aum-form{padding:14px}.aum-grid{gap:12px}.aum-input,.aum-select,.aum-textarea{font-size:12px;padding:9px 10px}.aum-section-title{font-size:12px;margin-bottom:12px;gap:8px}.aum-label{font-size:11px}.aum-btn{padding:10px 16px;font-size:11px}.aum-avatar{width:80px;height:80px;font-size:32px}}.aum-modal::-webkit-scrollbar{width:8px}.aum-modal::-webkit-scrollbar-track{background:#f1f5f9}.aum-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.aum-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.swal2-container{z-index:9999!important}.swal2-popup{z-index:9999!important;box-shadow:0 20px 60px #0006}.swal2-backdrop{z-index:9998!important}.aum-modal-overlay~.swal2-container{z-index:9999!important}.user-view-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}.user-view-modal-container{position:relative;background:#fff;border-radius:12px;width:100%;max-width:1000px;max-height:90vh;box-shadow:0 10px 40px #0003;border:2px solid #2d3748;animation:slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}.user-view-modal-header{background:#2d3748;color:#fff;padding:16px 20px;border-bottom:2px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center}.user-view-modal-title-section{display:flex;align-items:center;gap:12px}.user-view-modal-title{margin:0;font-size:18px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.user-view-title-icon{font-size:22px}.user-view-close-btn{background:#1a1a1a;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1a1a1a4d}.user-view-close-btn:hover{background:#0d0d0d;transform:scale(1.1);box-shadow:0 4px 12px #1a1a1a80}.user-view-modal-body{padding:20px;overflow-y:auto;flex:1}.user-view-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.user-view-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.user-view-modal-loading p{font-size:14px;color:#495057;margin:0}.user-view-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;gap:12px}.user-view-modal-error p{font-size:14px;color:#dc3545;margin:0}.user-view-retry-btn{padding:8px 16px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.user-view-retry-btn:hover{background:#c82333;transform:translateY(-2px)}.user-view-activity-list{display:flex;flex-direction:column;gap:8px}.user-view-activity-item{display:flex;gap:10px;padding:8px;background:#f8f9fa;border-radius:6px;align-items:flex-start}.user-view-activity-indicator{font-size:14px;min-width:20px;text-align:center}.user-view-activity-content{display:flex;flex-direction:column;gap:2px;flex:1}.user-view-activity-status{font-size:12px;font-weight:600;color:#1f2937}.user-view-activity-time{font-size:11px;color:#6b7280}.user-view-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end}.user-view-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;display:flex;align-items:center;gap:6px}.user-view-modal-close{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.user-view-modal-close:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.user-view-modal-pdf{background:#28a745;color:#fff;box-shadow:0 2px 8px #28a74533}.user-view-modal-pdf:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.user-view-modal-pdf:disabled{opacity:.5;cursor:not-allowed}.user-view-modal-body::-webkit-scrollbar{width:8px}.user-view-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.user-view-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.user-view-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.user-view-modal-container{max-width:90%}.user-view-modal-body{padding:16px}}@media(max-width:768px){.user-view-modal-container{max-width:95%;max-height:95vh}.user-view-modal-body{padding:12px}.user-view-modal-body>div{grid-template-columns:1fr!important;gap:16px!important;column-gap:16px!important}.user-view-modal-footer{flex-direction:column}.user-view-modal-btn{width:100%;justify-content:center}}@media(max-width:480px){.user-view-modal-container{max-width:100%;border-radius:8px}.user-view-modal-header{padding:12px 16px}.user-view-modal-title{font-size:16px}.user-view-modal-body{padding:12px}.user-view-modal-footer{gap:8px;padding:12px 16px}.user-view-modal-btn{padding:8px 12px;font-size:11px}}.rpm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:rpm-fadeIn .3s ease-out}@keyframes rpm-fadeIn{0%{opacity:0}to{opacity:1}}.rpm-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;animation:rpm-slideUp .3s ease-out}@keyframes rpm-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.rpm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.rpm-title{font-size:18px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.rpm-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;padding:0;font-size:0;line-height:0}.rpm-close-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.rpm-close-btn:active:not(:disabled){transform:rotate(90deg) scale(.95)}.rpm-close-btn:disabled{opacity:.5;cursor:not-allowed}.rpm-content{padding:24px}.rpm-section{margin-bottom:0}.rpm-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.rpm-confirm-box{background:#f8f9fa;border:2px solid #e5e7eb;border-radius:8px;padding:20px;margin-bottom:0}.rpm-confirm-text{font-size:14px;color:#1a1a1a;margin:0 0 12px;font-weight:500}.rpm-username-badge{display:inline-block;background:#1a1a1a;color:#fff;padding:8px 16px;border-radius:6px;font-weight:700;font-size:14px;margin-bottom:12px;letter-spacing:.3px}.rpm-warning-text{font-size:12px;color:#dc2626;margin:0;font-weight:600}.rpm-success-container{text-align:center;margin-bottom:24px}.rpm-success-icon{display:flex;justify-content:center;margin-bottom:12px;color:#10b981}.rpm-success-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px}.rpm-success-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.rpm-password-box{margin-bottom:16px}.rpm-label{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;display:block;margin-bottom:6px}.rpm-password-wrapper{position:relative;display:flex;align-items:center}.rpm-password-input{width:100%;padding:10px 40px 10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;font-family:Courier New,monospace;font-weight:600;letter-spacing:.5px;transition:all .3s ease}.rpm-password-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;background:#fafafa}.rpm-password-toggle{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s;padding:4px}.rpm-password-toggle:hover{color:#1a1a1a}.rpm-copy-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:11px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;margin-bottom:16px}.rpm-copy-btn:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a33}.rpm-copy-btn:active{transform:translateY(0)}.rpm-instructions{background:#f0fdf4;border:2px solid #dcfce7;border-radius:8px;padding:16px}.rpm-instructions-title{font-size:12px;font-weight:700;color:#15803d;margin:0 0 8px;text-transform:uppercase;letter-spacing:.3px}.rpm-instructions-list{list-style:none;padding:0;margin:0}.rpm-instructions-list li{font-size:12px;color:#166534;padding:4px 0;font-weight:500}.rpm-instructions-list li:before{content:"✓ ";font-weight:700;margin-right:6px}.rpm-actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:2px solid #e5e7eb;background:#fff;border-radius:0 0 12px 12px}.rpm-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;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}.rpm-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 4px 12px #1a1a1a33}.rpm-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a4d}.rpm-btn-primary:active:not(:disabled){transform:translateY(0)}.rpm-btn-secondary{background:#f3f4f6;color:#1a1a1a;border:2px solid #e5e7eb}.rpm-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.rpm-btn-secondary:active:not(:disabled){transform:translateY(0)}.rpm-btn:disabled{opacity:.5;cursor:not-allowed}.rpm-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:rpm-spin .8s linear infinite;margin:0 auto}@keyframes rpm-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.rpm-modal{max-width:95%}.rpm-header{padding:16px}.rpm-title{font-size:16px}.rpm-content{padding:16px}.rpm-actions{flex-direction:column-reverse;padding:16px}.rpm-btn{width:100%}}@media(max-width:480px){.rpm-modal{max-width:100%;border-radius:12px 12px 0 0}.rpm-header{padding:14px 16px}.rpm-title{font-size:14px;gap:8px}.rpm-title svg{width:16px;height:16px}.rpm-close-btn{width:36px;height:36px}.rpm-content{padding:14px}.rpm-confirm-box{padding:16px}.rpm-password-input{font-size:12px}.rpm-btn{padding:10px 16px;font-size:11px}.rpm-section-title{font-size:12px}.rpm-label{font-size:11px}}.rpm-modal::-webkit-scrollbar{width:8px}.rpm-modal::-webkit-scrollbar-track{background:#f1f5f9}.rpm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.rpm-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.rpm-toggle-section{margin-top:1.5rem;padding:1rem;background-color:#f3f4f6;border-radius:.5rem}.rpm-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151}.rpm-toggle-input{width:18px;height:18px;cursor:pointer;accent-color:#1a1a1a}.rpm-custom-section{margin-top:1.5rem;padding:1.25rem;background-color:#fffbeb;border:1px solid #fcd34d;border-radius:.5rem;animation:slideDown .3s ease-out}.rpm-error-msg{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.75rem;background-color:#fee2e2;border-left:3px solid #dc2626;color:#991b1b;border-radius:.25rem;font-size:.875rem}.rpm-requirements{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.rpm-req-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#9ca3af;padding:.5rem;border-radius:.25rem;transition:all .2s ease}.rpm-req-item span{font-weight:700}.rpm-req-item.rpm-met{color:#16a34a;background-color:#f0fdf4;font-weight:500}.rpm-input-error{border-color:#dc2626!important;background-color:#fef2f2!important}@media(max-width:640px){.rpm-custom-section{padding:1rem}.rpm-requirements{grid-template-columns:1fr}}.user-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.user-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.user-header-left{display:flex;align-items:center;gap:12px}.user-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.user-title-icon{font-size:26px;color:#2d3748}.user-header-right{display:flex;gap:8px;flex-wrap:wrap}.user-add-btn,.user-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.user-add-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.user-add-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.user-add-btn:disabled{opacity:.5;cursor:not-allowed}.user-refresh-btn{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.user-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.user-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.user-controls-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px}.user-filter-item{display:flex;gap:10px;align-items:center}.user-search-box{flex:1;min-width:200px}.user-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.user-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.user-search-input::placeholder{color:#adb5bd}.user-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.user-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.user-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.user-data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.user-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.user-data-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.user-data-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.user-data-table tbody tr:hover{background:#f8f9fa}.user-data-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle;font-weight:500}.user-barcode{font-family:Courier New,monospace;font-weight:700;color:#1a1a1a}.user-name{font-weight:700;color:#1a1a1a}.user-text{color:#2d3748;font-weight:500}.user-table-actions{width:200px;text-align:center}.user-actions-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.user-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;border:1px solid #dee2e6}.user-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.user-action-btn.view{color:#0d6efd}.user-action-btn.view:hover{background:#e7f1ff}.user-action-btn.edit{color:#ffc107}.user-action-btn.edit:hover{background:#fff3cd}.user-action-btn.reset{color:#8b5cf6}.user-action-btn.reset:hover{background:#f3e8ff}.user-action-btn.delete{color:#dc3545}.user-action-btn.delete:hover{background:#f8d7da}.user-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.user-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.user-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.user-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.user-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.user-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.user-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.user-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.user-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.user-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.user-no-data-container p{font-size:13px;color:#6c757d;margin:0}.user-loading-panel,.user-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.user-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.user-loading-panel p,.user-error-panel p{font-size:14px;color:#495057;margin:0}.user-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.user-no-access-image{width:200px;height:auto;margin-bottom:20px}.user-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.user-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.user-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.user-export-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.user-export-btn.excel{border-color:#28a745;color:#28a745}.user-export-btn.excel:hover{background:#28a745;color:#fff}.user-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.user-export-btn.csv:hover{background:#17a2b8;color:#fff}.user-export-btn.pdf{border-color:#dc3545;color:#dc3545}.user-export-btn.pdf:hover{background:#dc3545;color:#fff}@media(max-width:1024px){.user-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.user-panel-container{padding:12px}.user-dashboard-header{flex-direction:column;align-items:flex-start}.user-header-right{width:100%;justify-content:flex-start}.user-controls-section{flex-direction:column}.user-controls-left{min-width:auto}.user-filters-grid{grid-template-columns:1fr}.user-data-table{font-size:12px}.user-data-table thead th,.user-data-table tbody td{padding:8px 10px}.user-table-actions{width:auto}.user-actions-group{gap:4px}.user-action-btn{width:32px;height:32px}.user-pagination-controls{gap:8px}}@media(max-width:480px){.user-dashboard-title{font-size:18px}.user-title-icon{font-size:20px}.user-search-input{font-size:12px}.user-table-wrapper{max-height:400px}.user-data-table{font-size:11px}.user-data-table thead th,.user-data-table tbody td{padding:6px 8px}.user-pagination-btn{padding:6px 10px;font-size:12px}.user-export-btn{font-size:10px;padding:6px 8px}.user-add-btn,.user-refresh-btn{padding:8px 12px;font-size:11px}}.user-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.user-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.user-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.user-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.password-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.password-modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease-out}.password-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px 12px 0 0}.password-modal-header h3{margin:0;font-size:18px;font-weight:600}.password-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.password-modal-close:hover{transform:scale(1.2)}.password-modal-content{padding:24px}.password-user-info{background:#f3f4f6;padding:16px;border-radius:8px;margin-bottom:20px}.password-user-info p{margin:8px 0;font-size:14px;color:#374151}.password-user-info strong{color:#111827;font-weight:600}.password-display-section{margin-bottom:20px}.password-display-section label{display:block;font-weight:600;color:#111827;margin-bottom:8px;font-size:14px}.password-display-box{display:flex;gap:8px;align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s}.password-display-box:focus-within{border-color:#667eea;background:#f3f4f6;box-shadow:0 0 0 3px #667eea1a}.password-display-input{flex:1;border:none;background:transparent;font-family:Courier New,monospace;font-size:16px;font-weight:600;color:#111827;outline:none;letter-spacing:2px}.password-toggle-visibility{display:flex;align-items:center;justify-content:center;padding:6px 8px;background:#e5e7eb;border:none;border-radius:6px;cursor:pointer;color:#374151;transition:all .2s}.password-toggle-visibility:hover{background:#d1d5db;color:#111827}.password-copy-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;white-space:nowrap}.password-copy-btn:hover{background:#5568d3;transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.password-copy-btn:active{transform:translateY(0)}.password-warning-box{display:flex;gap:12px;background:#fef3c7;border-left:4px solid #f59e0b;padding:12px;border-radius:6px;margin-bottom:20px}.password-warning-box svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.password-warning-box p{margin:0;font-size:13px;color:#92400e;line-height:1.4}.password-modal-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid #e5e7eb}.password-btn-secondary,.password-btn-primary{padding:10px 16px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .2s;display:flex;align-items:center;gap:6px}.password-btn-secondary{background:#e5e7eb;color:#374151}.password-btn-secondary:hover{background:#d1d5db}.password-btn-primary{background:#667eea;color:#fff}.password-btn-primary:hover{background:#5568d3;box-shadow:0 4px 12px #667eea66}.user-action-btn.password{background:#dbeafe;color:#1e40af;transition:all .2s}.user-action-btn.password:hover{background:#bfdbfe;transform:scale(1.1)}.user-action-btn.password:disabled{opacity:.6;cursor:not-allowed}.user-action-spinner{width:12px;height:12px;border:2px solid #1e40af;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.modal-overlay-user-doc{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,#e6efff,#f8fbff);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content-user-doc{background:#fffffffa;border-radius:24px;box-shadow:0 12px 48px #366fff17,0 2px 8px #165cda11;padding:44px 56px 36px;max-width:950px;width:99vw;color:#233157;font-family:Inter,Arial,sans-serif;border:1.5px solid #d8e8fe;position:relative;overflow:hidden;min-height:480px;animation:fadeInModal-user-doc .2s cubic-bezier(.2,1,.4,1)}@keyframes fadeInModal-user-doc{0%{transform:scale(.96) translateY(25px);opacity:0}to{transform:none;opacity:1}}.panel-title-user-doc{font-size:2.05rem;font-weight:800;color:#154ecb;margin:0 0 26px;letter-spacing:-.7px;text-align:left;line-height:1.13}.panel-container-form-user-doc{margin:0;padding:0}.common-form-user-doc{width:100%}.form-section-user-doc{margin:23px 0 7px}.form-section-user-doc h3{color:#256be8;font-size:1.14rem;font-weight:700;margin-bottom:15px;letter-spacing:.02em}.common-form-row-3-user-doc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 34px;margin-bottom:19px}@media(max-width:1050px){.modal-content-user-doc{padding:24px 13vw 16px}.common-form-row-3-user-doc{gap:15px 14px}}@media(max-width:800px){.modal-content-user-doc{padding:16px 2vw 13px}.common-form-row-3-user-doc{grid-template-columns:1fr 1fr}}@media(max-width:600px){.modal-content-user-doc{padding:7vw 2vw;min-height:unset}.common-form-row-3-user-doc{grid-template-columns:1fr;gap:11px}}.common-form-group-user-doc{display:flex;flex-direction:column;margin-bottom:7px}.common-form-group-user-doc label{font-size:.98rem;color:#2260e6;font-weight:600;margin-bottom:4px;letter-spacing:.01em}input[type=file]{background:#f7fafd;border:1.1px solid #bad6fc;border-radius:8px;font-size:.98rem;color:#3a4e6a;padding:5px 3px;transition:border .14s,box-shadow .13s;height:36px}input[type=file]:focus{border:1.1px solid #2260e6;background:#f0f6ff}.common-form-group-user-doc>div{font-size:.92rem;margin-top:4px}.common-form-group-user-doc button{background:none;border:none;color:#1c5fc4;font-size:.97rem;cursor:pointer;padding:2px 4px;border-radius:3px;transition:background .14s}.common-form-group-user-doc button:hover{background:#eaf2ff;color:#c13a2a}a[target=_blank]{color:#1861cc;text-decoration:underline;font-weight:600;font-size:.99em;transition:color .12s}a[target=_blank]:hover{color:#134cb5;text-decoration:underline}span[style*="color: #666"]{color:#a3abc4!important}.update-button-design-user-doc,.common-button-design-remove-user-doc{font-size:.99rem;padding:7px 20px;border-radius:6px;min-width:76px;height:36px;margin-left:0}.update-button-design-user-doc{background:linear-gradient(90deg,#2260e6,#44a4ea);color:#fff;box-shadow:0 2px 10px #2260e619;cursor:pointer;margin-left:10px}.update-button-design-user-doc:hover{background:linear-gradient(90deg,#185fd3,#298be5)}.common-button-design-remove-user-doc{background:#ffeef0;color:#d52c3a;cursor:pointer;border:1.2px solid #f6cdd1;font-weight:600}.common-button-design-remove-user-doc:hover{background:#f8bcbc;color:#b71c25;border-color:#f6cdd1}.create-supplier-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto;animation:fadeIn .3s ease-out}.create-supplier-modal{background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000026;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-gray)}.create-supplier-header{background:var(--primary-black);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondary-black)}.create-supplier-header-content{display:flex;align-items:center;gap:12px;flex:1}.create-supplier-header-icon{flex-shrink:0;opacity:.9}.create-supplier-header-text{flex:1}.create-supplier-title{font-size:18px;font-weight:700;margin:0;line-height:1.2}.create-supplier-subtitle{font-size:12px;margin:2px 0 0;opacity:.85;font-weight:500}.create-supplier-close-btn{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.create-supplier-close-btn:hover:not(:disabled){background:#fff3;transform:rotate(90deg)}.create-supplier-close-btn:disabled{opacity:.5;cursor:not-allowed}.create-supplier-tabs{display:flex;background:var(--light-gray);border-bottom:1px solid var(--border-gray);padding:0;gap:0}.create-supplier-tab{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-gray);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:3px solid transparent;position:relative}.create-supplier-tab svg{flex-shrink:0}.create-supplier-tab:hover:not(:disabled){background:#1a1a1a0d;color:var(--text-dark)}.create-supplier-tab.active{background:#fff;color:var(--primary-black);border-bottom-color:var(--primary-black)}.create-supplier-tab:disabled{opacity:.6;cursor:not-allowed}.create-supplier-tab-required{color:var(--error-red);font-size:10px;font-weight:700}.create-supplier-body{flex:1;overflow-y:auto;padding:0}.create-supplier-form{padding:20px}.create-supplier-tab-content{animation:fadeIn .2s ease-out}.create-supplier-tab-header{margin-bottom:20px}.create-supplier-tab-header h3{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.create-supplier-tab-header p{font-size:12px;color:var(--text-gray);margin:0;font-weight:500}.create-supplier-label{font-size:12px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.create-supplier-label svg{flex-shrink:0;color:var(--primary-black)}.create-supplier-required{color:var(--error-red);font-size:14px;font-weight:700}.create-supplier-input,.create-supplier-select,.create-supplier-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none}.create-supplier-input::placeholder,.create-supplier-select::placeholder,.create-supplier-textarea::placeholder{color:#d1d5db}.create-supplier-input:focus,.create-supplier-select:focus,.create-supplier-textarea:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a;background:#1a1a1a05}.create-supplier-input:disabled,.create-supplier-select:disabled,.create-supplier-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.create-supplier-input.error{border-color:var(--error-red);box-shadow:0 0 0 3px #ef44441a}.create-supplier-input.error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #ef444426}.create-supplier-textarea{resize:vertical;min-height:80px;padding:10px 12px;line-height:1.4}.create-supplier-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='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.create-supplier-select option{color:var(--text-dark);background:#fff;padding:8px}.create-supplier-hint{font-size:11px;color:var(--text-gray);font-weight:500;display:block}.create-supplier-error{font-size:11px;color:var(--error-red);font-weight:600;display:flex;align-items:center;gap:4px}.create-supplier-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-top:16px;color:#1e40af;font-size:12px;font-weight:500}.create-supplier-info-box svg{flex-shrink:0;margin-top:2px}.create-supplier-info-box p{margin:0}.create-supplier-file-upload{position:relative;border:2px dashed var(--border-gray);border-radius:6px;background:var(--light-gray);padding:16px;text-align:center;transition:all .3s ease;cursor:pointer}.create-supplier-file-upload:hover{border-color:var(--primary-black);background:#1a1a1a05}.create-supplier-file-input{display:none}.create-supplier-file-label{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.create-supplier-file-icon{width:40px;height:40px;border-radius:6px;background:var(--primary-black);display:flex;align-items:center;justify-content:center;color:#fff}.create-supplier-file-text{display:flex;flex-direction:column;gap:2px}.create-supplier-file-main{font-size:13px;font-weight:600;color:var(--text-dark);display:block}.create-supplier-file-sub{font-size:11px;color:var(--text-gray);display:block}.create-supplier-image-preview{position:relative;width:100%;max-width:150px;margin-top:12px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.create-supplier-image-preview img{width:100%;height:auto;display:block;border-radius:6px}.create-supplier-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .2s ease}.create-supplier-preview-remove:hover{background:#000c;transform:scale(1.1)}.create-supplier-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-gray)}.create-supplier-cancel-btn,.create-supplier-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;border:none;min-height:40px}.create-supplier-cancel-btn{background:var(--light-gray);color:var(--text-gray);border:1px solid var(--border-gray)}.create-supplier-cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.create-supplier-submit-btn{background:var(--primary-black);color:#fff;box-shadow:0 2px 8px #1a1a1a33;min-width:140px}.create-supplier-submit-btn:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.create-supplier-submit-btn:active:not(:disabled){transform:translateY(0)}.create-supplier-submit-btn:disabled,.create-supplier-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-supplier-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.create-supplier-spinner-large{display:inline-block;width:40px;height:40px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spin .8s linear infinite}.create-supplier-body::-webkit-scrollbar{width:6px}.create-supplier-body::-webkit-scrollbar-track{background:#f9fafb}.create-supplier-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.create-supplier-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.create-supplier-modal{max-width:95%;max-height:90vh}.create-supplier-header{padding:12px}.create-supplier-title{font-size:16px}.create-supplier-subtitle{font-size:11px}.create-supplier-tabs{padding:0}.create-supplier-tab{padding:10px 12px;font-size:11px;gap:4px}.create-supplier-tab svg{width:14px;height:14px}.create-supplier-form{padding:16px}.create-supplier-tab-header h3{font-size:14px}.create-supplier-form-group{margin-bottom:14px}.create-supplier-input,.create-supplier-select,.create-supplier-textarea{padding:8px 10px;font-size:12px}.create-supplier-file-upload{padding:12px}.create-supplier-file-icon{width:36px;height:36px}.create-supplier-file-main{font-size:12px}.create-supplier-file-sub{font-size:10px}.create-supplier-cancel-btn,.create-supplier-submit-btn{padding:8px 12px;font-size:11px;min-height:36px}.create-supplier-actions{gap:8px;margin-top:16px;padding-top:12px}}@media(max-width:480px){.create-supplier-overlay{padding:8px}.create-supplier-modal{max-width:100%;border-radius:6px}.create-supplier-header{padding:10px;gap:8px}.create-supplier-header-content{gap:8px}.create-supplier-title{font-size:14px}.create-supplier-subtitle{font-size:10px}.create-supplier-close-btn{width:28px;height:28px}.create-supplier-tabs{flex-wrap:wrap}.create-supplier-tab{flex:1;min-width:80px;padding:8px 10px;font-size:10px}.create-supplier-tab span:last-child{display:none}.create-supplier-form{padding:12px}.create-supplier-tab-header h3{font-size:13px}.create-supplier-tab-header p,.create-supplier-label{font-size:11px}.create-supplier-form-group{margin-bottom:12px;gap:4px}.create-supplier-input,.create-supplier-select,.create-supplier-textarea{padding:8px 10px;font-size:12px}.create-supplier-hint,.create-supplier-error{font-size:10px}.create-supplier-info-box{padding:10px;font-size:11px;gap:8px}.create-supplier-file-upload{padding:12px}.create-supplier-file-icon{width:32px;height:32px}.create-supplier-file-main{font-size:11px}.create-supplier-file-sub{font-size:9px}.create-supplier-image-preview{max-width:120px}.create-supplier-cancel-btn,.create-supplier-submit-btn{padding:8px 12px;font-size:10px;min-height:34px;flex:1}.create-supplier-submit-btn{min-width:auto}.create-supplier-actions{flex-direction:column-reverse;gap:6px;margin-top:14px;padding-top:10px}.create-supplier-textarea{min-height:70px}}@media print{.create-supplier-overlay{display:none}}.create-supplier-label{font-size:12px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.create-supplier-label svg{flex-shrink:0;color:var(--primary-black);width:14px;height:14px}.create-supplier-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.create-supplier-form-group:last-of-type{margin-bottom:0}@media(max-width:768px){.create-supplier-label svg{width:13px;height:13px}.create-supplier-label{gap:5px}}@media(max-width:480px){.create-supplier-label svg{width:12px;height:12px}.create-supplier-label{font-size:11px;gap:4px}}:root{--primary-black: #1a1a1a;--secondary-black: #2d3748;--light-gray: #f8f9fa;--border-gray: #e9ecef;--text-dark: #1f2937;--text-gray: #6b7280;--error-red: #ef4444;--success-green: #10b981;--warning-yellow: #fbbf24}.edit-supplier-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto;animation:fadeIn .3s ease-out}.edit-supplier-modal{background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000026;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-gray)}.edit-supplier-header{background:var(--primary-black);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondary-black)}.edit-supplier-header-content{display:flex;align-items:center;gap:12px;flex:1}.edit-supplier-header-icon{flex-shrink:0;opacity:.9}.edit-supplier-header-text{flex:1}.edit-supplier-title{font-size:18px;font-weight:700;margin:0;line-height:1.2}.edit-supplier-subtitle{font-size:12px;margin:2px 0 0;opacity:.85;font-weight:500}.edit-supplier-close-btn{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.edit-supplier-close-btn:hover:not(:disabled){background:#fff3;transform:rotate(90deg)}.edit-supplier-close-btn:disabled{opacity:.5;cursor:not-allowed}.edit-supplier-tabs{display:flex;background:var(--light-gray);border-bottom:1px solid var(--border-gray);padding:0;gap:0}.edit-supplier-tab{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-gray);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:3px solid transparent;position:relative}.edit-supplier-tab svg{flex-shrink:0}.edit-supplier-tab:hover:not(:disabled){background:#1a1a1a0d;color:var(--text-dark)}.edit-supplier-tab.active{background:#fff;color:var(--primary-black);border-bottom-color:var(--primary-black)}.edit-supplier-tab:disabled{opacity:.6;cursor:not-allowed}.edit-supplier-tab-required{color:var(--error-red);font-size:10px;font-weight:700}.edit-supplier-body{flex:1;overflow-y:auto;padding:0}.edit-supplier-form{padding:20px}.edit-supplier-tab-content{animation:fadeIn .2s ease-out}.edit-supplier-tab-header{margin-bottom:20px}.edit-supplier-tab-header h3{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.edit-supplier-tab-header p{font-size:12px;color:var(--text-gray);margin:0;font-weight:500}.edit-supplier-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-supplier-form-group:last-of-type{margin-bottom:0}.edit-supplier-label{font-size:12px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.edit-supplier-label svg{flex-shrink:0;color:var(--primary-black);width:14px;height:14px}.edit-supplier-required{color:var(--error-red);font-size:14px;font-weight:700}.edit-supplier-input,.edit-supplier-select,.edit-supplier-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none}.edit-supplier-input::placeholder,.edit-supplier-select::placeholder,.edit-supplier-textarea::placeholder{color:#d1d5db}.edit-supplier-input:focus,.edit-supplier-select:focus,.edit-supplier-textarea:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a;background:#1a1a1a05}.edit-supplier-input:disabled,.edit-supplier-select:disabled,.edit-supplier-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.edit-supplier-input.disabled{background:#f3f4f6;border-color:#d1d5db}.edit-supplier-input.error{border-color:var(--error-red);box-shadow:0 0 0 3px #ef44441a}.edit-supplier-input.error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #ef444426}.edit-supplier-textarea{resize:vertical;min-height:80px;padding:10px 12px;line-height:1.4}.edit-supplier-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='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.edit-supplier-select option{color:var(--text-dark);background:#fff;padding:8px}.edit-supplier-hint{font-size:11px;color:var(--text-gray);font-weight:500;display:block}.edit-supplier-error{font-size:11px;color:var(--error-red);font-weight:600;display:flex;align-items:center;gap:4px}.edit-supplier-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-top:16px;color:#1e40af;font-size:12px;font-weight:500}.edit-supplier-info-box svg{flex-shrink:0;margin-top:2px}.edit-supplier-info-box p{margin:0}.edit-supplier-file-upload{position:relative;border:2px dashed var(--border-gray);border-radius:6px;background:var(--light-gray);padding:16px;text-align:center;transition:all .3s ease;cursor:pointer}.edit-supplier-file-upload:hover{border-color:var(--primary-black);background:#1a1a1a05}.edit-supplier-file-input{display:none}.edit-supplier-file-label{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer}.edit-supplier-file-icon{width:40px;height:40px;border-radius:6px;background:var(--primary-black);display:flex;align-items:center;justify-content:center;color:#fff}.edit-supplier-file-text{display:flex;flex-direction:column;gap:2px}.edit-supplier-file-main{font-size:13px;font-weight:600;color:var(--text-dark);display:block}.edit-supplier-file-sub{font-size:11px;color:var(--text-gray);display:block}.edit-supplier-image-preview{position:relative;width:100%;max-width:150px;margin-top:12px;border-radius:6px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.edit-supplier-image-preview img{width:100%;height:auto;display:block;border-radius:6px}.edit-supplier-preview-remove{position:absolute;top:6px;right:6px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;transition:all .2s ease}.edit-supplier-preview-remove:hover{background:#000c;transform:scale(1.1)}.edit-supplier-current-image{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.edit-supplier-current-img{width:100%;max-width:150px;height:auto;border-radius:6px;border:1px solid var(--border-gray);box-shadow:0 2px 8px #0000001a}.edit-supplier-current-text{font-size:11px;color:var(--text-gray);font-weight:500}.edit-supplier-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-gray)}.edit-supplier-cancel-btn,.edit-supplier-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;border:none;min-height:40px}.edit-supplier-cancel-btn{background:var(--light-gray);color:var(--text-gray);border:1px solid var(--border-gray)}.edit-supplier-cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.edit-supplier-submit-btn{background:var(--primary-black);color:#fff;box-shadow:0 2px 8px #1a1a1a33;min-width:140px}.edit-supplier-submit-btn:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.edit-supplier-submit-btn:active:not(:disabled){transform:translateY(0)}.edit-supplier-submit-btn:disabled,.edit-supplier-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-supplier-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.edit-supplier-spinner-large{display:inline-block;width:40px;height:40px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spin .8s linear infinite}.edit-supplier-body::-webkit-scrollbar{width:6px}.edit-supplier-body::-webkit-scrollbar-track{background:#f9fafb}.edit-supplier-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.edit-supplier-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.edit-supplier-modal{max-width:95%;max-height:90vh}.edit-supplier-header{padding:12px}.edit-supplier-title{font-size:16px}.edit-supplier-subtitle{font-size:11px}.edit-supplier-tabs{padding:0}.edit-supplier-tab{padding:10px 12px;font-size:11px;gap:4px}.edit-supplier-tab svg{width:14px;height:14px}.edit-supplier-form{padding:16px}.edit-supplier-tab-header h3{font-size:14px}.edit-supplier-form-group{margin-bottom:14px}.edit-supplier-input,.edit-supplier-select,.edit-supplier-textarea{padding:8px 10px;font-size:12px}.edit-supplier-file-upload{padding:12px}.edit-supplier-file-icon{width:36px;height:36px}.edit-supplier-file-main{font-size:12px}.edit-supplier-file-sub{font-size:10px}.edit-supplier-cancel-btn,.edit-supplier-submit-btn{padding:8px 12px;font-size:11px;min-height:36px}.edit-supplier-actions{gap:8px;margin-top:16px;padding-top:12px}}@media(max-width:480px){.edit-supplier-overlay{padding:8px}.edit-supplier-modal{max-width:100%;border-radius:6px}.edit-supplier-header{padding:10px;gap:8px}.edit-supplier-header-content{gap:8px}.edit-supplier-title{font-size:14px}.edit-supplier-subtitle{font-size:10px}.edit-supplier-close-btn{width:28px;height:28px}.edit-supplier-tabs{flex-wrap:wrap}.edit-supplier-tab{flex:1;min-width:80px;padding:8px 10px;font-size:10px}.edit-supplier-tab span:last-child{display:none}.edit-supplier-form{padding:12px}.edit-supplier-tab-header h3{font-size:13px}.edit-supplier-tab-header p,.edit-supplier-label{font-size:11px}.edit-supplier-label svg{width:12px;height:12px}.edit-supplier-form-group{margin-bottom:12px;gap:4px}.edit-supplier-input,.edit-supplier-select,.edit-supplier-textarea{padding:8px 10px;font-size:12px}.edit-supplier-hint,.edit-supplier-error{font-size:10px}.edit-supplier-info-box{padding:10px;font-size:11px;gap:8px}.edit-supplier-file-upload{padding:12px}.edit-supplier-file-icon{width:32px;height:32px}.edit-supplier-file-main{font-size:11px}.edit-supplier-file-sub{font-size:9px}.edit-supplier-image-preview,.edit-supplier-current-img{max-width:120px}.edit-supplier-cancel-btn,.edit-supplier-submit-btn{padding:8px 12px;font-size:10px;min-height:34px;flex:1}.edit-supplier-submit-btn{min-width:auto}.edit-supplier-actions{flex-direction:column-reverse;gap:6px;margin-top:14px;padding-top:10px}.edit-supplier-textarea{min-height:70px}}@media print{.edit-supplier-overlay{display:none}}.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: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-add-btn,.msm-refresh-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.msm-add-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.msm-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98180}.msm-refresh-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 2px 8px #667eea4d}.msm-refresh-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea80}.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:flex-end;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-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;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-name{font-weight:600;color:#2d3748}.msm-date-cell{font-family:Courier New,monospace;font-size:12px;color:#4a5568}.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}.msm-action-btn:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0003}.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-export-section{display:flex;gap:8px;flex-wrap:wrap}.msm-export-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.msm-export-btn.excel{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b9814d}.msm-export-btn.csv{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}.msm-export-btn.pdf{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.msm-export-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.msm-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff}.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-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{display:flex;flex-direction:column;gap:16px}.msm-form-group{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-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-save{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.msm-modal-save:hover{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-controls-section{flex-direction:column}.msm-search-section{min-width:100%}.msm-table{font-size:11px}.msm-table thead th,.msm-table tbody td{padding:8px 6px}.msm-action-btn{font-size:10px;padding:5px 8px}.msm-modal{max-width:90%}}@media(max-width:480px){.msm-main-title{font-size:16px}.msm-table{font-size:10px}.msm-modal{max-width:95%}}.priority-high{background:#ed89361a;color:#ed8936;border:1px solid rgba(237,137,54,.3)}.priority-urgent{background:#e53e3e1a;color:#e53e3e;border:1px solid rgba(229,62,62,.3)}.pagination-btn{padding:10px 15px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;font-weight:600;display:flex;align-items:center;justify-content:center;min-width:45px}.pagination-btn:not(:disabled):hover{background:#4299e1;border-color:#4299e1;color:#fff;transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background:#f7fafc}.pagination-arrow{font-size:18px;font-weight:700}.pagination-goto{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#2d3748}.pagination-input{width:80px;padding:8px 12px;border:2px solid #e2e8f0;border-radius:6px;text-align:center;font-weight:600;transition:all .3s ease}.pagination-input:focus{outline:none;border-color:#4299e1;box-shadow:0 0 0 3px #4299e11a}.sales-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:15px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}.sales-table-spinner{width:50px;height:50px;border:4px solid rgba(66,153,225,.1);border-left:4px solid #4299e1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.bulk-actions-bar{background:#0ea5e91a;border:2px solid #0ea5e9;border-radius:12px;padding:15px 20px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bulk-count{font-size:14px;font-weight:600;color:#0369a1}.bulk-buttons{display:flex;gap:10px}.bulk-btn{padding:8px 16px;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.bulk-btn.success{background:#10b981;color:#fff}.bulk-btn.warning{background:#f59e0b;color:#fff}.bulk-btn.danger{background:#ef4444;color:#fff}.bulk-btn.secondary{background:#6b7280;color:#fff}.bulk-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.checkbox-col{width:40px;text-align:center;padding:8px}.checkbox-col input[type=checkbox]{width:16px;height:16px;cursor:pointer}.invoice-row.selected{background:#4299e114;border-left:4px solid #4299e1}.invoice-row.selected:hover{background:#4299e11f}.pagination-info{font-size:14px;color:#6b7280;font-weight:500}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-numbers{display:flex;gap:4px;margin:0 12px}.pagination-btn.active{background:#4299e1;color:#fff;border-color:#4299e1}.summary-stats{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:15px;margin-bottom:25px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafccc;border-radius:8px;border-left:4px solid #e2e8f0}.summary-label{font-size:14px;color:#64748b;font-weight:500}.summary-value{font-size:16px;font-weight:700;color:#1e293b}.summary-value.pending{color:#f59e0b}.summary-value.paid{color:#10b981}.summary-value.overdue{color:#ef4444}.summary-value.cancelled{color:#6b7280}.quick-actions{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;border-radius:15px;margin-top:25px;box-shadow:0 8px 32px #1f26875e;border:1px solid rgba(255,255,255,.18);text-align:center}.quick-actions h3{margin:0 0 16px;color:#1e293b;font-size:18px}.quick-action-buttons{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.quick-action-btn{padding:12px 20px;border:2px solid;border-radius:10px;background:#fff;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .3s ease;min-width:140px;justify-content:center}.quick-action-btn.create{color:#10b981;border-color:#10b981}.quick-action-btn.create:hover{background:#10b981;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.quick-action-btn.refresh{color:#4299e1;border-color:#4299e1}.quick-action-btn.refresh:hover{background:#4299e1;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #4299e14d}.quick-action-btn.analytics{color:#8b5cf6;border-color:#8b5cf6}.quick-action-btn.analytics:hover{background:#8b5cf6;color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}@media(max-width:768px){.bulk-actions-bar{flex-direction:column;gap:12px;text-align:center}.bulk-buttons{justify-content:center;flex-wrap:wrap}.pagination-panel{flex-direction:column;gap:15px}.pagination-controls{justify-content:center;flex-wrap:wrap}.pagination-numbers{margin:0}.summary-grid{grid-template-columns:1fr}.quick-action-buttons{flex-direction:column;align-items:center}.quick-action-btn{width:100%;max-width:200px}}.ecm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ecm-fadeIn .3s ease-out}@keyframes ecm-fadeIn{0%{opacity:0}to{opacity:1}}.ecm-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;animation:ecm-slideUp .3s ease-out}@keyframes ecm-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.ecm-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.ecm-title{font-size:18px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.ecm-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;padding:0;font-size:0;line-height:0}.ecm-close-btn:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.ecm-close-btn:active:not(:disabled){transform:rotate(90deg) scale(.95)}.ecm-close-btn:disabled{opacity:.5;cursor:not-allowed}.ecm-tabs{display:flex;gap:0;padding:0;background:#f8f9fa;border-bottom:2px solid #e5e7eb;overflow-x:auto}.ecm-tab{flex:1;min-width:120px;padding:14px 16px;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.ecm-tab:hover:not(:disabled){background:#f0f0f0;color:#1a1a1a}.ecm-tab.active{background:#fff;border-bottom-color:#1a1a1a;color:#1a1a1a;box-shadow:0 2px 4px #0000000d}.ecm-tab:disabled{opacity:.5;cursor:not-allowed}.ecm-form{padding:24px}.ecm-tab-content{animation:ecm-fadeIn .2s ease-out}.ecm-section{margin-bottom:28px}.ecm-section:last-child{margin-bottom:0}.ecm-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.ecm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ecm-grid-1{grid-template-columns:1fr}.ecm-field-full{grid-column:1 / -1}.ecm-field{display:flex;flex-direction:column;gap:6px}.ecm-label{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.ecm-input,.ecm-select,.ecm-textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.ecm-input:focus,.ecm-select:focus,.ecm-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;background:#fafafa}.ecm-input::placeholder,.ecm-textarea::placeholder{color:#9ca3af}.ecm-input:disabled,.ecm-select:disabled,.ecm-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.ecm-input.error{border-color:#dc2626;background:#fef2f2}.ecm-input.error:focus{box-shadow:0 0 0 3px #dc26261a}.ecm-read-only{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.ecm-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px}.ecm-textarea{resize:vertical;min-height:80px}.ecm-error-message{font-size:12px;color:#dc2626;font-weight:600;margin-top:4px}.ecm-hint{font-size:11px;color:#6b7280;font-weight:500;margin-top:4px}.ecm-profile-section{padding:20px;background:#f8f9fa;border-radius:8px;border:2px dashed #e5e7eb}.ecm-avatar-container{display:flex;flex-direction:column;align-items:center;gap:12px}.ecm-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2d3748);display:flex;align-items:center;justify-content:center;color:#fff;font-size:40px;font-weight:700;overflow:hidden;border:3px solid white;box-shadow:0 4px 12px #00000026}.ecm-avatar img{width:100%;height:100%;object-fit:cover}.ecm-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.ecm-upload-btn:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a33}.ecm-upload-btn:active{transform:translateY(0)}.ecm-file-name{font-size:12px;color:#059669;font-weight:600;margin:0}.ecm-file-hint{font-size:11px;color:#6b7280;margin:0}.ecm-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e5e7eb;margin-top:24px}.ecm-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;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}.ecm-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 4px 12px #1a1a1a33}.ecm-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a4d}.ecm-btn-primary:active:not(:disabled){transform:translateY(0)}.ecm-btn-secondary{background:#f3f4f6;color:#1a1a1a;border:2px solid #e5e7eb}.ecm-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.ecm-btn-secondary:active:not(:disabled){transform:translateY(0)}.ecm-btn:disabled{opacity:.5;cursor:not-allowed}.ecm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.ecm-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:ecm-spin .8s linear infinite;margin:0 auto}@keyframes ecm-spin{to{transform:rotate(360deg)}}.ecm-loading p{color:#6b7280;font-size:14px;margin:0}@media(max-width:768px){.ecm-modal{max-width:95%;max-height:95vh}.ecm-grid{grid-template-columns:1fr}.ecm-tabs{flex-wrap:wrap}.ecm-tab{flex:0 1 auto;min-width:100px;padding:12px 14px;font-size:12px}.ecm-form{padding:16px}.ecm-section{margin-bottom:20px}.ecm-actions{flex-direction:column-reverse}.ecm-btn{width:100%}.ecm-header{padding:16px}.ecm-title{font-size:16px}}@media(max-width:480px){.ecm-modal{max-width:100%;border-radius:12px 12px 0 0}.ecm-header{padding:14px 16px}.ecm-title{font-size:14px;gap:8px}.ecm-title svg{width:16px;height:16px}.ecm-close-btn{width:36px;height:36px}.ecm-form{padding:14px}.ecm-grid{gap:12px}.ecm-input,.ecm-select,.ecm-textarea{font-size:12px;padding:9px 10px}.ecm-section-title{font-size:12px;margin-bottom:12px;gap:8px}.ecm-label{font-size:11px}.ecm-btn{padding:10px 16px;font-size:11px}.ecm-avatar{width:80px;height:80px;font-size:32px}}.ecm-modal::-webkit-scrollbar{width:8px}.ecm-modal::-webkit-scrollbar-track{background:#f1f5f9}.ecm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ecm-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.customer-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.customer-header-left{display:flex;align-items:center;gap:12px}.customer-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.customer-title-icon{font-size:26px;color:#2d3748}.customer-header-right{display:flex;gap:8px;flex-wrap:wrap}.customer-add-btn,.customer-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.customer-add-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.customer-add-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.customer-add-btn:disabled{opacity:.5;cursor:not-allowed}.customer-refresh-btn{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.customer-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.customer-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.customer-controls-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px}.customer-filter-item{display:flex;gap:10px;align-items:center}.customer-search-box{flex:1;min-width:200px}.customer-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.customer-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.customer-search-input::placeholder{color:#adb5bd}.customer-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.customer-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.customer-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.customer-data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.customer-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.customer-data-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.customer-data-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.customer-data-table tbody tr:hover{background:#f8f9fa}.customer-data-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle;font-weight:500}.customer-barcode{font-family:Courier New,monospace;font-weight:700;color:#1a1a1a}.customer-name{font-weight:700;color:#1a1a1a}.customer-text{color:#2d3748;font-weight:500}.customer-table-actions{width:200px;text-align:center}.customer-actions-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.customer-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;border:1px solid #dee2e6}.customer-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.customer-action-btn.view{color:#0d6efd}.customer-action-btn.view:hover{background:#e7f1ff}.customer-action-btn.edit{color:#ffc107}.customer-action-btn.edit:hover{background:#fff3cd}.customer-action-btn.delete{color:#dc3545}.customer-action-btn.delete:hover{background:#f8d7da}.customer-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.customer-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.customer-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.customer-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.customer-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.customer-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.customer-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.customer-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.customer-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.customer-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.customer-no-data-container p{font-size:13px;color:#6c757d;margin:0}.customer-loading-panel,.customer-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.customer-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.customer-loading-panel p,.customer-error-panel p{font-size:14px;color:#495057;margin:0}.customer-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}.customer-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:900px;box-shadow:0 10px 40px #0003;border:2px solid #2d3748;animation:slideUp .3s ease-out;overflow:hidden}.customer-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#2d3748;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 #2d37484d}.customer-modal-close:hover{transform:scale(1.1);background:#1a1a1a;box-shadow:0 4px 12px #1a1a1a80}.customer-modal-header{background:#2d3748;color:#fff;padding:16px 20px;border-bottom:2px solid #1a1a1a}.customer-modal-header h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px}.customer-modal-body{padding:20px;max-height:400px;overflow-y:auto}.customer-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end}.customer-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}.customer-modal-save{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.customer-modal-save:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.customer-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.customer-no-access-image{width:200px;height:auto;margin-bottom:20px}.customer-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.customer-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.customer-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.customer-export-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.customer-export-btn.excel{border-color:#28a745;color:#28a745}.customer-export-btn.excel:hover{background:#28a745;color:#fff}.customer-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.customer-export-btn.csv:hover{background:#17a2b8;color:#fff}.customer-export-btn.pdf{border-color:#dc3545;color:#dc3545}.customer-export-btn.pdf:hover{background:#dc3545;color:#fff}@media(max-width:1024px){.customer-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.customer-panel-container{padding:12px}.customer-dashboard-header{flex-direction:column;align-items:flex-start}.customer-header-right{width:100%;justify-content:flex-start}.customer-controls-section{flex-direction:column}.customer-controls-left{min-width:auto}.customer-filters-grid{grid-template-columns:1fr}.customer-data-table{font-size:12px}.customer-data-table thead th,.customer-data-table tbody td{padding:8px 10px}.customer-table-actions{width:auto}.customer-actions-group{gap:4px}.customer-action-btn{width:32px;height:32px}.customer-pagination-controls{gap:8px}.customer-modal{max-width:90%}}@media(max-width:480px){.customer-dashboard-title{font-size:18px}.customer-title-icon{font-size:20px}.customer-search-input{font-size:12px}.customer-table-wrapper{max-height:400px}.customer-data-table{font-size:11px}.customer-data-table thead th,.customer-data-table tbody td{padding:6px 8px}.customer-pagination-btn{padding:6px 10px;font-size:12px}.customer-export-btn{font-size:10px;padding:6px 8px}.customer-modal{max-width:95%}.customer-add-btn,.customer-refresh-btn{padding:8px 12px;font-size:11px}}.customer-table-wrapper::-webkit-scrollbar,.customer-modal-body::-webkit-scrollbar{width:8px;height:8px}.customer-table-wrapper::-webkit-scrollbar-track,.customer-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.customer-table-wrapper::-webkit-scrollbar-thumb,.customer-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.customer-table-wrapper::-webkit-scrollbar-thumb:hover,.customer-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.clv-container{display:flex;flex-direction:column;gap:24px;padding:24px;background:#f8fafc;min-height:100vh}.clv-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:16px;box-shadow:0 4px 15px #667eea33}.clv-header-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.clv-header-title-section{display:flex;align-items:center;gap:16px;color:#fff;flex:1}.clv-header-icon{color:#ffffffe6;flex-shrink:0}.clv-page-title{font-size:18px;font-weight:700;margin:0;color:#fff}.clv-page-subtitle{font-size:12px;color:#ffffffd9;margin:4px 0 0}.clv-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.clv-refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.clv-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.clv-spin{animation:spin 1s linear infinite}.clv-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.clv-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.clv-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.clv-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.clv-stat-icon-blue{background:#dbeafe;color:#0284c7}.clv-stat-icon-purple{background:#e9d5ff;color:#7c3aed}.clv-stat-icon-green{background:#dcfce7;color:#16a34a}.clv-stat-icon-red{background:#fee2e2;color:#dc2626}.clv-stat-content{flex:1}.clv-stat-value{font-size:20px;font-weight:700;color:#1e293b;margin:0}.clv-stat-label{font-size:12px;color:#64748b;margin-top:4px}.clv-quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.clv-quick-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease;position:relative}.clv-quick-btn:hover{border-color:#cbd5e1;background:#f8fafc}.clv-quick-btn.clv-active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent;box-shadow:0 4px 15px #667eea4d}.clv-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#0000001a;border-radius:12px;font-size:12px;font-weight:700;margin-left:4px}.clv-quick-btn.clv-active .clv-badge{background:#ffffff4d}.clv-search-section{display:flex;gap:12px;align-items:center}.clv-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.clv-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none;flex-shrink:0}.clv-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .3s ease}.clv-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clv-filter-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clv-filter-btn:hover{border-color:#cbd5e1;background:#f8fafc}.clv-filter-btn.clv-active{background:#667eea;color:#fff;border-color:#667eea}.clv-filters-panel{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;animation:slideDown .3s ease-out}.clv-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.clv-filter-group{display:flex;flex-direction:column;gap:8px}.clv-filter-label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.clv-date-range{display:flex;align-items:center;gap:8px}.clv-date-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.clv-date-input-wrapper svg{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.clv-date-input{width:100%;padding:10px 10px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;transition:all .3s ease}.clv-date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clv-date-separator{color:#cbd5e1;font-weight:600;padding:0 4px}.clv-amount-range{display:flex;gap:8px}.clv-amount-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;transition:all .3s ease}.clv-amount-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clv-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#1e293b;cursor:pointer;transition:all .3s ease}.clv-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clv-filters-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e2e8f0;gap:12px}.clv-clear-filters-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.clv-clear-filters-btn:hover{background:#fecaca;border-color:#fca5a5}.clv-results-info{font-size:13px;color:#64748b}.clv-results-info strong{color:#1e293b;font-weight:700}.clv-table-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000d}.clv-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.clv-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.clv-loading-state p{color:#64748b;font-size:14px;margin:0}.clv-table-wrapper{overflow-x:auto}.clv-table{width:100%;border-collapse:collapse;font-size:13px}.clv-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.clv-table th{padding:14px 12px;text-align:left;font-weight:700;color:#475569;white-space:nowrap}.clv-th-actions{text-align:center}.clv-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.clv-table tbody tr:hover{background:#f8fafc}.clv-table td{padding:14px 12px;color:#1e293b}.clv-td-id{font-weight:600;color:#667eea}.clv-customer-cell{display:flex;align-items:center;gap:8px}.clv-customer-icon{color:#94a3b8;flex-shrink:0}.clv-amount{font-weight:600;color:#1e293b}.clv-amount-paid{color:#16a34a}.clv-due-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-weight:600;font-size:12px}.clv-due-badge-green{background:#dcfce7;color:#16a34a}.clv-due-badge-red{background:#fee2e2;color:#dc2626}.clv-description{color:#64748b;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clv-date{color:#64748b;white-space:nowrap}.clv-status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;white-space:nowrap}.clv-status-due{background:#fef3c7;color:#b45309}.clv-status-paid{background:#dcfce7;color:#16a34a}.clv-td-actions{text-align:center}.clv-action-group{display:flex;align-items:center;justify-content:center;gap:8px}.clv-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:0}.clv-action-add{background:#dbeafe;color:#0284c7}.clv-action-add:hover{background:#bfdbfe;transform:scale(1.1)}.clv-action-delete{background:#fee2e2;color:#dc2626}.clv-action-delete:hover{background:#fecaca;transform:scale(1.1)}.clv-empty-row{height:300px}.clv-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#64748b}.clv-empty-icon{color:#cbd5e1;opacity:.5}.clv-empty-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.clv-empty-text{font-size:14px;margin:0}.clv-empty-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.clv-empty-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.clv-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.clv-pagination-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:600}.clv-pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.clv-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.clv-pagination-info{display:flex;align-items:center;gap:16px}.clv-goto-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569}.clv-goto-input{width:50px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;text-align:center;transition:all .3s ease}.clv-goto-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clv-page-counter{font-size:13px;color:#64748b;white-space:nowrap}.clv-page-counter strong{color:#1e293b;font-weight:700}.clv-export-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.clv-export-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;font-size:16px;font-weight:700;color:#1e293b}.clv-export-buttons{display:flex;gap:12px;flex-wrap:wrap}.clv-export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.clv-export-excel{color:#16a34a;border-color:#86efac}.clv-export-excel:hover{background:#dcfce7;border-color:#16a34a}.clv-export-csv{color:#0284c7;border-color:#bfdbfe}.clv-export-csv:hover{background:#dbeafe;border-color:#0284c7}.clv-export-pdf{color:#dc2626;border-color:#fecaca}.clv-export-pdf:hover{background:#fee2e2;border-color:#dc2626}@media(max-width:1024px){.clv-stats-grid,.clv-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.clv-container{padding:16px;gap:16px}.clv-header-content{flex-direction:column;align-items:flex-start}.clv-page-title{font-size:24px}.clv-stats-grid,.clv-quick-actions{grid-template-columns:1fr}.clv-search-section{flex-direction:column}.clv-filters-grid{grid-template-columns:1fr}.clv-table{font-size:12px}.clv-table th,.clv-table td{padding:10px 8px}.clv-pagination{flex-direction:column;gap:12px}.clv-pagination-info{flex-direction:column;gap:8px}.clv-export-buttons{flex-direction:column}.clv-export-btn{width:100%;justify-content:center}}@media(max-width:480px){.clv-container{padding:12px;gap:12px}.clv-header{padding:16px}.clv-page-title{font-size:20px}.clv-stat-card{padding:16px}.clv-table{font-size:11px}.clv-table th,.clv-table td{padding:8px 6px}.clv-action-btn{width:32px;height:32px}.clv-quick-btn{padding:12px;font-size:12px}.clv-search-input{padding:10px 12px 10px 36px;font-size:13px}}.accv-container{display:flex;flex-direction:column;gap:24px;padding:24px;background:#f8fafc;min-height:100vh}.accv-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;padding:18px;box-shadow:0 4px 15px #667eea33}.accv-header-content{display:flex;align-items:center;justify-content:space-between;gap:20px}.accv-header-title{display:flex;align-items:center;gap:16px;color:#fff;flex:1}.accv-header-icon{color:#ffffffe6;flex-shrink:0}.accv-page-title{font-size:20px;font-weight:700;margin:0;color:#fff}.accv-page-subtitle{font-size:11px;color:#ffffffd9;margin:4px 0 0}.accv-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.accv-refresh-btn:hover:not(:disabled){background:#ffffff4d;transform:translateY(-2px)}.accv-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.accv-spin{animation:spin 1s linear infinite}.accv-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.accv-stat-card{background:#fff;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #0000000d;border:1px solid #e2e8f0;transition:all .3s ease}.accv-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001a}.accv-stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.accv-stat-icon-blue{background:#dbeafe;color:#0284c7}.accv-stat-icon-purple{background:#e9d5ff;color:#7c3aed}.accv-stat-icon-green{background:#dcfce7;color:#16a34a}.accv-stat-content{flex:1}.accv-stat-value{font-size:20px;font-weight:700;color:#1e293b;margin:0}.accv-stat-label{font-size:12px;color:#64748b;margin-top:4px}.accv-search-section{display:flex;gap:12px;align-items:center}.accv-search-wrapper{flex:1;position:relative;display:flex;align-items:center}.accv-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none;flex-shrink:0}.accv-search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;background:#fff;transition:all .3s ease}.accv-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.accv-filter-toggle{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease;white-space:nowrap}.accv-filter-toggle:hover{border-color:#cbd5e1;background:#f8fafc}.accv-filter-toggle.accv-active{background:#667eea;color:#fff;border-color:#667eea}.accv-filters-panel{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d;animation:slideDown .3s ease-out}.accv-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}.accv-filter-group{display:flex;flex-direction:column;gap:8px}.accv-filter-label{font-size:12px;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.5px}.accv-filter-select{padding:10px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;color:#1e293b;cursor:pointer;transition:all .3s ease}.accv-filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.accv-date-input-wrapper{position:relative;display:flex;align-items:center}.accv-date-input-wrapper svg{position:absolute;left:10px;color:#94a3b8;pointer-events:none}.accv-date-input{width:100%;padding:10px 10px 10px 36px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;background:#fff;transition:all .3s ease}.accv-date-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.accv-filters-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid #e2e8f0;gap:12px}.accv-clear-filters-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.accv-clear-filters-btn:hover{background:#fecaca;border-color:#fca5a5}.accv-results-info{font-size:13px;color:#64748b}.accv-results-info strong{color:#1e293b;font-weight:700}.accv-table-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 2px 8px #0000000d}.accv-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.accv-spinner{width:40px;height:40px;border:3px solid #e2e8f0;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.accv-loading-state p{color:#64748b;font-size:14px;margin:0}.accv-table-wrapper{overflow-x:auto}.accv-table{width:100%;border-collapse:collapse;font-size:13px}.accv-table thead{background:#f1f5f9;border-bottom:2px solid #e2e8f0}.accv-table th{padding:14px 12px;text-align:left;font-weight:700;color:#475569;white-space:nowrap}.accv-th-actions{text-align:center}.accv-table tbody tr{border-bottom:1px solid #e2e8f0;transition:all .3s ease}.accv-table tbody tr:hover{background:#f8fafc}.accv-table td{padding:14px 12px;color:#1e293b}.accv-td-id{font-weight:600;color:#667eea}.accv-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.accv-badge-active{background:#dbeafe;color:#0284c7}.accv-badge-inactive{background:#f1f5f9;color:#64748b}.accv-amount{font-weight:600;color:#1e293b}.accv-status{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.accv-status-success{background:#dcfce7;color:#16a34a}.accv-status-pending{background:#fef3c7;color:#b45309}.accv-date{color:#64748b;white-space:nowrap}.accv-td-actions{text-align:center}.accv-action-group{display:flex;align-items:center;justify-content:center;gap:8px}.accv-action-btn{width:36px;height:36px;border-radius:8px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:0}.accv-action-edit{background:#dbeafe;color:#0284c7}.accv-action-edit:hover{background:#bfdbfe;transform:scale(1.1)}.accv-action-delete{background:#fee2e2;color:#dc2626}.accv-action-delete:hover{background:#fecaca;transform:scale(1.1)}.accv-empty-row{height:300px}.accv-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#64748b}.accv-empty-icon{color:#cbd5e1;opacity:.5}.accv-empty-title{font-size:18px;font-weight:700;color:#1e293b;margin:0}.accv-empty-text{font-size:14px;margin:0}.accv-empty-hint{color:#94a3b8;font-size:12px;margin-top:8px;display:block}.accv-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:20px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.accv-pagination-btn{width:40px;height:40px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#475569;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-weight:600}.accv-pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.accv-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.accv-pagination-info{display:flex;align-items:center;gap:16px}.accv-goto-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569}.accv-goto-input{width:50px;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;text-align:center;transition:all .3s ease}.accv-goto-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.accv-page-counter{font-size:13px;color:#64748b;white-space:nowrap}.accv-page-counter strong{color:#1e293b;font-weight:700}.accv-export-section{background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000d}.accv-export-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #e2e8f0;font-size:16px;font-weight:700;color:#1e293b}.accv-export-buttons{display:flex;gap:12px;flex-wrap:wrap}.accv-export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.accv-export-excel{color:#16a34a;border-color:#86efac}.accv-export-excel:hover{background:#dcfce7;border-color:#16a34a}.accv-export-csv{color:#0284c7;border-color:#bfdbfe}.accv-export-csv:hover{background:#dbeafe;border-color:#0284c7}.accv-export-pdf{color:#dc2626;border-color:#fecaca}.accv-export-pdf:hover{background:#fee2e2;border-color:#dc2626}@media(max-width:1024px){.accv-stats-grid,.accv-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.accv-container{padding:16px;gap:16px}.accv-header-content{flex-direction:column;align-items:flex-start}.accv-page-title{font-size:20px}.accv-stats-grid{grid-template-columns:1fr}.accv-search-section{flex-direction:column}.accv-filters-grid{grid-template-columns:1fr}.accv-table{font-size:12px}.accv-table th,.accv-table td{padding:10px 8px}.accv-pagination{flex-direction:column;gap:12px}.accv-pagination-info{flex-direction:column;gap:8px}.accv-export-buttons{flex-direction:column}.accv-export-btn{width:100%;justify-content:center}}@media(max-width:480px){.accv-container{padding:12px;gap:12px}.accv-header{padding:16px}.accv-page-title{font-size:18px}.accv-stat-card{padding:16px}.accv-table{font-size:11px}.accv-table th,.accv-table td{padding:8px 6px}.accv-action-btn{width:32px;height:32px}.accv-search-input{padding:10px 12px 10px 36px;font-size:13px}}:root{--primary-black: #1a1a1a;--secondary-black: #2d3748;--light-gray: #f8f9fa;--border-gray: #e9ecef;--text-dark: #1f2937;--text-gray: #6b7280;--error-red: #dc2626;--success-green: #10b981}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2500;padding:10px;overflow-y:auto;animation:fadeInCategory .3s ease-out}@keyframes fadeInCategory{0%{opacity:0}to{opacity:1}}.category-modal-container{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:650px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUpCategory .3s ease-out;border:2px solid var(--secondary-black)}@keyframes slideUpCategory{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.category-modal-header{background:var(--primary-black);color:#fff;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--secondary-black)}.category-header-left{display:flex;align-items:center;gap:10px;flex:1}.category-header-icon{font-size:22px;flex-shrink:0}.category-header-text{flex:1}.category-modal-title{font-size:16px;font-weight:700;margin:0;line-height:1.2}.category-modal-subtitle{font-size:11px;margin:2px 0 0;opacity:.8;font-weight:500}.category-modal-close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.category-modal-close:hover{background:#fff3;transform:scale(1.08)}.category-form-section{padding:14px 16px;background:#fff;border-bottom:1px solid var(--border-gray)}.category-form-header{margin-bottom:12px}.category-form-header h3{font-size:13px;font-weight:700;color:var(--text-dark);margin:0 0 3px}.category-form-header p{font-size:11px;color:var(--text-gray);margin:0;font-weight:500}.category-form-group{display:flex;flex-direction:column;gap:5px}.category-form-label{font-size:11px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.category-input-group{display:flex;gap:6px;align-items:stretch}.category-form-input{flex:1;padding:8px 12px;border:2px solid var(--border-gray);border-radius:6px;font-size:12px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none;font-weight:500}.category-form-input::placeholder{color:#d1d5db}.category-form-input:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a}.category-form-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.category-add-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;background:var(--primary-black);color:#fff;border:none;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #1a1a1a33;white-space:nowrap;min-width:70px}.category-add-btn:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 10px #1a1a1a4d}.category-add-btn:disabled{opacity:.6;cursor:not-allowed}.category-list-section{flex:1;overflow-y:auto;padding:0;display:flex;flex-direction:column}.category-list-header{padding:12px 16px;background:#f8f9fa;border-bottom:1px solid var(--border-gray);flex-shrink:0}.category-list-header h3{font-size:12px;font-weight:700;color:var(--text-dark);margin:0}.category-loading,.category-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;flex:1}.category-loading p,.category-empty p{font-size:12px;color:var(--text-gray);margin:8px 0 0}.category-spinner-medium{width:32px;height:32px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spinCategory .8s linear infinite}.category-spinner-small{display:inline-block;width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinCategory .6s linear infinite}@keyframes spinCategory{to{transform:rotate(360deg)}}.category-table-container{padding:12px 16px;overflow-x:auto}.category-table{width:100%;border-collapse:collapse;font-size:12px}.category-table thead{background:#f8f9fa;border-bottom:2px solid var(--border-gray)}.category-table thead th{padding:10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.2px;font-size:10px;color:var(--text-dark)}.category-table tbody tr{border-bottom:1px solid var(--border-gray);transition:all .2s ease}.category-table tbody tr:hover{background:#1a1a1a05}.category-table tbody td{padding:10px;color:var(--text-dark);vertical-align:middle}.category-index{font-weight:600;color:var(--text-gray);width:35px;text-align:center}.category-name{font-weight:500}.category-badge{display:inline-block;padding:4px 10px;background:#e0e7ff;color:#4f46e5;border-radius:6px;font-weight:600;font-size:11px;white-space:nowrap}.category-date{color:var(--text-gray);font-size:11px}.category-action{text-align:center;width:50px}.category-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#fee2e2;color:var(--error-red);margin:0 auto}.category-delete-btn:hover:not(:disabled){background:var(--error-red);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #dc26264d}.category-delete-btn:disabled{opacity:.5;cursor:not-allowed}.category-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px 16px;background:#f8f9fa;border-top:1px solid var(--border-gray);flex-wrap:wrap;flex-shrink:0}.category-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid var(--border-gray);background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease;color:var(--text-gray);font-weight:700;font-size:12px}.category-page-btn:hover:not(:disabled){background:var(--primary-black);border-color:var(--primary-black);color:#fff;transform:translateY(-1px)}.category-page-btn:disabled{opacity:.4;cursor:not-allowed}.category-page-info{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-gray);font-weight:600}.category-page-input{width:50px;padding:6px 8px;border:2px solid var(--border-gray);border-radius:4px;text-align:center;font-size:11px;font-weight:600;color:var(--text-dark)}.category-page-input:focus{outline:none;border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a}.category-modal-footer{padding:10px 16px;background:#f8f9fa;border-top:1px solid var(--border-gray);text-align:center;font-size:11px;color:var(--text-gray);font-weight:600;flex-shrink:0}.category-modal-footer p{margin:0}.category-modal-footer strong{color:var(--text-dark)}.category-list-section::-webkit-scrollbar{width:6px}.category-list-section::-webkit-scrollbar-track{background:#f9fafb}.category-list-section::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.category-list-section::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.category-modal-container{max-width:90%;max-height:88vh}.category-modal-header{padding:12px 14px}.category-modal-title{font-size:15px}.category-modal-subtitle{font-size:10px}.category-form-section{padding:12px 14px}.category-form-header h3{font-size:12px}.category-form-header p{font-size:10px}.category-form-input{padding:7px 10px;font-size:11px}.category-add-btn{padding:7px 10px;font-size:10px;min-width:65px}.category-table-container{padding:10px 14px}.category-table{font-size:11px}.category-table thead th,.category-table tbody td{padding:8px}.category-table thead th{font-size:9px}.category-badge{padding:3px 8px;font-size:10px}.category-date{font-size:10px}.category-delete-btn{width:30px;height:30px}.category-pagination{gap:8px;padding:10px 14px}.category-page-btn{width:30px;height:30px;font-size:11px}.category-page-info{font-size:10px;gap:4px}.category-page-input{width:45px;padding:5px 6px;font-size:10px}.category-modal-footer{padding:9px 14px;font-size:10px}}@media(max-width:480px){.category-modal-overlay{padding:8px}.category-modal-container{max-width:100%;border-radius:8px;max-height:90vh}.category-modal-header{padding:10px 12px;gap:8px}.category-header-left{gap:8px}.category-header-icon{font-size:20px}.category-modal-title{font-size:14px}.category-modal-subtitle{font-size:9px}.category-modal-close{width:28px;height:28px}.category-form-section{padding:10px 12px}.category-form-header h3{font-size:11px}.category-form-header p{font-size:9px}.category-form-label{font-size:10px}.category-form-input{padding:7px 10px;font-size:11px}.category-input-group{gap:5px}.category-add-btn{padding:7px 10px;font-size:9px;min-width:60px}.category-list-header{padding:10px 12px}.category-list-header h3{font-size:11px}.category-table-container{padding:8px 12px}.category-table{font-size:10px}.category-table thead th,.category-table tbody td{padding:7px}.category-table thead th{font-size:8px}.category-index{width:30px}.category-badge{padding:3px 7px;font-size:9px}.category-date{font-size:9px}.category-action{width:40px}.category-delete-btn{width:28px;height:28px}.category-pagination{gap:6px;padding:8px 12px}.category-page-btn{width:28px;height:28px;font-size:10px}.category-page-info{font-size:9px;gap:3px}.category-page-input{width:40px;padding:4px 6px;font-size:9px}.category-modal-footer{padding:8px 12px;font-size:9px}.category-loading,.category-empty{padding:30px 16px}.category-spinner-medium{width:28px;height:28px}}.bank-amount-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInAmount .3s ease-out}@keyframes fadeInAmount{0%{opacity:0}to{opacity:1}}.bank-amount-modal-container{position:relative;background:#fff;border-radius:10px;width:100%;max-width:700px;max-height:85vh;box-shadow:0 10px 40px #0003;border:2px solid #2d3748;animation:slideUpAmount .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes slideUpAmount{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.bank-amount-modal-header{background:#2d3748;color:#fff;padding:12px 16px;border-bottom:2px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center}.bank-amount-modal-title-section{display:flex;align-items:center;gap:8px}.bank-amount-modal-icon{font-size:20px}.bank-amount-modal-title{margin:0;font-size:16px;font-weight:700;letter-spacing:.3px}.bank-amount-modal-close{background:#1a1a1a;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #1a1a1a4d}.bank-amount-modal-close:hover{background:#0d0d0d;transform:scale(1.08)}.bank-amount-info-card{padding:10px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.bank-amount-info-header{display:flex;align-items:center;gap:10px}.bank-amount-icon{font-size:24px}.bank-amount-details{flex:1}.bank-amount-name{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.bank-amount-account{font-size:11px;color:#6b7280;margin:2px 0 0}.bank-amount-form-content{padding:12px 16px;overflow-y:auto;flex:1}.bank-amount-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bank-amount-form-column{display:flex;flex-direction:column;gap:10px}.bank-amount-form-section{display:flex;flex-direction:column;gap:4px}.bank-amount-section-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#1f2937}.bank-amount-label-icon{font-size:14px}.bank-amount-category-section{display:flex;gap:4px;align-items:stretch}.bank-amount-select{flex:1;padding:6px 10px;border:2px solid #e9ecef;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;cursor:pointer}.bank-amount-select:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 2px #2d37481a}.bank-amount-add-category-btn{display:flex;align-items:center;justify-content:center;padding:6px 8px;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:32px}.bank-amount-add-category-btn:hover{background:#2d2d2d;transform:translateY(-1px)}.bank-amount-input-container{position:relative;display:flex;align-items:center}.bank-amount-currency-symbol{position:absolute;left:10px;font-size:12px;font-weight:600;color:#6b7280}.bank-amount-input{width:100%;padding:6px 10px 6px 24px;border:2px solid #e9ecef;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;box-sizing:border-box}.bank-amount-input:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 2px #2d37481a}.bank-amount-input:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.bank-amount-input::placeholder{color:#adb5bd}.bank-amount-textarea{width:100%;padding:6px 10px;border:2px solid #e9ecef;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;box-sizing:border-box;font-family:inherit;resize:vertical}.bank-amount-textarea:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 2px #2d37481a}.bank-amount-textarea:disabled{opacity:.5;cursor:not-allowed;background:#f8f9fa}.bank-amount-textarea::placeholder{color:#adb5bd}.bank-amount-loading-state{display:flex;align-items:center;justify-content:center;padding:8px;background:#f8f9fa;border-radius:4px}.bank-amount-loading-spinner{width:12px;height:12px;border:2px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spinAmount .6s linear infinite}@keyframes spinAmount{to{transform:rotate(360deg)}}.bank-amount-upload-area-compact{position:relative}.bank-amount-file-input{display:none}.bank-amount-upload-label-compact{display:block;cursor:pointer}.bank-amount-upload-icon-compact{font-size:24px;text-align:center;margin-bottom:4px}.bank-amount-upload-text-compact{display:block;font-size:11px;font-weight:600;color:#1f2937;text-align:center;padding:8px;background:#f8f9fa;border:2px dashed #e9ecef;border-radius:4px;transition:all .3s ease}.bank-amount-upload-label-compact:hover .bank-amount-upload-text-compact{background:#f0f1f3;border-color:#2d3748}.bank-amount-image-preview-container-compact{position:relative;display:inline-block;width:100%}.bank-amount-image-preview-compact{width:100%;height:100px;object-fit:cover;border-radius:4px;border:2px solid #e9ecef}.bank-amount-remove-image-btn-compact{position:absolute;top:4px;right:4px;width:24px;height:24px;background:#dc3545;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 4px #dc35454d}.bank-amount-remove-image-btn-compact:hover{background:#c82333;transform:scale(1.08)}.bank-amount-modal-footer{display:flex;gap:8px;padding:10px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end}.bank-amount-modal-btn{padding:8px 14px;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;display:flex;align-items:center;gap:4px}.bank-amount-modal-btn.cancel{background:#e9ecef;color:#495057}.bank-amount-modal-btn.cancel:hover:not(:disabled){background:#dee2e6;transform:translateY(-1px)}.bank-amount-modal-btn.submit{background:#1a1a1a;color:#fff}.bank-amount-modal-btn.submit:hover:not(:disabled){background:#2d2d2d;transform:translateY(-1px)}.bank-amount-modal-btn:disabled{opacity:.5;cursor:not-allowed}.bank-amount-btn-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinAmount .6s linear infinite}@media(max-width:768px){.bank-amount-modal-container{max-width:90%;max-height:90vh}.bank-amount-form-grid{grid-template-columns:1fr;gap:10px}.bank-amount-form-content{padding:10px 14px}}@media(max-width:480px){.bank-amount-modal-container{max-width:100%;border-radius:8px;max-height:95vh}.bank-amount-modal-header{padding:10px 12px}.bank-amount-modal-title{font-size:14px}.bank-amount-info-card,.bank-amount-form-content{padding:8px 12px}.bank-amount-form-grid{grid-template-columns:1fr;gap:8px}.bank-amount-form-section{gap:3px}.bank-amount-modal-footer{gap:6px;padding:8px 12px}.bank-amount-modal-btn{padding:6px 10px;font-size:10px;flex:1;justify-content:center}.bank-amount-image-preview-compact{height:80px}}.bank-amount-form-content::-webkit-scrollbar{width:6px}.bank-amount-form-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.bank-amount-form-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.bank-amount-form-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.bank-amount-user-info-card{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-radius:8px;padding:1rem;margin-bottom:1.5rem;border-left:4px solid #7c3aed}.bank-amount-user-info-header{display:flex;align-items:center;gap:1rem}.bank-amount-user-icon{font-size:2rem;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#7c3aed1a;border-radius:50%}.bank-amount-user-details{flex:1}.bank-amount-user-name{margin:0;font-size:1.1rem;font-weight:600;color:#1a1a1a;text-transform:capitalize}.bank-amount-user-timestamp{margin:.25rem 0 0;font-size:.9rem;color:#666;display:flex;align-items:center;gap:.5rem}.bank-selector-content{padding:20px;max-height:500px;overflow-y:auto}.bank-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:15px}.bank-selector-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #0891b2;border-radius:50%;animation:spin 1s linear infinite}.bank-selector-empty{text-align:center;padding:60px 20px;color:#666}.bank-selector-empty p:first-child{font-size:18px;font-weight:600;margin-bottom:10px}.bank-selector-empty-hint{font-size:14px;color:#999}.bank-selector-list{display:flex;flex-direction:column;gap:12px}.bank-selector-item{display:flex;align-items:center;justify-content:space-between;border:2px solid #e0e0e0;border-radius:8px;padding:16px;cursor:pointer;transition:all .3s ease;background-color:#f9f9f9}.bank-selector-item:hover{border-color:#0891b2;background-color:#f0f9fc;transform:translate(4px);box-shadow:0 4px 12px #0891b226}.bank-selector-item-left{display:flex;align-items:center;gap:12px;flex:1}.bank-selector-item-icon{font-size:28px;display:flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#0891b21a;border-radius:8px}.bank-selector-item-info{flex:1}.bank-selector-item-name{margin:0;font-size:16px;font-weight:600;color:#1a1a1a}.bank-selector-item-account{margin:4px 0 0;font-size:14px;color:#333;font-weight:500;font-family:Courier New,monospace}.bank-selector-item-meta{margin:4px 0 0;font-size:12px;color:#666}.bank-selector-item-arrow{display:flex;align-items:center;justify-content:center;color:#0891b2;opacity:.6;transition:all .3s ease}.bank-selector-item:hover .bank-selector-item-arrow{opacity:1;transform:translate(4px)}.bank-amount-change-btn{background-color:#f0f0f0;border:1px solid #ddd;color:#0891b2;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-left:auto}.bank-amount-change-btn:hover{background-color:#e8f4f8;border-color:#0891b2}.update-payment-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:3000;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeInUpdatePayment .3s ease-out}@keyframes fadeInUpdatePayment{0%{opacity:0}to{opacity:1}}.update-payment-modal{background:#fff;border-radius:10px;box-shadow:0 10px 40px #0003;width:100%;max-width:600px;min-width:320px;max-height:90vh;overflow-y:auto;border:2px solid #2d3748;animation:slideUpUpdatePayment .3s ease-out;display:flex;flex-direction:column}@keyframes slideUpUpdatePayment{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.update-payment-header{background:#2d3748;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #1a1a1a;flex-shrink:0}.update-payment-header-left{display:flex;align-items:center;gap:10px;flex:1}.update-payment-header-icon{font-size:20px;flex-shrink:0}.update-payment-header-text h2{font-size:15px;font-weight:700;margin:0}.update-payment-header-text p{font-size:10px;margin:2px 0 0;opacity:.8}.update-payment-close{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.update-payment-close:hover{background:#fff3;transform:scale(1.08)}.update-payment-bank-card{display:flex;align-items:center;gap:10px;padding:10px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-shrink:0}.update-payment-bank-icon{font-size:24px}.update-payment-bank-content{flex:1}.update-payment-bank-name{font-size:13px;font-weight:700;color:#1a1a1a;margin:0}.update-payment-bank-account{font-size:10px;color:#6b7280;margin:2px 0 0}.update-payment-form-content{padding:12px 16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.update-payment-form-section{display:flex;flex-direction:column;gap:4px}.update-payment-form-label{font-size:10px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.update-payment-input{padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.update-payment-input:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 3px #2d37481a}.update-payment-hint{font-size:9px;color:#6b7280;font-weight:500;margin-top:2px}.update-payment-upload-area{position:relative}.update-payment-file-input{display:none}.update-payment-upload-label{display:block;cursor:pointer}.update-payment-upload-icon{font-size:28px;text-align:center;margin-bottom:6px}.update-payment-upload-text{display:block;font-size:11px;font-weight:600;color:#1f2937;text-align:center;padding:8px;background:#f8f9fa;border:2px dashed #e9ecef;border-radius:6px;transition:all .3s ease}.update-payment-upload-subtext{display:block;font-size:9px;color:#6b7280;text-align:center;margin-top:4px}.update-payment-upload-label:hover .update-payment-upload-text{background:#f0f1f3;border-color:#2d3748}.update-payment-image-preview-container{position:relative;display:inline-block;width:100%}.update-payment-image-preview{width:100%;max-height:180px;object-fit:cover;border-radius:6px;border:2px solid #e9ecef}.update-payment-remove-btn{position:absolute;top:6px;right:6px;width:28px;height:28px;background:#dc2626;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px #dc26264d}.update-payment-remove-btn:hover{background:#b91c1c;transform:scale(1.1)}.update-payment-warning{display:flex;gap:8px;padding:8px 10px;background:#fef3c7;border-left:3px solid #FBBF24;border-radius:4px}.update-payment-warning-icon{color:#92400e;flex-shrink:0;margin-top:2px}.update-payment-warning-content{display:flex;flex-direction:column;gap:2px}.update-payment-warning-title{font-size:10px;font-weight:700;color:#92400e}.update-payment-warning-text{font-size:9px;color:#78350f;line-height:1.4}.update-payment-actions{display:flex;gap:8px;padding:10px 16px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end;flex-shrink:0}.update-payment-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border:none;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.update-payment-btn.cancel{background:#e9ecef;color:#495057}.update-payment-btn.cancel:hover:not(:disabled){background:#dee2e6;transform:translateY(-1px)}.update-payment-btn.submit{background:#1a1a1a;color:#fff}.update-payment-btn.submit:hover:not(:disabled){background:#2d2d2d;transform:translateY(-1px)}.update-payment-btn:disabled{opacity:.5;cursor:not-allowed}.update-payment-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinUpdatePayment .6s linear infinite}@keyframes spinUpdatePayment{to{transform:rotate(360deg)}}.update-payment-modal::-webkit-scrollbar{width:6px}.update-payment-modal::-webkit-scrollbar-track{background:#f1f5f9}.update-payment-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.update-payment-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:768px){.update-payment-modal{max-width:90%}.update-payment-header{padding:10px 14px}.update-payment-header-text h2{font-size:14px}.update-payment-bank-card{padding:8px 14px}.update-payment-form-content{padding:10px 14px}.update-payment-image-preview{max-height:150px}.update-payment-actions{padding:8px 14px}}@media(max-width:480px){.update-payment-modal{max-width:100%;border-radius:8px;max-height:90vh}.update-payment-header{padding:10px 12px;gap:8px}.update-payment-header-text h2{font-size:13px}.update-payment-header-text p{font-size:9px}.update-payment-close{width:28px;height:28px}.update-payment-bank-card{gap:8px;padding:8px 12px}.update-payment-bank-icon{font-size:20px}.update-payment-bank-name{font-size:12px}.update-payment-bank-account{font-size:9px}.update-payment-form-content{padding:8px 12px;gap:8px}.update-payment-form-label{font-size:9px}.update-payment-input{padding:6px 10px;font-size:11px}.update-payment-hint{font-size:8px}.update-payment-upload-icon{font-size:24px;margin-bottom:4px}.update-payment-upload-text{padding:6px;font-size:10px;border-radius:4px}.update-payment-upload-subtext{font-size:8px;margin-top:2px}.update-payment-image-preview{max-height:120px;border-radius:4px}.update-payment-remove-btn{width:24px;height:24px;top:4px;right:4px}.update-payment-warning{gap:6px;padding:6px 8px}.update-payment-warning-icon{width:14px;height:14px}.update-payment-warning-title{font-size:9px}.update-payment-warning-text{font-size:8px}.update-payment-actions{gap:6px;padding:8px 12px;flex-direction:column}.update-payment-btn{padding:6px 10px;font-size:9px;width:100%}}.view-bank-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.view-bank-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.view-bank-header-left{display:flex;align-items:center;gap:12px}.view-bank-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.view-bank-title-icon{font-size:26px}.view-bank-header-right{display:flex;gap:8px}.view-bank-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.view-bank-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 2px 8px #6c757d33}.view-bank-filters-section{display:flex;gap:12px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap}.view-bank-filters-left{display:flex;gap:12px;flex:1;min-width:300px;flex-wrap:wrap}.view-bank-filter-group{display:flex;flex-direction:column;gap:6px;min-width:140px}.view-bank-filter-label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.view-bank-select,.view-bank-input{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;cursor:pointer}.view-bank-select:focus,.view-bank-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.view-bank-select:disabled{opacity:.5;cursor:not-allowed}.view-bank-search-section{margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f}.view-bank-search-box{position:relative;display:flex;align-items:center;gap:10px}.view-bank-search-icon{color:#adb5bd;flex-shrink:0}.view-bank-search-input{flex:1;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.view-bank-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.view-bank-search-input::placeholder{color:#adb5bd}.view-bank-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.view-bank-stat-card{background:#fff;border-radius:8px;padding:14px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 6px #0000000f;border:2px solid #e9ecef}.view-bank-stat-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.view-bank-stat-icon.transactions{background:#3b82f6}.view-bank-stat-icon.amount{background:#10b981}.view-bank-stat-icon.bank{background:#8b5cf6}.view-bank-stat-content{flex:1}.view-bank-stat-number{font-size:18px;font-weight:700;color:#1a1a1a}.view-bank-stat-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.3px;margin-top:2px}.view-bank-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.view-bank-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.view-bank-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.view-bank-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.view-bank-table thead th{padding:12px 10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a;white-space:nowrap}.view-bank-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.view-bank-table tbody tr:hover{background:#f8f9fa}.view-bank-table tbody td{padding:10px;color:#1a1a1a;vertical-align:middle;font-weight:500}.view-bank-amount{font-weight:700}.view-bank-amount-badge{display:inline-block;padding:4px 8px;background:#d1fae5;color:#065f46;border-radius:4px;font-size:11px;font-weight:700}.view-bank-user{font-weight:700}.view-bank-user-info{display:flex;align-items:center;gap:6px}.view-bank-user-avatar{width:28px;height:28px;background:#2d3748;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.view-bank-store{color:#2d3748}.view-bank-category-badge{display:inline-block;padding:4px 8px;background:#e0e7ff;color:#4f46e5;border-radius:4px;font-size:11px;font-weight:600}.view-bank-reason{color:#2d3748;font-size:11px}.view-bank-datetime-content{display:flex;flex-direction:column;gap:2px}.view-bank-date{font-size:11px;font-weight:600;color:#1a1a1a}.view-bank-time{font-size:10px;color:#6b7280}.view-bank-ref-badge{display:inline-block;padding:3px 6px;background:#fef3c7;color:#92400e;border-radius:3px;font-size:10px;font-weight:600;font-family:Courier New,monospace}.view-bank-invoice-badge,.view-bank-barcode-badge{display:inline-block;padding:3px 6px;background:#f3e8ff;color:#6b21a8;border-radius:3px;font-size:10px;font-weight:600;font-family:Courier New,monospace}.view-bank-action{text-align:center}.view-bank-view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#1e40af;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;margin:0 auto}.view-bank-view-btn:hover{background:#1e40af;color:#fff;transform:translateY(-2px)}.view-bank-no-action{color:#adb5bd}.view-bank-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.view-bank-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.view-bank-no-data-container p{font-size:13px;color:#6c757d;margin:0}.view-bank-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.view-bank-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spinViewBank .8s linear infinite;margin-bottom:16px}@keyframes spinViewBank{to{transform:rotate(360deg)}}.view-bank-loading-state p{font-size:14px;color:#495057;margin:0}.view-bank-loading-panel,.view-bank-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.view-bank-no-access-image{width:200px;height:auto;margin-bottom:20px}.view-bank-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.view-bank-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.view-bank-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.view-bank-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.view-bank-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:13px}.view-bank-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.view-bank-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.view-bank-pagination-goto{display:flex;align-items:center;gap:8px;font-size:12px;color:#495057;font-weight:600}.view-bank-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1a1a1a}.view-bank-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.view-bank-export-section{background:#fff;border-radius:8px;padding:14px 16px;box-shadow:0 2px 6px #0000000f;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.view-bank-export-info{display:flex;align-items:center;gap:8px}.view-bank-export-count{font-size:12px;font-weight:600;color:#495057}.view-bank-export-buttons{display:flex;gap:8px;flex-wrap:wrap}.view-bank-export-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.view-bank-export-btn.excel{background:#d1fae5;color:#065f46}.view-bank-export-btn.excel:hover{background:#065f46;color:#fff;transform:translateY(-2px)}.view-bank-export-btn.csv{background:#fef3c7;color:#92400e}.view-bank-export-btn.csv:hover{background:#92400e;color:#fff;transform:translateY(-2px)}.view-bank-export-btn.pdf{background:#fee2e2;color:#991b1b}.view-bank-export-btn.pdf:hover{background:#991b1b;color:#fff;transform:translateY(-2px)}@media(max-width:1024px){.view-bank-filters-left{flex-direction:column}.view-bank-filter-group{width:100%}.view-bank-stats-section{grid-template-columns:1fr}}@media(max-width:768px){.view-bank-container{padding:12px}.view-bank-dashboard-header{flex-direction:column;align-items:flex-start}.view-bank-filters-section{flex-direction:column;padding:12px}.view-bank-filters-left{width:100%}.view-bank-table{font-size:11px}.view-bank-table thead th,.view-bank-table tbody td{padding:8px}.view-bank-export-section{flex-direction:column;align-items:flex-start}.view-bank-search-input{font-size:12px}}@media(max-width:480px){.view-bank-dashboard-title{font-size:18px}.view-bank-title-icon{font-size:20px}.view-bank-table-wrapper{max-height:400px}.view-bank-table{font-size:10px}.view-bank-table thead th,.view-bank-table tbody td{padding:6px}.view-bank-stat-card{padding:12px}.view-bank-stat-number{font-size:16px}.view-bank-export-buttons{width:100%}.view-bank-export-btn{flex:1;justify-content:center}.view-bank-filter-group{min-width:100%}.view-bank-search-input{font-size:11px}.view-bank-pagination-controls{gap:6px}.view-bank-pagination-btn{padding:6px 10px;font-size:11px}.view-bank-refresh-btn{padding:8px 12px;font-size:11px}}.view-bank-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.view-bank-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.view-bank-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.view-bank-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.view-bank-hidden{display:none}.view-bank-text-center{text-align:center}.view-bank-text-right{text-align:right}.view-bank-mt-1{margin-top:4px}.view-bank-mt-2{margin-top:8px}.view-bank-mb-1{margin-bottom:4px}.view-bank-mb-2{margin-bottom:8px}.view-bank-image-cell{text-align:center}.view-bank-image-btn{padding:6px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease}.view-bank-image-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.view-bank-image-btn:active{transform:translateY(0)}.view-bank-empty-badge{color:#999;font-size:.85rem}.view-bank-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.view-bank-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%;max-height:80vh;display:flex;flex-direction:column;animation:slideUp .3s ease}.view-bank-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e5e7eb}.view-bank-modal-header h3{margin:0;font-size:1.25rem;color:#1f2937}.view-bank-modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;transition:color .2s}.view-bank-modal-close:hover{color:#1f2937}.view-bank-modal-body{flex:1;padding:20px;display:flex;align-items:center;justify-content:center;overflow:auto;background:#f9fafb}.view-bank-modal-image{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a}.view-bank-modal-footer{display:flex;gap:12px;padding:20px;border-top:1px solid #e5e7eb;justify-content:flex-end}.view-bank-modal-download-btn,.view-bank-modal-close-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.view-bank-modal-download-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-bank-modal-download-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.view-bank-modal-close-btn{background:#e5e7eb;color:#1f2937}.view-bank-modal-close-btn:hover{background:#d1d5db}.view-bank-invoice-badge,.view-bank-barcode-badge{display:inline-block;padding:6px 12px;background:#dbeafe;color:#1e40af;border-radius:6px;font-size:.85rem;font-weight:600;font-family:Courier New,monospace}.view-bank-barcode-badge{background:#fef3c7;color:#92400e}.view-bank-image-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.view-bank-image-btn{padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .3s ease;white-space:nowrap}.view-bank-image-btn.view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.view-bank-image-btn.view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.view-bank-image-btn.upload{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.view-bank-image-btn.upload:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.view-bank-image-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.view-bank-modal-body.upload-body{min-height:300px;display:flex;align-items:center;justify-content:center}.view-bank-upload-zone{width:100%;display:flex;flex-direction:column;gap:20px}.view-bank-upload-area{border:2px dashed #667eea;border-radius:12px;padding:40px 20px;text-align:center;background:#f9fafb;transition:all .3s ease}.view-bank-upload-area:hover{border-color:#764ba2;background:#f3f4f6}.view-bank-upload-icon{font-size:3rem;margin-bottom:12px}.view-bank-upload-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 8px}.view-bank-upload-subtitle{font-size:.9rem;color:#6b7280;margin:0}.view-bank-upload-info{font-size:.9rem;color:#6b7280;text-align:center;margin:0;padding:12px;background:#f3f4f6;border-radius:6px}.view-bank-upload-info strong{color:#1f2937;font-family:Courier New,monospace}@media(max-width:768px){.view-bank-image-actions{flex-direction:column}.view-bank-image-btn{width:100%}.view-bank-upload-area{padding:30px 15px}.view-bank-upload-icon{font-size:2rem}}.bank-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.bank-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.bank-header-left{display:flex;align-items:center;gap:12px}.bank-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.bank-title-icon{font-size:26px;color:#2d3748}.bank-header-right{display:flex;gap:8px;flex-wrap:wrap}.bank-add-btn,.bank-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.bank-add-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.bank-add-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.bank-add-btn:disabled{opacity:.5;cursor:not-allowed}.bank-refresh-btn{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.bank-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.bank-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000f}.bank-controls-left{flex:1;min-width:300px;display:flex;flex-direction:row;gap:12px;align-items:flex-end}.bank-filter-item{display:flex;gap:10px;align-items:center}.bank-search-box{flex:1;min-width:200px}.bank-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.bank-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.bank-search-input::placeholder{color:#adb5bd}.bank-error-panel{background:#fee2e2;border:2px solid #FCA5A5;color:#991b1b;padding:12px 16px;border-radius:6px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.bank-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;padding:16px;margin-bottom:16px}.bank-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:16px}.bank-card{background:#fff;border:2px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.bank-card:hover{border-color:#2d3748;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.bank-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8f9fa;border-bottom:1px solid #e9ecef}.bank-card-icon{font-size:24px}.bank-card-delete{background:#fee2e2;color:#dc3545;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.bank-card-delete:hover{background:#dc3545;color:#fff;transform:scale(1.05)}.bank-card-content{padding:16px;flex:1}.bank-card-name{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 12px}.bank-card-detail{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid #f3f4f6}.bank-card-detail:last-child{border-bottom:none}.bank-card-label{font-weight:600;color:#6b7280}.bank-card-value{color:#1f2937;font-weight:500;word-break:break-word}.bank-card-actions{display:flex;gap:8px;padding:12px 16px;background:#f8f9fa;border-top:1px solid #e9ecef}.bank-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.bank-action-btn.payment{background:#dbeafe;color:#1e40af}.bank-action-btn.payment:hover{background:#1e40af;color:#fff;transform:translateY(-2px)}.bank-action-btn.update{background:#fef3c7;color:#92400e}.bank-action-btn.update:hover{background:#92400e;color:#fff;transform:translateY(-2px)}.bank-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.bank-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.bank-no-data-container p{font-size:13px;color:#6c757d;margin:0}.bank-loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.bank-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.bank-loading-panel p{font-size:14px;color:#495057;margin:0}.bank-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.bank-no-access-image{width:200px;height:auto;margin-bottom:20px}.bank-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.bank-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.bank-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-top:16px}.bank-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.bank-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.bank-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.bank-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.bank-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.bank-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.bank-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}@media(max-width:1024px){.bank-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.bank-panel-container{padding:12px}.bank-dashboard-header{flex-direction:column;align-items:flex-start}.bank-header-right{width:100%;justify-content:flex-start}.bank-controls-section{flex-direction:column;padding:12px}.bank-controls-left{flex-direction:column;min-width:auto}.bank-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.bank-dashboard-title{font-size:18px}.bank-title-icon{font-size:20px}.bank-search-input{font-size:12px}.bank-grid{grid-template-columns:1fr}.bank-card-actions{flex-direction:column}.bank-action-btn{width:100%}.bank-add-btn,.bank-refresh-btn{padding:8px 12px;font-size:11px}}.add-bank-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}.add-bank-modal-container{position:relative;background:#fff;border-radius:12px;width:100%;max-width:500px;box-shadow:0 10px 40px #0003;border:2px solid #2d3748;animation:slideUp .3s ease-out;overflow:hidden}.add-bank-modal-header{background:#2d3748;color:#fff;padding:16px 20px;border-bottom:2px solid #1a1a1a;display:flex;justify-content:space-between;align-items:center}.add-bank-modal-title{margin:0;font-size:18px;font-weight:700;letter-spacing:.5px;display:flex;align-items:center;gap:8px}.add-bank-modal-icon{font-size:22px}.add-bank-modal-close{background:#1a1a1a;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #1a1a1a4d}.add-bank-modal-close:hover{background:#0d0d0d;transform:scale(1.1);box-shadow:0 4px 12px #1a1a1a80}.add-bank-modal-body{padding:20px}.add-bank-form-group{margin-bottom:16px}.add-bank-form-group:last-of-type{margin-bottom:0}.add-bank-form-label{display:block;font-size:13px;font-weight:600;color:#1f2937;margin-bottom:6px}.add-bank-form-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;box-sizing:border-box}.add-bank-form-input:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 3px #2d37481a}.add-bank-form-input:disabled{opacity:.5;cursor:not-allowed}.add-bank-form-input::placeholder{color:#adb5bd}.add-bank-form-group.checkbox-group{margin-top:12px;padding-top:12px;border-top:1px solid #e9ecef}.add-bank-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#1f2937;cursor:pointer;-webkit-user-select:none;user-select:none}.add-bank-checkbox-input{width:16px;height:16px;cursor:pointer;accent-color:#2d3748}.add-bank-checkbox-input:disabled{opacity:.5;cursor:not-allowed}.add-bank-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end}.add-bank-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}.add-bank-modal-btn.cancel{background:#e9ecef;color:#495057;box-shadow:0 2px 8px #e9ecef4d}.add-bank-modal-btn.cancel:hover:not(:disabled){background:#dee2e6;transform:translateY(-2px);box-shadow:0 4px 12px #e9ecef80}.add-bank-modal-btn.submit{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.add-bank-modal-btn.submit:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.add-bank-modal-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.add-bank-modal-container{max-width:90%}.add-bank-modal-body{padding:16px}.add-bank-modal-footer{flex-direction:column}.add-bank-modal-btn{width:100%;text-align:center}}@media(max-width:480px){.add-bank-modal-container{max-width:100%;border-radius:8px}.add-bank-modal-header{padding:12px 16px}.add-bank-modal-title{font-size:16px}.add-bank-modal-body{padding:12px}.add-bank-modal-footer{gap:8px;padding:12px 16px}.add-bank-modal-btn{padding:8px 12px;font-size:11px}}.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__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.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{text-align:center;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-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.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;color:#fff}.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}@page{margin:0;padding:0}html,body{margin:0;padding:0;box-sizing:border-box}.barcode-display{font-family:Oswald,serif;font-optical-sizing:auto;font-style:normal;text-align:center;box-sizing:border-box}.shop-name{font-size:14px;font-weight:700}.product-id,.price-text,.cost-code{font-size:16px;margin:2px 0;font-weight:800}.label-grid{display:grid;grid-template-columns:38mm 38mm;grid-auto-rows:25mm;gap:2mm;font-weight:700;justify-content:center}.label-item{display:flex;flex-direction:column;align-items:center;font-weight:700;justify-content:center;box-sizing:border-box}.button-bar{margin-top:20px}.cost-code-left{position:absolute;bottom:0;margin-bottom:-25px;letter-spacing:0;margin-right:15px;line-height:1;right:0;font-size:10px}.barcode-vertical{position:absolute;top:0;left:0;margin-left:5px;font-size:10px;font-weight:700;line-height:1}.size-right{position:absolute;top:30px;right:0;margin-right:15px;letter-spacing:0;line-height:1;font-size:10px}.color-right{position:absolute;bottom:10px;left:10px;top:-15px;letter-spacing:0;line-height:1;font-size:12px}@media print{html,body{margin:0;padding:0}body *{visibility:hidden}.barcode-display,.barcode-display *{visibility:visible}.barcode-display{position:relative;top:0;left:0;margin:0;padding:0;width:100%}.button-bar{display:none}.shop-name,.label-grid,.label-item{margin-top:-10!important;padding-top:0!important}}.bp-root{width:112mm;background:#fff}.bp-grid{display:grid;grid-template-columns:repeat(3,36mm);grid-auto-rows:23mm;gap:2mm;justify-content:center}.bp-label{position:relative;width:36mm;height:23mm;box-sizing:border-box;padding:1mm 1mm 1mm 2.2mm;background:#fff;border:1px dashed #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;page-break-inside:avoid}.bp-label:nth-child(3n){transform:translate(-4mm)}.bp-head{font-weight:800;font-size:9pt;margin-bottom:1mm}.bp-name{font-weight:600;font-size:7pt;margin-bottom:1mm;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media print{.bp-label{border:none}.bp-label:nth-child(3n){transform:translate(-4mm)}}.barcode-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999}.barcode-modal-content{background:#fff;border-radius:10px;max-width:95vw;max-height:95vh;overflow:hidden;display:flex;flex-direction:column}.barcode-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:linear-gradient(135deg,#4f46e5,#06b6d4);color:#fff}.barcode-modal-actions{display:flex;gap:10px}.barcode-modal-body{background:#f9fafb;padding:16px;overflow-y:auto}.preview-container{border:2px solid #e5e7eb;border-radius:6px;background:#fff;padding:10px;display:flex;justify-content:center}@media print{body *{visibility:hidden!important}#print-root,#print-root *{visibility:visible!important}#print-root{position:absolute;top:0;left:0;width:110mm;margin:0}.barcode-modal-overlay,.barcode-modal-header{display:none!important}}.parts-dashboard{padding:24px;background:#f8fafe;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#64748b;background:#fff;border-radius:12px;margin:20px;box-shadow:0 1px 3px #0000001a}.error-message{padding:20px;background:#fef2f2;color:#dc2626;border-radius:12px;text-align:center;margin:20px;border:1px solid #fecaca}.header-left .dashboard-title{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:700;color:#1e293b;margin:0 0 8px}.title-icon{font-size:36px;color:#7c3aed;animation:rotate 3s ease-in-out infinite}.dashboard-subtitle{color:#64748b;font-size:16px;margin:0;font-weight:400}.header-right{display:flex;gap:12px}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;text-decoration:none;box-shadow:0 1px 3px #0000001a}.btn-primary{background:#7c3aed;color:#fff}.btn-primary:hover{background:#6d28d9;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed4d}.btn-secondary{background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0;transform:translateY(-1px)}.btn-icon{font-size:16px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:#fff;padding:24px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;gap:16px;transition:all .2s ease;position:relative}.stat-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-color, #7c3aed);border-radius:2px 0 0 2px;transform:scaleY(0);transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.stat-card:hover:before{transform:scaleY(1)}.stat-card.primary{--accent-color: #7c3aed}.stat-card.success{--accent-color: #10b981}.stat-card.warning{--accent-color: #f59e0b}.stat-card.info{--accent-color: #06b6d4}.stat-card.danger{--accent-color: #ef4444}.stat-card.secondary{--accent-color: #6b7280}.stat-card.gradient{background:linear-gradient(135deg,#ede9fe,#f3f4f6);border-color:#c4b5fd}.stat-card.trend{--accent-color: #059669}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--accent-color, #7c3aed);background:#f8fafc;flex-shrink:0}.stat-card.primary .stat-icon{background:#ede9fe}.stat-card.success .stat-icon{background:#d1fae5}.stat-card.warning .stat-icon{background:#fef3c7}.stat-card.info .stat-icon{background:#cffafe}.stat-card.danger .stat-icon{background:#fee2e2}.stat-card.secondary .stat-icon{background:#f3f4f6}.stat-card.gradient .stat-icon{background:#fffc}.stat-card.trend .stat-icon{background:#d1fae5}.stat-content{flex:1}.stat-number.positive{color:#059669}.stat-number.negative{color:#dc2626}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;background:#fff;padding:20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.controls-left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.controls-right{display:flex;align-items:center;gap:16px}.search-box{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:#9ca3af;font-size:18px;z-index:1}.search-input{padding:12px 12px 12px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;width:300px;background:#fff;transition:all .2s ease}.search-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.filter-select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:all .2s ease;min-width:150px}.filter-select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.view-toggle{display:flex;background:#f1f5f9;border-radius:8px;padding:4px;gap:4px}.view-btn{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;color:#64748b}.view-btn.active{background:#fff;color:#7c3aed;box-shadow:0 1px 3px #0000001a}.export-buttons{display:flex;gap:8px}.export-btn{padding:10px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;color:#fff;display:flex;align-items:center;justify-content:center}.export-btn.excel{background:#059669}.export-btn.csv{background:#0891b2}.export-btn.pdf{background:#dc2626}.export-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.dashboard-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;overflow:hidden}.parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;padding:24px}.part-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:1px solid #e2e8f0;position:relative}.part-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.part-card-header{position:relative;height:200px;overflow:hidden}.part-image{width:100%;height:100%;background:#f8fafc;display:flex;align-items:center;justify-content:center}.part-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.part-card:hover .part-image img{transform:scale(1.02)}.no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#94a3b8;background:#f8fafc}.part-status{position:absolute;top:12px;right:12px}.status-badge{display:flex;align-items:center;gap:4px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;background:#fff;border:1px solid #e2e8f0;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.status-badge.active{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.status-badge.inactive{color:#dc2626;background:#fef2f2;border-color:#fecaca}.part-card-body{padding:20px}.part-title{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 16px;line-height:1.3}.part-details{display:grid;gap:8px}.part-details p{margin:0;font-size:14px;color:#64748b;display:flex;justify-content:space-between}.part-details strong{color:#374151;font-weight:600}.part-card-actions{padding:16px 20px;background:#f8fafc;display:flex;justify-content:space-between;gap:8px}.parts-table{padding:0}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th{background:#f8fafc;color:#374151;padding:16px 12px;text-align:left;font-weight:600;font-size:14px;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10}.data-table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;font-size:14px;color:#374151;vertical-align:middle}.data-table tr:hover{background:#f8fafc}.table-image{width:50px;height:50px;object-fit:cover;border-radius:6px;cursor:pointer;transition:transform .2s ease}.table-image:hover{transform:scale(1.05)}.no-image-table{width:50px;height:50px;background:#f8fafc;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:20px}.table-actions{display:flex;gap:8px;justify-content:center}.no-data{text-align:center;padding:60px 20px;color:#64748b}.no-data-image{width:120px;height:120px;opacity:.5;margin-bottom:16px}.no-data h3{font-size:20px;margin:0 0 8px;color:#374151}.no-data p{font-size:14px;margin:0}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:16px}.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}.modal-content{background:#fff;border-radius:12px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e2e8f0;animation:modalSlideIn .3s ease}.modal-content.large{max-width:900px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}modal-content{margin:10px;max-width:calc(100vw - 20px)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.search-input:focus,.filter-select:focus,.goto-input:focus{box-shadow:0 0 0 3px #7c3aed1a;border-color:#7c3aed}.part-card{position:relative;overflow:hidden}.part-card: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;z-index:1;pointer-events:none}.part-card:hover:before{left:100%}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .3s,height .3s}.btn:active:after{width:300px;height:300px}.export-btn{position:relative;overflow:hidden}.export-btn:after{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}.export-btn:hover:after{left:100%}.modal-overlay{animation:fadeIn .3s ease}.search-box:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,#7c3aed,#a855f7);transition:width .3s ease}.search-box:focus-within:after{width:100%}.filter-select{position:relative;background-image:linear-gradient(45deg,transparent 50%,#7c3aed 50%),linear-gradient(135deg,#7c3aed 50%,transparent 50%);background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;appearance:none;-webkit-appearance:none;-moz-appearance:none}.parts-grid{animation:gridFadeIn .6s ease}@keyframes gridFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.data-table{animation:tableFadeIn .6s ease}@keyframes tableFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.stat-card.gradient{background:linear-gradient(135deg,#ede9fe,#f3f4f6);border:1px solid #c4b5fd}.stat-card.gradient .stat-number{background:linear-gradient(135deg,#7c3aed,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-card.gradient .stat-label{color:#6b46c1}.part-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.part-details{max-height:120px;overflow:hidden}.status-badge svg{width:12px;height:12px}.part-image{overflow:hidden}.part-image:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#7c3aed1a;opacity:0;transition:opacity .3s ease}.part-card:hover .part-image:after{opacity:1}.table-image{border:2px solid transparent;transition:all .2s ease}.table-image:hover{border-color:#7c3aed;box-shadow:0 4px 12px #7c3aed33}@media print{.parts-dashboard{background:#fff;color:#000}.dashboard-controls,.export-buttons,.pagination,.btn{display:none}.parts-grid{display:block}.part-card{break-inside:avoid;margin-bottom:20px;box-shadow:none;border:1px solid #000}.part-card-actions{display:none}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.loading-spinner:after{content:"";width:40px;height:40px;border:4px solid #f1f5f9;border-top:4px solid #7c3aed;border-radius:50%;animation:spin 1s linear infinite;margin-left:10px}.status-badge{cursor:pointer;transition:all .2s ease}.status-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.part-card{animation:cardSlideIn .4s ease forwards;opacity:0;transform:translateY(20px)}.part-card:nth-child(1){animation-delay:.05s}.part-card:nth-child(2){animation-delay:.1s}.part-card:nth-child(3){animation-delay:.15s}.part-card:nth-child(4){animation-delay:.2s}.part-card:nth-child(5){animation-delay:.25s}.part-card:nth-child(6){animation-delay:.3s}@keyframes cardSlideIn{to{opacity:1;transform:translateY(0)}}.stat-icon{transition:transform .2s ease}.stat-card:hover .stat-icon{transform:scale(1.05)}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:#f8fafc}@media(max-width:1200px){.dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.parts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}}@media(max-width:768px){.parts-dashboard{padding:16px}.header-right{justify-content:center}.dashboard-controls{flex-direction:column;align-items:stretch}.controls-left,.controls-right{justify-content:center}.search-input{width:100%}.dashboard-stats{grid-template-columns:1fr}.parts-grid{grid-template-columns:1fr;padding:16px}.pagination{flex-direction:column;gap:12px;text-align:center}.data-table{font-size:12px}.data-table th,.data-table td{padding:8px 6px}}@media(max-width:480px){.title-icon{font-size:28px}.part-card-actions{flex-wrap:wrap;justify-content:center}}.common-button-box-design{border:none;border-radius:6px;padding:10px;cursor:pointer;transition:all .2s ease;font-size:18px;color:#000;display:flex;align-items:center;justify-content:center;min-width:30px;height:30px}.common-button-box-design.delete:hover,.common-button-box-design.edit:hover,.common-button-box-design.document:hover,.common-button-box-design.barcode:hover,.common-button-box-design.view:hover{background:#b8a980;color:#fff;transform:scale(1.05)}.common-export-button-box-design{border:none;border-radius:6px;padding:10px;cursor:pointer;transition:all .2s ease;font-size:20px;color:#000;display:flex;align-items:center;justify-content:center;min-width:40px;height:40px}.common-export-button-box-design.excel{background:#5e936c}.common-export-button-box-design.excel:hover{background:#0a400c;color:#fff;transform:scale(1.05)}.common-export-button-box-design.csv{background:#fada7a}.common-export-button-box-design.csv:hover{background:#795f13;color:#fff;transform:scale(1.05)}.common-export-button-box-design.pdf{background:#e14434}.common-export-button-box-design.pdf:hover{background:#681309;color:#fff;transform:scale(1.05)}.bdm-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.bdm-modal{width:clamp(640px,80vw,820px);padding:0;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px #00000038}.bdm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 18px;background:linear-gradient(180deg,#f7f8fb,#fff);border-bottom:1px solid #eceff3}.bdm-header-left{display:flex;flex-direction:column;gap:4px}.bdm-titlewrap{display:flex;align-items:center;gap:10px}.bdm-title-icon{width:20px;height:20px;color:#3b82f6}.bdm-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.bdm-barcode{font-weight:600;color:#475569}.bdm-subtitle{margin:0;font-size:12px;color:#64748b}.bdm-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;border-radius:8px;background:#f1f5f9;color:#0f172a;cursor:pointer;transition:background-color .2s ease}.bdm-close:hover{background:#e2e8f0}.bdm-section{padding:16px 18px}.bdm-section+.bdm-section{border-top:1px solid #f1f5f9}.bdm-section-head{display:flex;gap:12px;align-items:center;margin-bottom:10px}.bdm-section-title{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#0f172a;margin:0}.bdm-help{margin:0 0 0 auto;font-size:12px;color:#64748b}.bdm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:840px){.bdm-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.bdm-grid{grid-template-columns:1fr}}.bdm-card{display:grid;grid-template-rows:50px auto auto;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}.bdm-thumb{background:#f8fafc;display:grid;place-items:center;overflow:hidden}.bdm-thumb img{width:100%;height:100%;object-fit:cover}.bdm-thumb-icon{color:#64748b;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:#eef2ff;border-radius:10px}.bdm-thumb-icon.empty{background:#f1f5f9}.bdm-card-body{padding:10px 12px}.bdm-card-title{font-size:12px;font-weight:700;color:#111827;margin-bottom:4px}.bdm-card-name{font-size:12px;color:#475569;line-height:1.25;word-break:break-all}.bdm-card-actions{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 12px}.bdm-link{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#2563eb;text-decoration:none}.bdm-link:hover{text-decoration:underline}.bdm-muted{font-size:12px;color:#94a3b8}.bdm-upload-tile{border:1px dashed #cbd5e1;border-radius:12px;padding:10px 12px;background:#fff;display:grid;gap:8px;cursor:pointer;position:relative}.bdm-upload-title{font-size:12px;font-weight:600;color:#334155}.bdm-file-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.bdm-file-display{display:flex;align-items:center;gap:8px;min-height:28px}.bdm-placeholder{font-size:12px;color:#94a3b8}.bdm-chip{display:inline-block;max-width:100%;font-size:12px;color:#0f172a;background:#f1f5f9;padding:6px 8px;border-radius:999px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bdm-chip-remove{font-size:12px;background:transparent;border:none;color:#dc2626;cursor:pointer;padding:0 4px}.bdm-chip-remove:hover{text-decoration:underline}.bdm-footer{margin-top:14px;display:flex;justify-content:flex-end;gap:10px}.btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid transparent;font-size:13px;font-weight:600;cursor:pointer}.btn-primary{color:#fff;background:#2563eb;border-color:#2563eb}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-secondary{color:#0f172a;background:#f1f5f9;border-color:#e2e8f0}.btn-secondary:hover{background:#e2e8f0}.skeleton{background:linear-gradient(90deg,#f8fafc,#eef2f7,#f8fafc);background-size:200% 100%;animation:shine 1.2s linear infinite;border-radius:12px}@keyframes shine{0%{background-position:200% 0}to{background-position:-200% 0}}.panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bike-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.bike-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.bike-title-icon{font-size:26px;color:#2d3748}.bike-store-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#f0f0f0;border-radius:20px;font-size:12px;font-weight:600;color:#495057;margin-left:8px}.common-add-btn,.common-refresh-btn,.bike-print-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.common-add-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.common-add-btn:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.common-refresh-btn{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.common-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.bike-print-btn{background:#212529;color:#fff;box-shadow:0 2px 8px #21252933}.bike-print-btn:hover{background:#0d0d0d;transform:translateY(-2px);box-shadow:0 4px 12px #2125294d}.bike-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.bike-controls-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px}.bike-filter-item{display:flex;gap:10px;align-items:center}.bike-select-input{padding:10px 28px 10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px}.bike-select-input:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.bike-select-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.bike-search-box{flex:1;min-width:200px}.bike-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease}.bike-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.bike-search-input::placeholder{color:#adb5bd}.bike-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.bike-controls-right{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.bike-view-toggle{display:flex;gap:4px;background:#f8f9fa;padding:4px;border-radius:6px;border:1px solid #e9ecef}.bike-view-btn{padding:8px 12px;background:transparent;border:none;border-radius:4px;cursor:pointer;color:#6c757d;font-size:16px;transition:all .3s ease}.bike-view-btn.active{background:#fff;color:#1a1a1a;box-shadow:0 1px 3px #0000001a}.bike-view-btn:hover{color:#1a1a1a}.bike-export-buttons{display:flex;gap:6px}.bike-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.bike-export-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.bike-export-btn.excel{border-color:#28a745;color:#28a745}.bike-export-btn.excel:hover{background:#28a745;color:#fff}.bike-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.bike-export-btn.csv:hover{background:#17a2b8;color:#fff}.bike-export-btn.pdf{border-color:#dc3545;color:#dc3545}.bike-export-btn.pdf:hover{background:#dc3545;color:#fff}.bike-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.bike-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.bike-data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.bike-data-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.bike-data-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.bike-data-table tbody tr.bike-row-selected{background:#e8f4f8}.bike-data-table tbody td{padding:12px 14px;color:#2d3748;vertical-align:middle}.bike-table-checkbox{width:50px;text-align:center}.bike-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#495057}.bike-table-image{width:100px;text-align:center}.bike-table-img{border-radius:4px;cursor:pointer;transition:all .3s ease}.bike-table-img:hover{transform:scale(1.05)}.bike-barcode{font-family:Courier New,monospace;font-weight:600;color:#495057}.bike-price{font-weight:600;color:#1a1a1a}.bike-stock{text-align:center}.bike-stock-badge{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:6px 10px;background:#e9ecef;border-radius:4px;font-weight:600;color:#2d3748}.bike-stock-badge.zero{background:#f8d7da;color:#721c24}.bike-stock-count{font-size:14px;font-weight:700}.bike-store-indicator{font-size:10px;color:#6c757d}.bike-table-print-count{width:100px;text-align:center}.bike-print-input{width:60px;padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;text-align:center;font-size:13px;font-weight:600}.bike-print-dash{color:#adb5bd;font-weight:600}.bike-table-actions{width:200px;text-align:center}.bike-actions-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.bike-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;border:1px solid #dee2e6}.bike-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.bike-action-btn.view{color:#0d6efd}.bike-action-btn.view:hover{background:#e7f1ff}.bike-action-btn.edit{color:#ffc107}.bike-action-btn.edit:hover{background:#fff3cd}.bike-action-btn.document{color:#17a2b8}.bike-action-btn.document:hover{background:#d1ecf1}.bike-action-btn.barcode{color:#6f42c1}.bike-action-btn.barcode:hover{background:#e2d5f5}.bike-action-btn.delete{color:#dc3545}.bike-action-btn.delete:hover{background:#f8d7da}.bike-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:16px}.bike-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;position:relative}.bike-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-4px)}.bike-card.bike-card-selected{border-color:#495057;background:#f8f9fa;box-shadow:0 0 0 2px #49505733}.bike-card-checkbox{position:absolute;top:10px;right:10px;z-index:5}.bike-card-header{height:200px;background:#f8f9fa;overflow:hidden}.bike-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#e9ecef}.bike-img{width:100%;height:100%;object-fit:cover;cursor:pointer;transition:all .3s ease}.bike-img:hover{transform:scale(1.05)}.bike-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#adb5bd;cursor:pointer;background:#f0f0f0}.bike-card-body{padding:14px;flex:1;display:flex;flex-direction:column;gap:8px}.bike-title{font-size:15px;font-weight:700;color:#1a1a1a;margin:0;line-height:1.3}.bike-details{font-size:12px;color:#495057;display:flex;flex-direction:column;gap:4px}.bike-details p{margin:0;display:flex;justify-content:space-between}.bike-details strong{color:#2d3748;font-weight:600}.bike-stock-info{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;background:#e9ecef;border-radius:4px;margin-top:4px}.bike-stock-badge{display:inline-block;padding:4px 8px;background:#2d3748;color:#fff;border-radius:3px;font-weight:600;font-size:11px}.bike-card-store-info{padding:10px 14px;background:#f8f9fa;border-top:1px solid #e9ecef;font-size:12px;font-weight:600;color:#495057}.bike-store-stock-list{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:4px}.bike-store-stock-item{display:flex;justify-content:space-between;padding:4px 6px;background:#fff;border-radius:3px;border:1px solid #dee2e6;font-size:11px}.bike-store-stock-item.bike-no-stock{color:#adb5bd}.bike-store-stock-item.bike-store-selected{background:#e8f4f8;border-color:#495057;font-weight:600}.bike-store-name{font-weight:600}.bike-store-qty{background:#e9ecef;padding:0 6px;border-radius:2px;font-weight:700}.bike-card-actions{display:flex;gap:6px;padding:10px 14px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:center;flex-wrap:wrap}.bike-print-input{width:70px;padding:6px 8px;border:1px solid #dee2e6;border-radius:4px;text-align:center;font-size:12px;font-weight:600}.bike-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.bike-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.bike-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.bike-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.bike-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.bike-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.bike-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.bike-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.bike-pagination-info{font-size:13px;color:#495057;font-weight:600;min-width:120px;text-align:center}.bike-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.bike-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.bike-no-data-container h3{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 8px}.bike-no-data-container p{font-size:13px;color:#6c757d;margin:0}.bike-loading-panel,.bike-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.bike-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.bike-loading-panel p,.bike-error-panel p{font-size:14px;color:#495057;margin:0}.bike-image-modal-content{display:flex;flex-direction:column;align-items:center;padding:20px;background:#fff;border-radius:8px}.bike-image-modal-title{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}.bike-image-modal-img{max-width:100%;max-height:500px;border-radius:6px;object-fit:contain}.no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}@media(max-width:1024px){.bike-filters-grid{grid-template-columns:repeat(2,1fr)}.bike-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.panel-container{padding:12px}.bike-dashboard-header{flex-direction:column;align-items:flex-start}.bike-header-right{width:100%;justify-content:flex-start}.bike-controls-section{flex-direction:column}.bike-controls-left{min-width:auto}.bike-filter-item{flex-direction:column}.bike-search-box{min-width:auto}.bike-filters-grid{grid-template-columns:1fr}.bike-controls-right{width:100%;justify-content:space-between}.bike-export-buttons{width:100%}.bike-export-btn{flex:1;justify-content:center}.bike-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:12px}.bike-data-table{font-size:12px}.bike-data-table thead th,.bike-data-table tbody td{padding:8px 10px}.bike-table-actions{width:auto}.bike-actions-group{gap:4px}.bike-action-btn{width:32px;height:32px}.bike-pagination-controls{gap:8px}.bike-pagination-info{width:100%}}@media(max-width:480px){.bike-dashboard-title{font-size:18px}.bike-title-icon{font-size:20px}.bike-grid{grid-template-columns:1fr}.bike-select-input,.bike-search-input{font-size:12px}.bike-table-wrapper{max-height:400px}.bike-data-table{font-size:11px}.bike-data-table thead th,.bike-data-table tbody td{padding:6px 8px}.bike-pagination-btn{padding:6px 10px;font-size:12px}.bike-export-btn{font-size:10px;padding:6px 8px}}:root{--primary: #1890ff;--primary-hover: #1677cc;--sidebar-bg: #0b1e39;--header-bg: #fff;--text: #222;--mainpanelcolor: #c2dbf8;--success: #52c41a;--warning: #faad14;--error: #f5222d;--background: #f6f8fa;--border: #e5e7eb;--ash-color: #aca9a9;--icon-color: #43c0ba;--black: #000;--white: #fff;--loginform: #D4D7DD;--login-button: #73ade0;--login-button-hover: #144673;--login-background: #11698E;--form-color: #d4e0e2;--pagination-color: #bbbec4;--pagination-color-hover: #122953;--table-headers: #b1cbe7;--table-border-color: #d3cdcd;--table-tr-background-color: #fff;--closebutton-color: #aeb6bf;--closebutton-color-hover: #922b21;--close-button-icon-color: #d86565;--save-button: #a3f7a3;--save-button-hover: #0b5f0b;--update-button: #e3e683;--update-button-hover: #4e5010;--upload-button: #ba83e6;--upload-button-hover: #4e1050;--blue-button: #99a7e6;--blue-button-hover: #141050}.title{font-size:12px}.common-dashboard{padding:16px;background:#f8fafe;min-height:100vh;border-radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.common-filter-group{display:flex;gap:.5rem}.dashboard_container{flex:1;min-height:0;overflow-y:auto;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/panelbackground5-D4PvDjbH.jpg)}.panel-wrapper{font-size:12px;width:100%;min-height:100vh;padding:24px;border-radius:8px;display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}.dashboard-panel{width:100%}.panel-title{font-size:20px;font-weight:700;text-align:center;text-decoration:underline;margin-bottom:20px}.panel-container-form{background:#fff;padding:20px;border-radius:8px;min-height:200px;border:1px solid #999}.common-form form{display:flex;flex-direction:column;gap:16px}.common-form-row{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;align-items:flex-end}.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:500;margin-bottom:.25rem;color:#333}.common-form-group input,.common-form-group select,.common-form-group .react-datepicker__input-container input{padding:.45rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.9rem;line-height:1.3;width:100%;box-sizing:border-box;transition:border-color .2s ease-in-out}.eye-icon{position:relative;top:-30px;left:calc(100% - 24px);cursor:pointer;font-size:.9rem}.common-button-design{align-self:flex-start;padding:8px 20px;font-size:1rem;color:#fff;background-color:#1677ff;border:none;border-radius:4px;cursor:pointer;margin-top:4px}.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}.dropdown-list-add-product li.highlighted-item{background-color:#f0f0f0;cursor:pointer}.pagination-btn{width:2.2rem;height:2.2rem;border:1px solid var(--system-main-color);border-radius:50%;background:#eef5ff;font-size:12px;cursor:pointer;transition:background .2s,transform .2s}.pagination-btn:disabled{opacity:.4;cursor:default}.pagination-btn:not(:disabled):hover{background:#d2e3fc;transform:scale(1.1)}.pagination-pages{list-style:none;display:flex;margin:0;padding:0}.pagination-pages .page,.pagination-pages .ellipsis{padding:.4rem .6rem;border-radius:.75rem;min-width:2rem;text-align:center}.pagination-pages .page{border:1px solid transparent;background:transparent;color:#333;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.pagination-pages .page:hover{background:#f1f1f1}.pagination-pages .page.active{background:#1a73e8;color:#fff;border-color:#1558b0}.pagination-pages .ellipsis{color:#999;cursor:default}.no-data-table-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;color:var(--system-middle-color)}.no-data-table-cell .no-data-image{width:80px;height:auto;margin-bottom:.5rem;opacity:.6}.no-data-table-cell .no-data-text{font-size:.95rem;font-weight:500}.action-icon-img{width:20px;margin-right:5px}.table-footer{background-color:#f5f3f399;border-radius:10px;justify-content:center;cursor:pointer}.export-buttons-common{display:flex;gap:10px;margin-bottom:20px;justify-content:center;flex-wrap:nowrap}.export-button-common{background-color:var(--sytem-secondary-color);color:var(--white);border:none;border-radius:4px;cursor:pointer;display:flex;padding:8px;align-items:center;gap:5px;font-weight:700;font-size:10px}.export-button-common.excel{background-color:var(--pagination-color);color:var(--white)}.export-button-common.excel:hover{background-color:var(--pagination-color-hover);color:var(--white);transition:.3s ease-in-out}.export-button-common.csv{background-color:var(--pagination-color);color:var(--black)}.export-button-common.csv:hover{background-color:var(--pagination-color-hover);color:var(--white);transition:.3s ease-in-out}.export-button-common.pdf{background-color:var(--pagination-color);color:var(--black)}.export-button-common.pdf:hover{background-color:var(--pagination-color-hover);color:var(--white);transition:.3s ease-in-out}.action-icons{align-items:center;text-align:center}.action-icons:hover{cursor:pointer}.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)}.save-button-design,.update-button-design,.upload-button-design,.blue-button-design{font-size:12px;color:var(--black);border:1px solid transparent;padding:6px;border-radius:5px;border:none;font-weight:700}.save-button-design:hover,.update-button-design:hover,.upload-button-design:hover,.blue-button-design:hover{color:var(--white);transition:.3s ease-in-out}.save-button-design{background-color:var(--save-button)}.save-button-design:hover{background-color:var(--save-button-hover);cursor:pointer}.update-button-design{background-color:var(--update-button)}.update-button-design:hover{background-color:var(--update-button-hover);cursor:pointer}.upload-button-design{background-color:var(--upload-button)}.upload-button-design:hover{background-color:var(--upload-button-hover);cursor:pointer}.blue-button-design{background-color:var(--blue-button)}.blue-button-design:hover{background-color:var(--blue-button-hover);cursor:pointer}.common-button-design-approve{background-color:#007bff;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer}.common-button-design-approve:disabled{opacity:.6;cursor:not-allowed}.totals-wrapper{display:flex;gap:1.5rem;margin-top:1rem;align-items:center;flex-wrap:wrap;justify-content:flex-start}.total-display-panel{flex:0 1 120px;padding:20px;text-align:center;border:1px solid #ddd;border-radius:8px;background-color:var(--white);box-shadow:0 2px 5px #0000001a;word-break:break-word}.total-display-panel .icon-container img{width:20px;height:20px}.total-display-panel h4{font-size:12px;color:var(--font-color-blue);margin:8px 0 4px}.total-display-panel .total-amount{font-size:14px;font-weight:700;color:#a83232;margin:0;white-space:nowrap}.totals-container{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.total-panel{display:flex;margin-left:50px;align-items:center;gap:.5rem;background:#f9f9f9;padding:8px;border-radius:.5rem;box-shadow:0 1px 4px #0000001a}.total-panel .total-icon{flex-shrink:0}.total-text{font-size:12px;color:#555;margin-bottom:.25rem}.total-amount{font-size:14px;font-weight:700;color:#222}.count-total{background-color:#f0e6ff}.amount-total{background-color:#e6f7ed}@media(max-width:600px){.totals-container{flex-direction:column}}.common-date-range-filters{display:flex;gap:10rem;margin-left:auto}.common-date-time-picker{flex-direction:column}.common-date-time-picker label{margin-bottom:.25rem;font-size:.85rem;color:var(--system-main-color)}.expense-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.expense-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%)}.expense-loading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.expense-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.expense-header-content{flex:1;min-width:250px}.expense-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.expense-subtitle{font-size:12px;color:#6c757d;margin:4px 0 0;font-weight:500}.expense-header-actions{display:flex;gap:10px;flex-wrap:wrap}.expense-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33;min-width:130px}.expense-btn-primary:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.expense-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.expense-btn-action-primary,.expense-btn-action-secondary{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.expense-btn-action-primary{background:#2d3748;color:#fff;box-shadow:0 2px 8px #2d374833}.expense-btn-action-primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 12px #2d37484d}.expense-btn-action-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.expense-btn-action-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-2px)}.expense-btn-action-primary:disabled,.expense-btn-action-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.expense-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:16px}.expense-stat-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f;border-left:4px solid;transition:all .3s ease}.expense-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.expense-stat-purple{border-left-color:#667eea}.expense-stat-blue{border-left-color:#0d6efd}.expense-stat-green{border-left-color:#28a745}.expense-stat-orange{border-left-color:#ffc107}.expense-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.expense-stat-label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.expense-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f8f9fa;border-radius:6px;color:#495057}.expense-stat-value{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.expense-stat-footer{font-size:12px;color:#6c757d;font-weight:500}.expense-filters-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.expense-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.expense-filter-group{display:flex;flex-direction:column;gap:6px}.expense-filter-label{font-size:12px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.expense-filter-input,.expense-filter-select{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.expense-filter-input:hover,.expense-filter-select:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.expense-filter-input:focus,.expense-filter-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.expense-filter-input::placeholder{color:#adb5bd}.expense-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px;cursor:pointer}.expense-filter-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.expense-export-section{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.expense-export-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.expense-export-buttons{display:flex;gap:10px;flex-wrap:wrap}.expense-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:2px solid;border-radius:6px;background:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.expense-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a;color:#fff}.expense-export-btn:disabled{opacity:.4;cursor:not-allowed}.expense-export-excel{border-color:#28a745;color:#28a745}.expense-export-excel:hover:not(:disabled){background:#28a745}.expense-export-csv{border-color:#17a2b8;color:#17a2b8}.expense-export-csv:hover:not(:disabled){background:#17a2b8}.expense-export-pdf{border-color:#dc3545;color:#dc3545}.expense-export-pdf:hover:not(:disabled){background:#dc3545}.expense-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.expense-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.expense-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.expense-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.expense-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.expense-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.expense-table tbody tr:hover{background:#f8f9fa}.expense-table tbody td{padding:12px 14px;color:#2d3748;vertical-align:middle}.expense-amount-cell{font-weight:600;color:#1a1a1a}.expense-action-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.expense-action-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease;color:#fff}.expense-action-delete{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef44444d}.expense-action-delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-2px);box-shadow:0 4px 12px #ef444466}.expense-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.expense-no-data img{width:140px;height:auto;opacity:.6;margin-bottom:12px}.expense-no-data p{font-size:14px;color:#6c757d;margin:0}.expense-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:expense-spin .8s linear infinite;margin-bottom:16px}.expense-pagination{display:flex;justify-content:center;align-items:center;gap:12px;padding:16px;flex-wrap:wrap}.expense-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.expense-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.expense-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.expense-pagination-info{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.expense-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.expense-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.expense-pagination-text{font-size:13px;color:#495057;font-weight:600;min-width:120px}.expense-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:16px}.expense-modal-content{background-color:#fff;border-radius:12px;padding:0;width:95%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a;display:flex;flex-direction:column;animation:expense-slideUp .3s ease-out}.expense-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid rgba(26,26,26,.1)}.expense-modal-title{margin:0;font-size:16px;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.expense-modal-close{background:#fff3;border:none;cursor:pointer;color:#fff;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;padding:0;font-size:20px}.expense-modal-close:hover{background:#ffffff4d;transform:rotate(90deg)}.expense-modal-date-info{background-color:#f0fdf4;padding:10px 16px;margin:16px 20px 0;border-radius:6px;text-align:center;border:1px solid #dcfce7;color:#166534;font-size:12px;font-weight:500}.expense-modal-form{flex:1;padding:16px 20px}.expense-form-grid{display:grid;gap:14px;margin-bottom:16px}.expense-form-group{display:flex;flex-direction:column;gap:6px;position:relative}.expense-form-full{grid-column:1 / -1}.expense-form-category{position:relative}.expense-form-label{font-size:12px;font-weight:600;color:#374151;display:flex;align-items:center;gap:3px}.expense-required{color:#ef4444}.expense-form-input,.expense-form-textarea{padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:inherit;background-color:#f9fafb;color:#111827;transition:all .2s ease;font-weight:500}.expense-form-input:hover,.expense-form-textarea:hover{border-color:#adb5bd}.expense-form-input:focus,.expense-form-textarea:focus{outline:none;border-color:#1a1a1a;background-color:#f0f4ff;box-shadow:0 0 0 3px #1a1a1a1a}.expense-form-input::placeholder,.expense-form-textarea::placeholder{color:#adb5bd}.expense-form-textarea{resize:vertical;min-height:60px}.expense-category-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-radius:6px;margin-top:4px;padding:0;list-style:none;max-height:160px;overflow-y:auto;z-index:2000;box-shadow:0 10px 25px #0000001a}.expense-category-item{padding:8px 10px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .2s ease;font-size:13px;color:#374151}.expense-category-item:hover{background-color:#f0f4ff;color:#1a1a1a;padding-left:14px}.expense-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:12px;border-top:1px solid #e5e7eb}.expense-btn-modal-primary,.expense-btn-modal-secondary{padding:8px 16px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;height:32px;display:flex;align-items:center;justify-content:center;gap:4px}.expense-btn-modal-primary{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff;box-shadow:0 2px 8px #1a1a1a4d}.expense-btn-modal-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a66}.expense-btn-modal-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.expense-btn-modal-secondary:hover{background-color:#e5e7eb;transform:translateY(-1px)}.expense-panel-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%)}.expense-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;max-width:500px;text-align:center}.expense-no-access-image{width:200px;height:auto;margin-bottom:20px}.expense-no-access-panel h3{font-size:18px;font-weight:700;color:#dc2626;margin:0 0 12px}.expense-no-access-panel p{font-size:14px;color:#6c757d;line-height:1.6;margin:0}@media(max-width:1024px){.expense-stats-grid,.expense-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.expense-container{padding:12px}.expense-header{flex-direction:column;align-items:stretch}.expense-header-content{min-width:auto}.expense-title{font-size:18px}.expense-header-actions{width:100%;justify-content:stretch}.expense-btn-primary{flex:1;min-width:auto}.expense-stats-grid,.expense-filters-grid{grid-template-columns:1fr}.expense-filter-actions{width:100%;justify-content:stretch}.expense-btn-action-primary,.expense-btn-action-secondary{flex:1}.expense-export-buttons{width:100%}.expense-export-btn{flex:1;justify-content:center}.expense-table{font-size:12px}.expense-table thead th,.expense-table tbody td{padding:8px 10px}.expense-pagination{gap:8px}.expense-pagination-text{width:100%}.expense-modal-content{width:95%;max-width:100%}}@media(max-width:480px){.expense-title{font-size:16px}.expense-table{font-size:11px}.expense-table thead th,.expense-table tbody td{padding:6px 8px}.expense-pagination-btn{padding:6px 10px;font-size:12px}.expense-export-btn{font-size:10px;padding:6px 8px}.expense-btn-primary{font-size:11px;padding:8px 12px;min-width:auto}.expense-stat-value{font-size:20px}.expense-form-grid{gap:12px}.expense-modal-content{max-height:95vh}}.expense-view-tabs{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap}.expense-view-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.expense-view-tab:hover{border-color:#495057;color:#1a1a1a}.expense-view-tab.active{background:#1a1a1a;color:#fff;border-color:#1a1a1a;box-shadow:0 2px 8px #1a1a1a33}.expense-analytics-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;padding:20px;min-height:500px}.expense-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px;margin-bottom:24px}.expense-chart-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.expense-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.expense-advanced-report-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;padding:20px;min-height:500px;display:flex;flex-direction:column;gap:24px}.expense-advanced-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.expense-advanced-stat-card{padding:20px;border-radius:8px;color:#fff;border-left:4px solid;transition:all .3s ease}.expense-advanced-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.expense-advanced-stat-primary{background:linear-gradient(135deg,#667eea,#764ba2);border-left-color:#667eea}.expense-advanced-stat-secondary{background:linear-gradient(135deg,#f093fb,#f5576c);border-left-color:#f093fb}.expense-advanced-stat-tertiary{background:linear-gradient(135deg,#4facfe,#00f2fe);border-left-color:#4facfe}.expense-advanced-stat-quaternary{background:linear-gradient(135deg,#43e97b,#38f9d7);border-left-color:#43e97b}.expense-advanced-stat-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9;margin-bottom:8px}.expense-advanced-stat-value{font-size:28px;font-weight:700;margin-bottom:4px}.expense-advanced-stat-meta{font-size:12px;opacity:.8}.expense-top-expenses,.expense-category-table,.expense-store-table,.expense-trends-stats{margin-top:24px}.expense-trends-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:12px}.expense-trend-card{padding:16px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:all .3s ease}.expense-trend-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.expense-trend-label{font-size:12px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.expense-trend-value{font-size:20px;font-weight:700;color:#1a1a1a}@media(max-width:1024px){.expense-charts-row{grid-template-columns:1fr}.expense-advanced-stat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.expense-view-tabs{overflow-x:auto}.expense-view-tab{white-space:nowrap}.expense-charts-row,.expense-advanced-stat-grid{grid-template-columns:1fr}.expense-advanced-stat-value{font-size:20px}.expense-trends-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.expense-view-tab{font-size:10px;padding:8px 12px}.expense-advanced-stat-value{font-size:18px}.expense-trend-value{font-size:16px}.expense-trends-grid{grid-template-columns:1fr}.expense-chart-container{padding:12px}}.recharts-surface{overflow:visible!important}.recharts-default-tooltip{background:#1a1a1af2!important;border:none!important;border-radius:6px!important;padding:8px 12px!important}.recharts-tooltip-label{color:#fff!important;font-weight:600!important}.recharts-tooltip-item{color:#fff!important}.expense-table-wrapper::-webkit-scrollbar,.expense-category-dropdown::-webkit-scrollbar,.expense-modal-content::-webkit-scrollbar{width:8px;height:8px}.expense-table-wrapper::-webkit-scrollbar-track,.expense-category-dropdown::-webkit-scrollbar-track,.expense-modal-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.expense-table-wrapper::-webkit-scrollbar-thumb,.expense-category-dropdown::-webkit-scrollbar-thumb,.expense-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.expense-table-wrapper::-webkit-scrollbar-thumb:hover,.expense-category-dropdown::-webkit-scrollbar-thumb:hover,.expense-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.expense-text-center{text-align:center}.expense-text-right{text-align:right}.expense-mt-0{margin-top:0}.expense-mb-0{margin-bottom:0}.expense-hidden{display:none}.expense-visible{display:block}@keyframes expense-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes expense-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes expense-spin{to{transform:rotate(360deg)}}@media print{.expense-view-tabs,.expense-filters-section,.expense-header-actions,.expense-filter-actions,.expense-export-section,.expense-pagination{display:none}.expense-container{background:#fff;padding:0}.expense-table-section{box-shadow:none;page-break-inside:avoid}.expense-chart-container,.expense-stat-card{page-break-inside:avoid}}.batch-expenses-header-content{display:flex;align-items:center;gap:var(--spacing-md);flex:1}.batch-expenses-title{font-size:var(--font-3xl);font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.batch-expenses-subtitle{margin:3px 0 0;font-size:var(--font-xs);color:#495057;font-weight:500}.batch-expenses-refresh-btn{padding:8px 12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #1a1a1a33}.batch-expenses-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.batch-expenses-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap-grid);margin-bottom:var(--spacing-lg)}.batch-expenses-stat-card{background:#fff;border-radius:8px;padding:var(--padding-card);box-shadow:0 2px 6px #0000000f;transition:all .3s ease;border-left:4px solid;display:flex;flex-direction:column;gap:var(--spacing-sm)}.batch-expenses-stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.batch-expenses-stat-card.stat-blue{border-left-color:#0d6efd}.batch-expenses-stat-card.stat-purple{border-left-color:#6f42c1}.batch-expenses-stat-card.stat-green{border-left-color:#28a745}.batch-expenses-stat-card.stat-orange{border-left-color:#fd7e14}.batch-expenses-stat-card.stat-update{border-left-color:#7c3aed}.batch-expenses-stat-content{flex:1;display:flex;flex-direction:column;gap:6px}.batch-expenses-stat-label{font-size:var(--font-xs);font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.4px}.batch-expenses-stat-value{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.2}.batch-expenses-update-cost-btn{width:100%;padding:8px 10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:var(--font-xs);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;margin-top:6px;box-shadow:0 2px 8px #7c3aed33}.batch-expenses-update-cost-btn:disabled{opacity:.5;cursor:not-allowed}.batch-expenses-filter-group{position:relative;display:flex;flex-direction:column;gap:5px}.batch-expenses-filter-label{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.4px}.batch-expenses-filter-optional{font-size:9px;font-weight:500;color:#adb5bd;text-transform:none;letter-spacing:normal}.batch-expenses-filter-input:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.batch-expenses-filter-input::placeholder{color:#adb5bd}.batch-expenses-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc3545;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.batch-expenses-clear-btn:hover{color:#721c24;transform:translateY(-50%) scale(1.1)}.batch-expenses-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e9ecef;border-radius:6px;margin-top:3px;max-height:150px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.batch-expenses-dropdown-item{padding:8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:all .2s ease;color:#2d3748;font-size:var(--font-md);font-weight:500}.batch-expenses-dropdown-item:hover{background:#f8f9fa}.batch-expenses-dropdown-item.selected{background:#e8f4f8;color:#0d6efd;font-weight:600}.batch-expenses-dropdown-empty{padding:10px;text-align:center;color:#adb5bd;font-size:var(--font-xs)}.batch-expenses-add-btn{padding:8px 12px;background:#28a745;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;box-shadow:0 2px 8px #28a74533}.batch-expenses-add-btn:hover:not(:disabled){background:#20c997;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.batch-expenses-add-btn:disabled{opacity:.5;cursor:not-allowed}.batch-expenses-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);animation:fadeIn .3s ease}.batch-expenses-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:480px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease}.batch-expenses-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid #e9ecef}.batch-expenses-modal-header h2{margin:0;font-size:var(--font-xl);font-weight:700;color:#1a1a1a}.batch-expenses-modal-close{background:none;border:none;color:#adb5bd;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.batch-expenses-modal-close:hover{color:#dc3545;transform:scale(1.1)}.batch-expenses-modal-body{padding:var(--spacing-lg) var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.batch-expenses-form-group{display:flex;flex-direction:column;gap:5px}.batch-expenses-form-group label{font-size:var(--font-xs);font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.4px}.batch-expenses-form-input,.batch-expenses-form-textarea{padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-md);background:#fff;color:#2d3748;transition:all .3s ease;font-weight:500;font-family:inherit}.batch-expenses-form-input:focus,.batch-expenses-form-textarea:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-expenses-form-textarea{resize:vertical;min-height:70px}.batch-expenses-modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid #e9ecef;background:#f8f9fa}.batch-expenses-modal-btn{flex:1;padding:8px 12px;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px}.batch-expenses-modal-btn.cancel{background:#e9ecef;color:#495057}.batch-expenses-modal-btn.cancel:hover{background:#dee2e6}.batch-expenses-modal-btn.save{background:#0d6efd;color:#fff}.batch-expenses-modal-btn.save:hover{background:#0a58ca;transform:translateY(-2px)}.batch-expenses-controls-left{flex:1;min-width:180px}.batch-expenses-search-box{display:flex;align-items:center;gap:6px;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;transition:all .3s ease}.batch-expenses-search-box:focus-within{border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-expenses-search-box svg{color:#adb5bd;flex-shrink:0;width:14px;height:14px}.batch-expenses-search-input::placeholder{color:#adb5bd}.batch-expenses-controls-right{display:flex;gap:var(--spacing-md)}.batch-expenses-export-buttons{display:flex;gap:4px}.batch-expenses-export-btn.excel{border-color:#28a745;color:#28a745}.batch-expenses-export-btn.excel:hover{background:#28a745;color:#fff}.batch-expenses-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.batch-expenses-export-btn.csv:hover{background:#17a2b8;color:#fff}.batch-expenses-export-btn.pdf{border-color:#dc3545;color:#dc3545}.batch-expenses-export-btn.pdf:hover{background:#dc3545;color:#fff}.batch-expenses-export-btn:disabled{opacity:.5;cursor:not-allowed}.batch-expenses-table-title{margin:0;font-size:16px;font-weight:800;color:#000;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid #e9ecef}.batch-expenses-table-wrapper{overflow-x:auto;max-height:550px;position:relative}.batch-expenses-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:15px}.batch-expenses-table thead{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);position:sticky;top:0;z-index:10}.batch-expenses-table thead th{padding:14px 12px;text-align:left;font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:14px;color:#fff;border-right:2px solid rgba(255,255,255,.3);border-bottom:3px solid #000000;white-space:nowrap}.batch-expenses-table thead th:last-child{border-right:none}.batch-expenses-table thead th:first-child{border-left:4px solid #0d6efd}.batch-expenses-table tbody tr{border-bottom:2px solid #e9ecef;transition:all .2s ease}.batch-expenses-table tbody tr:hover{background:linear-gradient(90deg,#f0f9ff,#f8fafc);box-shadow:inset 4px 0 #0d6efd}.batch-expenses-table tbody tr:last-child{border-bottom:2px solid #e9ecef}.batch-expenses-table tbody td{padding:14px 12px;color:#000;vertical-align:middle;font-size:15px;border-right:1px solid #e9ecef;font-weight:600}.batch-expenses-table tbody td:first-child{border-left:4px solid transparent;font-weight:700}.batch-expenses-table tbody tr:hover td:first-child{border-left-color:#0d6efd}.batch-expenses-table tbody td:last-child{border-right:none}.batch-expenses-cell-id{width:70px;min-width:70px;font-weight:800;color:#000;font-size:15px}.batch-expenses-cell-badge{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#000;padding:6px 12px;border-radius:6px;font-weight:800;font-size:13px;font-family:Courier New,monospace;border-left:4px solid #0284c7;box-shadow:0 2px 4px #0369a11a}.batch-expenses-cell-reason{flex:1;min-width:200px;max-width:350px}.batch-expenses-cell-text{color:#000;font-size:15px;font-weight:700;line-height:1.5;word-wrap:break-word;display:block;padding:2px 0}.batch-expenses-cell-amount{width:140px;min-width:140px;text-align:right;font-weight:800;color:#000;font-size:15px}.batch-expenses-cell-currency{font-weight:800;color:#000;font-size:15px;background:linear-gradient(135deg,#fff3cd,#ffe69c);padding:8px 14px;border-radius:6px;display:inline-block;border-left:4px solid #ffc107;box-shadow:0 2px 4px #ffc10733;font-family:SF Mono,Monaco,Courier New,monospace}.batch-expenses-cell-date{width:180px;min-width:180px;font-size:14px;color:#000;font-weight:700}.batch-expenses-cell-file{width:110px;min-width:110px;text-align:center}.batch-expenses-file-link{display:inline-flex;align-items:center;gap:5px;color:#000;text-decoration:none;font-weight:800;font-size:13px;transition:all .2s ease;padding:6px 10px;border-radius:6px;background:linear-gradient(135deg,#dbeafe,#e0f2fe);border-left:3px solid #0284c7}.batch-expenses-file-link:hover{background:linear-gradient(135deg,#bfdbfe,#bfdbfe);color:#000;transform:translateY(-2px);box-shadow:0 4px 8px #0369a133}.batch-expenses-cell-actions{width:90px;min-width:90px;text-align:center}.batch-expenses-action-btn{background:none;border:none;cursor:pointer;padding:6px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;color:#000}.batch-expenses-action-btn.delete{color:#dc3545}.batch-expenses-action-btn.delete:hover{background:#fee2e2;transform:scale(1.15);color:#721c24}.batch-expenses-action-btn.edit{color:#0d6efd}.batch-expenses-action-btn.edit:hover{background:#e7f1ff;transform:scale(1.15);color:#0a58ca}.batch-expenses-table thead th:nth-child(1){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-left:4px solid #0d6efd;color:#fff;font-size:14px;font-weight:800}.batch-expenses-table thead th:nth-child(2){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#fff;font-size:14px;font-weight:800}.batch-expenses-table thead th:nth-child(3),.batch-expenses-table thead th:nth-child(4){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#fff;font-size:14px;font-weight:800}.batch-expenses-table thead th:nth-child(5),.batch-expenses-table thead th:nth-child(6),.batch-expenses-table thead th:nth-child(7){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#fff;font-size:14px;font-weight:800}.batch-expenses-table-no-data{text-align:center}.batch-expenses-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.batch-expenses-no-data-image{width:140px;height:auto;opacity:.5;margin-bottom:16px}.batch-expenses-no-data-container h3{font-size:18px;font-weight:800;color:#000;margin:0 0 8px}.batch-expenses-no-data-container p{font-size:15px;color:#333;margin:0;line-height:1.5;font-weight:600}.batch-expenses-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#0d6efd;border-radius:50%;animation:batch-spin .8s linear infinite;margin-bottom:var(--spacing-lg)}.batch-expenses-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px var(--spacing-lg);border-top:3px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap;gap:var(--spacing-md)}.batch-expenses-page-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #000000;border-radius:6px;color:#000;font-weight:800;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.batch-expenses-page-btn:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.batch-expenses-page-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.batch-expenses-page-goto{display:flex;align-items:center;gap:10px;font-size:13px;color:#000;font-weight:800}.batch-expenses-page-input{width:55px;padding:8px 10px;border:2px solid #000000;border-radius:6px;font-size:12px;text-align:center;font-weight:800;color:#000;background:#fff;box-shadow:0 2px 4px #0000001a}.batch-expenses-page-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.batch-expenses-page-info{font-size:12px;color:#000;white-space:nowrap;font-weight:800;background:#f3f4f6;padding:6px 12px;border-radius:4px}@media(max-width:1024px){.batch-expenses-table{font-size:14px}.batch-expenses-table thead th{padding:12px 10px;font-size:13px;font-weight:800}.batch-expenses-table tbody td{padding:12px 10px;font-size:14px;font-weight:700}.batch-expenses-cell-id{font-size:14px;font-weight:800;min-width:60px}.batch-expenses-cell-badge{font-size:12px;padding:5px 10px;font-weight:800}.batch-expenses-cell-text{font-size:14px;font-weight:700}.batch-expenses-cell-amount{font-size:14px;font-weight:800;min-width:120px}.batch-expenses-cell-currency{font-size:14px;padding:6px 12px;font-weight:800}.batch-expenses-cell-date{font-size:13px;font-weight:700;min-width:160px}.batch-expenses-file-link{font-size:12px;padding:5px 8px;font-weight:800}.batch-expenses-table-title{font-size:15px;font-weight:800}}@media(max-width:768px){.batch-expenses-table-wrapper{max-height:400px}.batch-expenses-table{font-size:13px}.batch-expenses-table thead th{padding:10px 8px;font-size:12px;font-weight:800}.batch-expenses-table tbody td{padding:10px 8px;font-size:13px;font-weight:700}.batch-expenses-cell-id{font-size:13px;font-weight:800;min-width:55px}.batch-expenses-cell-badge{font-size:11px;padding:4px 8px;font-weight:800}.batch-expenses-cell-text{font-size:13px;font-weight:700}.batch-expenses-cell-amount{font-size:13px;font-weight:800;min-width:110px}.batch-expenses-cell-currency{font-size:13px;padding:5px 10px;font-weight:800}.batch-expenses-cell-date{font-size:12px;font-weight:700;min-width:140px}.batch-expenses-file-link{font-size:11px;padding:4px 6px;font-weight:800}.batch-expenses-pagination{flex-direction:column;gap:10px}.batch-expenses-page-btn{width:100%;padding:9px 12px;font-size:11px;font-weight:800}.batch-expenses-page-goto{width:100%;justify-content:center;flex-direction:column;gap:8px;font-size:12px;font-weight:800}.batch-expenses-page-input{width:50px;padding:6px 8px;font-size:11px;font-weight:800}.batch-expenses-page-info{width:100%;text-align:center;font-size:11px;font-weight:800}.batch-expenses-table-title{font-size:14px;font-weight:800}}@media(max-width:480px){.batch-expenses-table-wrapper{max-height:300px}.batch-expenses-table{font-size:12px;min-width:700px}.batch-expenses-table thead th{padding:8px 6px;font-size:11px;font-weight:800}.batch-expenses-table tbody td{padding:8px 6px;font-size:12px;font-weight:700}.batch-expenses-cell-id{font-size:12px;font-weight:800;min-width:50px}.batch-expenses-cell-badge{font-size:10px;padding:3px 6px;font-weight:800}.batch-expenses-cell-text{font-size:12px;font-weight:700}.batch-expenses-cell-amount{font-size:12px;font-weight:800;min-width:90px}.batch-expenses-cell-currency{font-size:12px;padding:4px 8px;font-weight:800}.batch-expenses-cell-date{font-size:11px;font-weight:700;min-width:100px}.batch-expenses-file-link{font-size:10px;padding:3px 4px;font-weight:800}.batch-expenses-cell-actions{width:70px;min-width:70px}.batch-expenses-action-btn{padding:4px}.batch-expenses-page-btn{padding:8px 10px;font-size:10px;font-weight:800}.batch-expenses-page-goto{font-size:11px;gap:6px;font-weight:800}.batch-expenses-page-input{width:45px;padding:5px 6px;font-size:10px;font-weight:800}.batch-expenses-page-info{font-size:10px;padding:4px 8px;font-weight:800}.batch-expenses-table-title{font-size:13px;font-weight:800}.batch-expenses-no-data-container{padding:40px 12px}.batch-expenses-no-data-image{width:100px}.batch-expenses-no-data-container h3{font-size:16px;font-weight:800}.batch-expenses-no-data-container p{font-size:13px;font-weight:600}}@media(max-width:360px){.batch-expenses-table{font-size:11px;min-width:600px}.batch-expenses-table thead th{padding:6px 4px;font-size:10px;font-weight:800}.batch-expenses-table tbody td{padding:6px 4px;font-size:11px;font-weight:700}.batch-expenses-cell-id{font-size:11px;font-weight:800}.batch-expenses-cell-badge{font-size:9px;padding:2px 4px;font-weight:800}.batch-expenses-cell-text{font-size:11px;font-weight:700}.batch-expenses-cell-amount{font-size:11px;font-weight:800}.batch-expenses-cell-currency{font-size:11px;padding:3px 6px;font-weight:800}.batch-expenses-cell-date{font-size:10px;font-weight:700}.batch-expenses-file-link{font-size:9px;padding:2px 3px;font-weight:800}.batch-expenses-page-btn{padding:6px 8px;font-size:9px;font-weight:800}.batch-expenses-page-goto{font-size:10px;font-weight:800}.batch-expenses-page-input{width:40px;padding:4px 5px;font-size:9px;font-weight:800}.batch-expenses-page-info{font-size:9px;padding:3px 6px;font-weight:800}.batch-expenses-table-title{font-size:12px;font-weight:800}}.batch-expenses-table-wrapper::-webkit-scrollbar{height:8px}.batch-expenses-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.batch-expenses-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.batch-expenses-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.batch-expenses-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-lg);border-top:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap;gap:var(--spacing-md)}.batch-expenses-page-btn{padding:7px 12px;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#495057;font-weight:600;font-size:var(--font-xs);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.batch-expenses-page-btn:hover:not(:disabled){border-color:#0d6efd;color:#0d6efd;background:#e7f1ff}.batch-expenses-page-btn:disabled{opacity:.5;cursor:not-allowed}.batch-expenses-page-goto{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:#495057;font-weight:600}.batch-expenses-page-input{width:45px;padding:5px 6px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-xs);text-align:center;font-weight:600}.batch-expenses-page-input:focus{outline:none;border-color:#0d6efd}.batch-expenses-page-info{font-size:10px;color:#6c757d;white-space:nowrap}.batch-expenses-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:480px}.batch-expenses-access-image{width:160px;height:auto;margin-bottom:var(--spacing-lg)}.batch-expenses-no-access h3{font-size:var(--font-lg);font-weight:700;color:#dc3545;margin:0 0 var(--spacing-md) 0}@media(min-width:1920px){:root{--spacing-lg: 16px;--spacing-xl: 20px;--font-3xl: 22px;--padding-card: 16px;--gap-grid: 12px}.batch-expenses-stats-grid{grid-template-columns:repeat(5,1fr)}.batch-expenses-stat-value{font-size:26px}.batch-expenses-table-wrapper{max-height:650px}}@media(min-width:1366px)and (max-width:1919px){:root{--spacing-lg: 14px;--spacing-xl: 18px;--font-3xl: 20px;--padding-card: 14px;--gap-grid: 10px}.batch-expenses-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1365px){:root{--spacing-md: 9px;--spacing-lg: 12px;--spacing-xl: 16px;--font-3xl: 18px;--padding-card: 12px;--gap-grid: 8px}.batch-expenses-stats-grid{grid-template-columns:repeat(3,1fr)}.batch-expenses-filter-row{grid-template-columns:1fr 1fr auto}.batch-expenses-table-wrapper{max-height:500px}}@media(max-width:1023px){:root{--spacing-xs: 3px;--spacing-sm: 5px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--font-xs: 9px;--font-sm: 10px;--font-md: 11px;--font-lg: 12px;--padding-card: 10px;--padding-cell: 8px;--gap-grid: 6px}.batch-expenses-container{padding:var(--spacing-md)}.batch-expenses-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-expenses-filter-row{grid-template-columns:1fr}.batch-expenses-add-btn,.batch-expenses-refresh-btn{width:100%}.batch-expenses-controls-section{flex-direction:column}.batch-expenses-controls-left{width:100%;min-width:auto}.batch-expenses-controls-right{width:100%;justify-content:space-between}.batch-expenses-export-buttons{width:100%}.batch-expenses-export-btn{flex:1;justify-content:center}.batch-expenses-table-wrapper{max-height:400px}.batch-expenses-stat-value{font-size:20px}.batch-expenses-modal{max-width:100%}.batch-expenses-pagination{gap:6px}}@media(max-width:767px){:root{--spacing-xs: 3px;--spacing-sm: 4px;--spacing-md: 6px;--spacing-lg: 8px;--spacing-xl: 10px;--font-xs: 8px;--font-sm: 9px;--font-md: 10px;--font-lg: 11px;--font-xl: 12px;--padding-card: 8px;--padding-cell: 6px;--gap-grid: 5px}.batch-expenses-container{padding:var(--spacing-sm)}.batch-expenses-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-sm);flex-direction:column;align-items:flex-start}.batch-expenses-header-content{width:100%}.batch-expenses-title{font-size:16px}.batch-expenses-refresh-btn{width:100%;justify-content:center;padding:6px 10px}.batch-expenses-stats-grid{grid-template-columns:1fr;gap:var(--gap-grid)}.batch-expenses-stat-card{padding:var(--padding-card);gap:5px}.batch-expenses-stat-value{font-size:18px}.batch-expenses-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-expenses-filter-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.batch-expenses-filter-input{padding:6px 8px;font-size:var(--font-sm)}.batch-expenses-add-btn{width:100%;justify-content:center;padding:6px 10px}.batch-expenses-controls-section{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.batch-expenses-controls-left,.batch-expenses-controls-right{width:100%}.batch-expenses-export-buttons{width:100%;gap:3px}.batch-expenses-export-btn{flex:1;justify-content:center;padding:5px 6px;font-size:8px;gap:2px}.batch-expenses-table-title{font-size:var(--font-md);padding:var(--spacing-md) var(--spacing-lg)}.batch-expenses-table{font-size:var(--font-sm)}.batch-expenses-table thead th,.batch-expenses-table tbody td{padding:6px var(--padding-cell)}.batch-expenses-cell-id{width:45px;min-width:45px}.batch-expenses-cell-badge{font-size:8px;padding:3px 5px}.batch-expenses-cell-reason{min-width:120px;max-width:160px}.batch-expenses-cell-amount{width:90px;min-width:90px}.batch-expenses-cell-currency{font-size:10px;padding:3px 6px}.batch-expenses-cell-date{width:100px;min-width:100px;font-size:8px}.batch-expenses-cell-file{width:70px;min-width:70px}.batch-expenses-file-link{font-size:8px;padding:3px 4px}.batch-expenses-cell-actions{width:60px;min-width:60px}.batch-expenses-table-wrapper{max-height:300px}.batch-expenses-no-data-container{padding:40px 12px}.batch-expenses-no-data-image{width:100px}.batch-expenses-no-data-container h3{font-size:var(--font-md)}.batch-expenses-no-data-container p{font-size:var(--font-sm)}.batch-expenses-modal-header{padding:var(--spacing-lg) var(--spacing-md)}.batch-expenses-modal-header h2{font-size:var(--font-lg)}.batch-expenses-modal-body{padding:var(--spacing-lg) var(--spacing-md);gap:var(--spacing-md)}.batch-expenses-modal-footer{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.batch-expenses-modal-btn{padding:6px 10px;font-size:var(--font-xs)}.batch-expenses-form-input,.batch-expenses-form-textarea{font-size:var(--font-sm);padding:6px 8px}.batch-expenses-form-textarea{min-height:60px}.batch-expenses-pagination{flex-direction:column;padding:8px var(--spacing-lg);gap:var(--spacing-sm)}.batch-expenses-page-btn{width:100%;padding:6px 10px;font-size:var(--font-xs)}.batch-expenses-page-goto{width:100%;justify-content:space-between;font-size:var(--font-xs)}.batch-expenses-page-input{width:40px;font-size:var(--font-xs)}.batch-expenses-loading{padding:40px var(--spacing-lg)}.batch-expenses-loading p{font-size:var(--font-md)}.batch-expenses-no-access{margin:20px auto;padding:40px var(--spacing-lg)}.batch-expenses-access-image{width:130px;margin-bottom:var(--spacing-lg)}.batch-expenses-no-access h3{font-size:var(--font-lg)}.batch-expenses-no-access p{font-size:var(--font-sm)}}@media(max-width:479px){:root{--spacing-xs: 2px;--spacing-sm: 3px;--spacing-md: 5px;--spacing-lg: 6px;--spacing-xl: 8px;--font-xs: 7px;--font-sm: 8px;--font-md: 9px;--font-lg: 10px;--padding-card: 6px;--padding-cell: 4px;--gap-grid: 4px}.batch-expenses-container{padding:var(--spacing-xs)}.batch-expenses-header{padding:var(--spacing-md)}.batch-expenses-title{font-size:14px}.batch-expenses-stat-value{font-size:16px}.batch-expenses-table{font-size:var(--font-xs)}.batch-expenses-table thead th,.batch-expenses-table tbody td{padding:4px var(--padding-cell)}.batch-expenses-cell-currency{font-size:9px;padding:2px 4px}.batch-expenses-export-btn{font-size:7px;padding:4px}.batch-expenses-modal-header,.batch-expenses-modal-body{padding:var(--spacing-md)}.batch-expenses-modal-footer{padding:var(--spacing-xs) var(--spacing-md)}}@media(max-width:359px){:root{--font-xs: 6px;--font-sm: 7px;--font-md: 8px}.batch-expenses-title{font-size:12px}.batch-expenses-stat-value{font-size:14px}.batch-expenses-table{font-size:6px}.batch-expenses-export-btn{font-size:6px;padding:3px}}:root{--spacing-xs: 6px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--font-xs: 11px;--font-sm: 12px;--font-md: 13px;--font-lg: 14px;--font-xl: 16px;--font-2xl: 18px;--font-3xl: 22px;--padding-card: 16px;--padding-cell: 12px;--gap-grid: 12px}.batch-expenses-container{padding:var(--spacing-lg);background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.batch-expenses-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:var(--spacing-md)}.batch-expenses-header-title-group{display:flex;align-items:center;gap:var(--spacing-md)}.batch-expenses-header-icon{font-size:24px;color:#2d3748;flex-shrink:0}.batch-expenses-title{font-size:var(--font-3xl);font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.batch-expenses-subtitle{margin:4px 0 0;font-size:var(--font-xs);color:#495057;font-weight:500}.batch-expenses-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--gap-grid);margin-bottom:var(--spacing-lg)}.batch-expenses-stat-card{background:#fff;border-radius:8px;padding:var(--padding-card);box-shadow:0 2px 6px #0000000f;transition:all .3s ease;border-left:5px solid;display:flex;flex-direction:column;gap:var(--spacing-md)}.batch-expenses-stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.batch-expenses-stat-label{font-size:var(--font-xs);font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.batch-expenses-stat-value{font-size:26px;font-weight:800;color:#1a1a1a;line-height:1.2}.batch-expenses-stat-meta{font-size:var(--font-xs);color:#adb5bd;font-weight:500}.batch-expenses-filter-section{background:#fff;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f}.batch-expenses-filter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:flex-end}.batch-expenses-filter-group{position:relative;display:flex;flex-direction:column;gap:6px}.batch-expenses-filter-label{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.batch-expenses-filter-input{width:100%;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-md);background:#fff;color:#2d3748;transition:all .3s ease;font-weight:500}.batch-expenses-filter-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-expenses-refresh-btn{padding:8px 14px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #1a1a1a33}.batch-expenses-refresh-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.batch-expenses-controls-section{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f;gap:var(--spacing-md);flex-wrap:wrap}.batch-expenses-search-box{display:flex;align-items:center;gap:8px;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;transition:all .3s ease}.batch-expenses-search-input{flex:1;border:none;background:none;font-size:var(--font-md);color:#2d3748;outline:none;font-weight:500}.batch-expenses-export-buttons{display:flex;gap:6px}.batch-expenses-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.batch-expenses-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.batch-expenses-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:var(--spacing-md)}.batch-expenses-table-title{margin:0;font-size:var(--font-lg);font-weight:700;color:#1a1a1a;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid #e9ecef}.batch-expenses-table-wrapper{overflow-x:auto;max-height:600px;position:relative}.batch-expenses-table{width:100%;border-collapse:collapse;background:#fff;font-size:var(--font-md)}.batch-expenses-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.batch-expenses-table thead th{padding:10px var(--padding-cell);text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:var(--font-xs);color:#fff;border-bottom:2px solid #1a1a1a}.batch-expenses-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.batch-expenses-table tbody tr:hover{background:#f8f9fa;box-shadow:inset 3px 0 #2563eb}.batch-expenses-table tbody td{padding:10px var(--padding-cell);color:#2d3748;vertical-align:middle;font-size:var(--font-md)}.batch-expenses-cell-badge{display:inline-flex;align-items:center;justify-content:center;background:#e7f1ff;color:#0d6efd;padding:5px 8px;border-radius:4px;font-weight:700;font-size:var(--font-xs);font-family:Courier New,monospace}.batch-expenses-cell-currency{font-weight:800;color:#1a1a1a;font-size:14px;background:linear-gradient(135deg,#fff3cd,#ffe69c);padding:6px 10px;border-radius:6px;display:inline-block;border-left:4px solid #ffc107;box-shadow:0 2px 4px #ffc10733}.batch-expenses-table-summary{display:flex;gap:24px;padding:var(--spacing-lg);border-top:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap}.batch-expenses-summary-item{display:flex;align-items:center;gap:var(--spacing-md);padding:6px 0}.batch-expenses-summary-label{font-size:var(--font-xs);font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.3px;min-width:110px}.batch-expenses-summary-value{font-size:16px;font-weight:800;color:#1a1a1a;background:linear-gradient(135deg,#e7f1ff,#f0f0f0);padding:6px 12px;border-radius:4px;border-left:3px solid #0d6efd}.batch-expenses-update-cost-btn{width:100%;padding:9px 12px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border:none;border-radius:6px;font-weight:700;font-size:var(--font-sm);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;box-shadow:0 2px 8px #7c3aed33}.batch-expenses-update-cost-btn:hover:not(:disabled){background:linear-gradient(135deg,#6d28d9,#5b21b6);transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed4d}.batch-expenses-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f}.batch-expenses-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:batch-spin .8s linear infinite;margin-bottom:var(--spacing-lg)}.batch-expenses-loading p{color:#495057;font-size:var(--font-md);font-weight:600;margin:0}.batch-expenses-no-access{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.batch-expenses-access-image{width:180px;height:auto;margin-bottom:var(--spacing-lg)}.batch-expenses-no-access h3{font-size:var(--font-xl);font-weight:700;color:#dc3545;margin:0 0 var(--spacing-md) 0}.batch-expenses-no-access p{font-size:var(--font-md);color:#6c757d;text-align:center;line-height:1.6;margin:0}@media(min-width:1920px){:root{--spacing-lg: 18px;--spacing-xl: 24px;--font-3xl: 24px;--padding-card: 18px;--gap-grid: 14px}.batch-expenses-stats-grid{grid-template-columns:repeat(6,1fr)}.batch-expenses-stat-value{font-size:28px}.batch-expenses-table-wrapper{max-height:700px}}@media(min-width:1366px)and (max-width:1919px){:root{--spacing-lg: 16px;--spacing-xl: 20px;--font-3xl: 22px;--padding-card: 16px;--gap-grid: 12px}.batch-expenses-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1365px){:root{--spacing-lg: 14px;--spacing-xl: 18px;--font-3xl: 20px;--padding-card: 14px;--gap-grid: 10px}.batch-expenses-stats-grid{grid-template-columns:repeat(3,1fr)}.batch-expenses-filter-row{grid-template-columns:1fr 1fr auto}.batch-expenses-table-wrapper{max-height:550px}}@media(max-width:1023px){:root{--spacing-md: 10px;--spacing-lg: 12px;--spacing-xl: 14px;--font-3xl: 18px;--padding-card: 12px;--gap-grid: 8px}.batch-expenses-container{padding:var(--spacing-md)}.batch-expenses-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-expenses-filter-row{grid-template-columns:1fr}.batch-expenses-refresh-btn{width:100%}.batch-expenses-controls-section{flex-direction:column}.batch-expenses-controls-left{width:100%}.batch-expenses-controls-right{width:100%;justify-content:space-between}.batch-expenses-export-buttons{width:100%}.batch-expenses-export-btn{flex:1;justify-content:center}.batch-expenses-table-wrapper{max-height:450px}.batch-expenses-table-summary{gap:16px;flex-direction:column}}@media(max-width:767px){:root{--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--font-xs: 10px;--font-sm: 11px;--font-md: 12px;--font-lg: 13px;--font-3xl: 16px;--padding-card: 10px;--padding-cell: 8px;--gap-grid: 6px}.batch-expenses-container{padding:var(--spacing-sm)}.batch-expenses-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-sm)}.batch-expenses-header-icon{font-size:18px}.batch-expenses-title{font-size:var(--font-3xl)}.batch-expenses-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-expenses-filter-input{padding:6px 8px;font-size:var(--font-sm)}.batch-expenses-refresh-btn{padding:6px 10px;font-size:var(--font-xs)}.batch-expenses-stats-grid{grid-template-columns:1fr;gap:var(--gap-grid)}.batch-expenses-stat-card{padding:var(--padding-card);gap:6px}.batch-expenses-stat-value{font-size:20px}.batch-expenses-controls-section{padding:var(--spacing-sm)}.batch-expenses-export-btn{font-size:var(--font-xs);padding:5px 8px;gap:3px}.batch-expenses-table-title{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-md)}.batch-expenses-table{font-size:var(--font-sm)}.batch-expenses-table thead th,.batch-expenses-table tbody td{padding:6px var(--padding-cell)}.batch-expenses-cell-currency{font-size:12px;padding:4px 6px}.batch-expenses-table-wrapper{max-height:350px}.batch-expenses-table-summary{gap:8px;padding:var(--spacing-md) var(--spacing-lg)}.batch-expenses-summary-label{min-width:90px;font-size:var(--font-xs)}.batch-expenses-summary-value{font-size:14px;padding:4px 8px}.batch-expenses-update-cost-btn{padding:7px 10px;font-size:var(--font-xs);margin-top:4px}}@media(max-width:479px){:root{--spacing-xs: 3px;--spacing-sm: 5px;--spacing-md: 6px;--spacing-lg: 8px;--spacing-xl: 10px;--font-xs: 9px;--font-sm: 10px;--font-md: 11px;--font-lg: 12px;--font-3xl: 14px;--padding-card: 8px;--padding-cell: 6px;--gap-grid: 5px}.batch-expenses-container{padding:var(--spacing-xs)}.batch-expenses-header{padding:var(--spacing-md);margin-bottom:var(--spacing-xs)}.batch-expenses-header-icon{font-size:16px}.batch-expenses-title{font-size:var(--font-3xl)}.batch-expenses-stat-value{font-size:18px}.batch-expenses-table{font-size:var(--font-xs)}.batch-expenses-table thead th,.batch-expenses-table tbody td{padding:4px var(--padding-cell)}.batch-expenses-cell-currency{font-size:10px;padding:3px 5px}.batch-expenses-export-btn{font-size:8px;padding:4px 6px}}.batch-details-container{padding:var(--spacing-lg);background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.batch-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:var(--spacing-md)}.batch-details-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.batch-details-title{font-size:var(--font-3xl);font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.batch-details-subtitle{margin:0;font-size:var(--font-xs);color:#495057;font-weight:500}.batch-details-refresh-btn{padding:8px 12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #1a1a1a33}.batch-details-refresh-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.batch-details-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.batch-details-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap-grid);margin-bottom:var(--spacing-lg)}.batch-details-stat-card{background:#fff;border-radius:8px;padding:var(--padding-card);box-shadow:0 2px 6px #0000000f;transition:all .3s ease;border-top:4px solid;display:flex;flex-direction:column;gap:8px}.batch-details-stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.batch-details-stat-card.purple{border-top-color:#8b5cf6}.batch-details-stat-card.blue{border-top-color:#3b82f6}.batch-details-stat-card.green{border-top-color:#10b981}.batch-details-stat-card.orange{border-top-color:#f97316}.batch-details-stat-card.teal{border-top-color:#14b8a6}.batch-details-stat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.batch-details-stat-label{font-size:var(--font-xs);font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.4px;flex:1}.batch-details-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f3f4f6;color:#6b7280;flex-shrink:0}.batch-details-stat-card.purple .batch-details-stat-icon{background:#ede9fe;color:#8b5cf6}.batch-details-stat-card.blue .batch-details-stat-icon{background:#dbeafe;color:#3b82f6}.batch-details-stat-card.green .batch-details-stat-icon{background:#d1fae5;color:#10b981}.batch-details-stat-card.orange .batch-details-stat-icon{background:#fed7aa;color:#f97316}.batch-details-stat-card.teal .batch-details-stat-icon{background:#ccfbf1;color:#14b8a6}.batch-details-stat-value{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.2}.batch-details-stat-footer{font-size:var(--font-xs);color:#adb5bd;font-weight:500}.batch-details-filter-section{background:#fff;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f}.batch-details-filter-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);align-items:flex-end}.batch-details-filter-group{position:relative;display:flex;flex-direction:column;gap:5px}.batch-details-filter-label{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.4px}.batch-details-filter-input{width:100%;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-md);background:#fff;color:#2d3748;transition:all .3s ease;font-weight:500}.batch-details-filter-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-details-filter-input::placeholder{color:#adb5bd}.batch-details-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc3545;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.batch-details-clear-btn:hover{color:#721c24;transform:translateY(-50%) scale(1.1)}.batch-details-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e9ecef;border-radius:6px;margin-top:3px;max-height:150px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.batch-details-dropdown-item{padding:8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:all .2s ease;color:#2d3748;font-size:var(--font-md);font-weight:500}.batch-details-dropdown-item:hover{background:#f8f9fa}.batch-details-dropdown-item.selected{background:#e8f4f8;color:#3b82f6;font-weight:600}.batch-details-dropdown-empty{padding:10px;text-align:center;color:#adb5bd;font-size:var(--font-xs)}.batch-details-controls-section{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f;gap:var(--spacing-md);flex-wrap:wrap}.batch-details-controls-left{flex:1;min-width:180px}.batch-details-search-box{display:flex;align-items:center;gap:6px;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;transition:all .3s ease}.batch-details-search-box:focus-within{border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-details-search-box svg{color:#adb5bd;flex-shrink:0;width:14px;height:14px}.batch-details-search-input{flex:1;border:none;background:none;font-size:var(--font-md);color:#2d3748;outline:none;font-weight:500}.batch-details-search-input::placeholder{color:#adb5bd}.batch-details-controls-right{display:flex;gap:var(--spacing-md)}.batch-details-export-buttons{display:flex;gap:4px}.batch-details-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.batch-details-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.batch-details-export-btn.excel{border-color:#10b981;color:#10b981}.batch-details-export-btn.excel:hover{background:#10b981;color:#fff}.batch-details-export-btn.csv{border-color:#06b6d4;color:#06b6d4}.batch-details-export-btn.csv:hover{background:#06b6d4;color:#fff}.batch-details-export-btn.pdf{border-color:#ef4444;color:#ef4444}.batch-details-export-btn.pdf:hover{background:#ef4444;color:#fff}.batch-details-export-btn:disabled{opacity:.5;cursor:not-allowed}.batch-details-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:var(--spacing-md)}.batch-details-table-title{margin:0;font-size:16px;font-weight:700;color:#000;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid #e9ecef}.batch-details-table-wrapper{overflow-x:auto;max-height:550px;position:relative}.batch-details-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:15px}.batch-details-table thead{background:linear-gradient(135deg,#1a1a1a,#0d0d0d);position:sticky;top:0;z-index:10}.batch-details-table thead th{padding:14px 12px;text-align:left;font-weight:800;text-transform:uppercase;letter-spacing:.6px;font-size:14px;color:#fff;border-right:2px solid rgba(255,255,255,.3);border-bottom:3px solid #000000;white-space:nowrap}.batch-details-table thead th:last-child{border-right:none}.batch-details-table thead th:first-child{border-left:4px solid #3b82f6}.batch-details-table tbody tr{border-bottom:2px solid #e9ecef;transition:all .2s ease}.batch-details-table tbody tr:hover{background:linear-gradient(90deg,#f0f9ff,#f8fafc);box-shadow:inset 4px 0 #3b82f6}.batch-details-table tbody tr:last-child{border-bottom:2px solid #e9ecef}.batch-details-table tbody td{padding:14px 12px;color:#000;vertical-align:middle;font-size:15px;border-right:1px solid #e9ecef;font-weight:600}.batch-details-table tbody td:first-child{border-left:4px solid transparent;font-weight:700}.batch-details-table tbody tr:hover td:first-child{border-left-color:#3b82f6}.batch-details-table tbody td:last-child{border-right:none}.batch-details-cell-name{font-weight:800;color:#000;font-size:15px;min-width:160px;padding-left:14px;border-left:4px solid #3b82f6!important;background:#fff}.batch-details-cell-amount{font-weight:800;color:#000;font-family:SF Mono,Monaco,Courier New,monospace;text-align:right;font-size:15px;min-width:140px;padding-right:14px;background:linear-gradient(90deg,#10b98114,#10b9811f);border-right:1px solid #e9ecef}.batch-details-cell-count{text-align:center;color:#000;font-weight:800;font-size:15px;min-width:120px;background:linear-gradient(90deg,#3b82f614,#3b82f61f);border-right:1px solid #e9ecef}.batch-details-cell-stock{text-align:center;font-weight:800;color:#000;font-size:15px;min-width:120px;background:linear-gradient(90deg,#f9731614,#f973161f);border-right:1px solid #e9ecef}.batch-details-cell-avg{text-align:right;min-width:150px;background:linear-gradient(90deg,#0369a114,#0369a11f);padding-right:14px}.batch-details-table thead th:nth-child(1){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);border-left:4px solid #3b82f6;color:#fff;font-size:14px;font-weight:800}.batch-details-table thead th:nth-child(2){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#fff;font-size:14px;font-weight:800}.batch-details-table thead th:nth-child(3),.batch-details-table thead th:nth-child(4),.batch-details-table thead th:nth-child(5){background:linear-gradient(135deg,#1a1a1a,#0d0d0d);color:#fff;font-size:14px;font-weight:800}.batch-details-grand-total-row{background:linear-gradient(135deg,#fef3c7,#fef08a);font-weight:800;border-top:3px solid #f59e0b;border-bottom:3px solid #f59e0b}.batch-details-grand-total-row td{padding:16px 12px;color:#000;font-weight:800;font-size:15px;border-right:1px solid #fcd34d}.batch-details-grand-total-row td:first-child{border-left:4px solid #f59e0b!important;background:linear-gradient(90deg,#fef3c7,#fef08a);font-size:15px;font-weight:800;color:#000}.batch-details-grand-total-row td:last-child{border-right:none}.batch-details-avg-badge{display:inline-block;background:linear-gradient(135deg,#dbeafe,#e0f2fe);color:#000;padding:8px 14px;border-radius:6px;font-weight:800;font-size:14px;border-left:4px solid #0284c7;box-shadow:0 2px 4px #0369a126;font-family:SF Mono,Monaco,Courier New,monospace}.batch-details-avg-badge.total{background:linear-gradient(135deg,#fef3c7,#fef08a);color:#000;border-left-color:#f59e0b;box-shadow:0 2px 4px #f59e0b26;font-weight:800;font-size:14px}.batch-details-table-no-data{text-align:center}.batch-details-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.batch-details-no-data-image{width:140px;height:auto;opacity:.5;margin-bottom:16px}.batch-details-no-data-container h3{font-size:18px;font-weight:800;color:#000;margin:0 0 8px}.batch-details-no-data-container p{font-size:15px;color:#333;margin:0;line-height:1.5;font-weight:600}.batch-details-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#3b82f6;border-radius:50%;animation:batch-spin .8s linear infinite;margin-bottom:var(--spacing-lg)}.batch-details-page-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:#fff;border:2px solid #000000;border-radius:6px;color:#000;font-weight:800;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 4px #0000001a}.batch-details-page-btn:hover:not(:disabled){background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.batch-details-page-goto{display:flex;align-items:center;gap:10px;font-size:13px;color:#000;font-weight:800}.batch-details-page-input{width:55px;padding:8px 10px;border:2px solid #000000;border-radius:6px;font-size:12px;text-align:center;font-weight:800;color:#000;background:#fff;box-shadow:0 2px 4px #0000001a}.batch-details-page-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 3px #0000001a}.batch-details-page-info{font-size:12px;color:#000;white-space:nowrap;font-weight:800;background:#f3f4f6;padding:6px 12px;border-radius:4px}@media(max-width:1024px){.batch-details-table{font-size:14px}.batch-details-table thead th{padding:12px 10px;font-size:13px;font-weight:800}.batch-details-table tbody td{padding:12px 10px;font-size:14px;font-weight:700}.batch-details-cell-name{font-size:14px;font-weight:800;min-width:140px}.batch-details-cell-amount{font-size:14px;font-weight:800;min-width:120px}.batch-details-cell-count,.batch-details-cell-stock{font-size:14px;font-weight:800;min-width:110px}.batch-details-avg-badge{font-size:13px;padding:7px 12px;font-weight:800}.batch-details-grand-total-row td{font-size:14px;font-weight:800}}@media(max-width:768px){.batch-details-table-wrapper{max-height:400px}.batch-details-table{font-size:13px}.batch-details-table thead th{padding:10px 8px;font-size:12px;font-weight:800}.batch-details-table tbody td{padding:10px 8px;font-size:13px;font-weight:700}.batch-details-cell-name{font-size:13px;font-weight:800;min-width:120px}.batch-details-cell-amount{font-size:13px;font-weight:800;min-width:110px}.batch-details-cell-count,.batch-details-cell-stock{font-size:13px;font-weight:800;min-width:100px}.batch-details-avg-badge{font-size:12px;padding:6px 10px;font-weight:800}.batch-details-grand-total-row td{padding:12px 8px;font-size:13px;font-weight:800}.batch-details-pagination{flex-direction:column;gap:10px}.batch-details-page-btn{width:100%;padding:9px 12px;font-size:11px;font-weight:800}.batch-details-page-goto{width:100%;justify-content:center;flex-direction:column;gap:8px;font-size:12px;font-weight:800}.batch-details-page-input{width:50px;padding:6px 8px;font-size:11px;font-weight:800}.batch-details-page-info{width:100%;text-align:center;font-size:11px;font-weight:800}}@media(max-width:480px){.batch-details-table-wrapper{max-height:300px}.batch-details-table{font-size:12px;min-width:700px}.batch-details-table thead th{padding:8px 6px;font-size:11px;font-weight:800}.batch-details-table tbody td{padding:8px 6px;font-size:12px;font-weight:700}.batch-details-cell-name{font-size:12px;font-weight:800;min-width:100px}.batch-details-cell-amount{font-size:12px;font-weight:800;min-width:90px}.batch-details-cell-count,.batch-details-cell-stock{font-size:12px;font-weight:800;min-width:85px}.batch-details-avg-badge{font-size:11px;padding:5px 8px;font-weight:800}.batch-details-grand-total-row td{padding:10px 6px;font-size:12px;font-weight:800}.batch-details-page-btn{padding:8px 10px;font-size:10px;font-weight:800}.batch-details-page-goto{font-size:11px;gap:6px;font-weight:800}.batch-details-page-input{width:45px;padding:5px 6px;font-size:10px;font-weight:800}.batch-details-page-info{font-size:10px;padding:4px 8px;font-weight:800}}.batch-details-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px var(--spacing-lg);border-top:3px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap;gap:var(--spacing-md)}.batch-details-page-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #3b82f6;border-radius:6px;color:#3b82f6;font-weight:700;font-size:11px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;box-shadow:0 2px 4px #3b82f61a}.batch-details-page-btn:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.batch-details-page-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.batch-details-page-goto{display:flex;align-items:center;gap:8px;font-size:12px;color:#2d3748;font-weight:700}.batch-details-page-input{width:50px;padding:6px 8px;border:2px solid #3b82f6;border-radius:6px;font-size:11px;text-align:center;font-weight:700;color:#3b82f6;background:#fff;box-shadow:0 2px 4px #3b82f61a}.batch-details-page-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #3b82f61a}.batch-details-page-info{font-size:11px;color:#6c757d;white-space:nowrap;font-weight:600;background:#f3f4f6;padding:4px 10px;border-radius:4px}@media(max-width:1024px){.batch-details-table{font-size:12px}.batch-details-table thead th{padding:10px 8px;font-size:11px}.batch-details-table tbody td{padding:10px 8px;font-size:12px}.batch-details-cell-name{font-size:12px;min-width:120px}.batch-details-cell-amount{font-size:12px;min-width:110px}.batch-details-cell-count,.batch-details-cell-stock{font-size:12px;min-width:100px}.batch-details-avg-badge{font-size:12px;padding:5px 10px}}@media(max-width:768px){.batch-details-table-wrapper{max-height:400px}.batch-details-table{font-size:11px}.batch-details-table thead th{padding:8px 6px;font-size:10px}.batch-details-table tbody td{padding:8px 6px;font-size:11px}.batch-details-cell-name{font-size:11px;min-width:100px}.batch-details-cell-amount{font-size:11px;min-width:90px}.batch-details-cell-count,.batch-details-cell-stock{font-size:11px;min-width:80px}.batch-details-avg-badge{font-size:11px;padding:4px 8px}.batch-details-grand-total-row td{padding:10px 6px;font-size:11px}.batch-details-pagination{flex-direction:column;gap:10px}.batch-details-page-btn{width:100%;padding:7px 12px;font-size:10px}.batch-details-page-goto{width:100%;justify-content:center;flex-direction:column;gap:8px;font-size:11px}.batch-details-page-input{width:45px;padding:5px 6px;font-size:10px}.batch-details-page-info{width:100%;text-align:center;font-size:10px}}@media(max-width:480px){.batch-details-table-wrapper{max-height:300px}.batch-details-table{font-size:10px;min-width:700px}.batch-details-table thead th{padding:6px 4px;font-size:9px}.batch-details-table tbody td{padding:6px 4px;font-size:10px}.batch-details-cell-name{font-size:10px;min-width:80px}.batch-details-cell-amount,.batch-details-cell-count,.batch-details-cell-stock{font-size:10px;min-width:70px}.batch-details-avg-badge{font-size:10px;padding:3px 6px}.batch-details-grand-total-row td{padding:8px 4px;font-size:10px}.batch-details-page-btn{padding:6px 10px;font-size:9px}.batch-details-page-goto{font-size:10px;gap:6px}.batch-details-page-input{width:40px;padding:4px 5px;font-size:9px}.batch-details-page-info{font-size:9px;padding:3px 8px}}.batch-details-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-lg);border-top:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap;gap:var(--spacing-md)}.batch-details-page-btn{padding:7px 12px;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#495057;font-weight:600;font-size:var(--font-xs);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.batch-details-page-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#dbeafe}.batch-details-page-btn:disabled{opacity:.5;cursor:not-allowed}.batch-details-page-goto{display:flex;align-items:center;gap:6px;font-size:var(--font-xs);color:#495057;font-weight:600}.batch-details-page-input{width:45px;padding:5px 6px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-xs);text-align:center;font-weight:600}.batch-details-page-input:focus{outline:none;border-color:#3b82f6}.batch-details-page-info{font-size:10px;color:#6c757d;white-space:nowrap}@media(min-width:1920px){:root{--spacing-lg: 16px;--spacing-xl: 20px;--font-3xl: 22px;--padding-card: 16px;--gap-grid: 12px}.batch-details-stats-grid{grid-template-columns:repeat(5,1fr)}.batch-details-stat-value{font-size:26px}.batch-details-table-wrapper{max-height:650px}}@media(min-width:1366px)and (max-width:1919px){:root{--spacing-lg: 14px;--spacing-xl: 18px;--font-3xl: 20px;--padding-card: 14px;--gap-grid: 10px}.batch-details-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1365px){:root{--spacing-md: 9px;--spacing-lg: 12px;--spacing-xl: 16px;--font-3xl: 18px;--padding-card: 12px;--gap-grid: 8px}.batch-details-stats-grid{grid-template-columns:repeat(3,1fr)}.batch-details-table-wrapper{max-height:500px}}@media(max-width:1023px){:root{--spacing-xs: 3px;--spacing-sm: 5px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--font-xs: 9px;--font-sm: 10px;--font-md: 11px;--font-lg: 12px;--padding-card: 10px;--padding-cell: 8px;--gap-grid: 6px}.batch-details-container{padding:var(--spacing-md)}.batch-details-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-sm);flex-direction:column;align-items:flex-start}.batch-details-header-content{width:100%}.batch-details-title{font-size:16px}.batch-details-refresh-btn{width:100%;justify-content:center;padding:6px 10px}.batch-details-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-details-stat-card{padding:var(--padding-card);gap:6px}.batch-details-stat-value{font-size:20px}.batch-details-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-details-filter-input{padding:6px 8px;font-size:var(--font-sm)}.batch-details-controls-section{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.batch-details-controls-left{width:100%;min-width:auto}.batch-details-controls-right{width:100%;justify-content:space-between}.batch-details-export-buttons{width:100%}.batch-details-export-btn{flex:1;justify-content:center}.batch-details-table-title{font-size:var(--font-md);padding:var(--spacing-md) var(--spacing-lg)}.batch-details-table{font-size:var(--font-sm)}.batch-details-table thead th,.batch-details-table tbody td{padding:6px var(--padding-cell)}.batch-details-avg-badge{font-size:var(--font-sm);padding:3px 6px}.batch-details-table-wrapper{max-height:400px}.batch-details-pagination{gap:6px}}@media(max-width:767px){:root{--spacing-xs: 3px;--spacing-sm: 4px;--spacing-md: 6px;--spacing-lg: 8px;--spacing-xl: 10px;--font-xs: 8px;--font-sm: 9px;--font-md: 10px;--font-lg: 11px;--padding-card: 8px;--padding-cell: 6px;--gap-grid: 5px}.batch-details-container{padding:var(--spacing-sm)}.batch-details-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-sm);flex-direction:column;align-items:flex-start}.batch-details-header-content{width:100%}.batch-details-title{font-size:16px}.batch-details-refresh-btn{width:100%;justify-content:center;padding:6px 10px}.batch-details-stats-grid{grid-template-columns:1fr;gap:var(--gap-grid)}.batch-details-stat-card{padding:var(--padding-card);gap:5px}.batch-details-stat-value{font-size:18px}.batch-details-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-details-filter-input{padding:6px 8px;font-size:var(--font-sm)}.batch-details-controls-section{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.batch-details-controls-left,.batch-details-controls-right{width:100%}.batch-details-export-buttons{width:100%;gap:3px}.batch-details-export-btn{flex:1;justify-content:center;padding:5px 6px;font-size:8px;gap:2px}.batch-details-table-title{font-size:var(--font-md);padding:var(--spacing-md) var(--spacing-lg)}.batch-details-table{font-size:var(--font-sm)}.batch-details-table thead th,.batch-details-table tbody td{padding:6px var(--padding-cell)}.batch-details-cell-name{min-width:100px}.batch-details-cell-amount{font-size:var(--font-sm)}.batch-details-avg-badge{font-size:var(--font-xs);padding:2px 4px}.batch-details-table-wrapper{max-height:300px}.batch-details-no-data-container{padding:40px 12px}.batch-details-no-data-image{width:100px}.batch-details-no-data-container h3{font-size:var(--font-md)}.batch-details-no-data-container p{font-size:var(--font-sm)}.batch-details-pagination{flex-direction:column;padding:8px var(--spacing-lg);gap:var(--spacing-sm)}.batch-details-page-btn{width:100%;padding:6px 10px;font-size:var(--font-xs)}.batch-details-page-goto{width:100%;justify-content:space-between;font-size:var(--font-xs)}.batch-details-page-input{width:40px;font-size:var(--font-xs)}.no-access-panel{padding:40px var(--spacing-lg)}.no-access-image{width:130px;margin-bottom:var(--spacing-lg)}.no-access-panel h3{font-size:var(--font-lg)}.no-access-panel p{font-size:var(--font-sm)}}@media(max-width:479px){:root{--spacing-xs: 2px;--spacing-sm: 3px;--spacing-md: 5px;--spacing-lg: 6px;--spacing-xl: 8px;--font-xs: 7px;--font-sm: 8px;--font-md: 9px;--font-lg: 10px;--padding-card: 6px;--padding-cell: 4px;--gap-grid: 4px}.batch-details-container{padding:var(--spacing-xs)}.batch-details-header{padding:var(--spacing-md)}.batch-details-title{font-size:14px}.batch-details-stat-value{font-size:16px}.batch-details-table{font-size:var(--font-xs)}.batch-details-table thead th,.batch-details-table tbody td{padding:4px var(--padding-cell)}.batch-details-export-btn{font-size:7px;padding:4px}}@media(max-width:359px){:root{--font-xs: 6px;--font-sm: 7px;--font-md: 8px}.batch-details-title{font-size:12px}.batch-details-stat-value{font-size:14px}.batch-details-table{font-size:6px}.batch-details-export-btn{font-size:6px;padding:3px}}:root{--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 10px;--spacing-lg: 14px;--spacing-xl: 18px;--font-xs: 10px;--font-sm: 11px;--font-md: 12px;--font-lg: 13px;--font-xl: 14px;--font-2xl: 16px;--font-3xl: 20px;--padding-card: 14px;--padding-cell: 10px;--gap-grid: 10px}.batch-update-container{padding:var(--spacing-lg);background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.batch-update-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:var(--spacing-md)}.batch-update-header-content{display:flex;flex-direction:column;gap:4px;flex:1}.batch-update-title{font-size:var(--font-3xl);font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.batch-update-subtitle{margin:0;font-size:var(--font-xs);color:#495057;font-weight:500}.batch-update-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--gap-grid);margin-bottom:var(--spacing-lg)}.batch-update-stat-card{background:#fff;border-radius:8px;padding:var(--padding-card);box-shadow:0 2px 6px #0000000f;transition:all .3s ease;border-top:4px solid;display:flex;flex-direction:column;gap:8px}.batch-update-stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.batch-update-stat-card.purple{border-top-color:#8b5cf6}.batch-update-stat-card.blue{border-top-color:#3b82f6}.batch-update-stat-card.green{border-top-color:#10b981}.batch-update-stat-card.orange{border-top-color:#f97316}.batch-update-stat-card.teal{border-top-color:#14b8a6}.batch-update-stat-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.batch-update-stat-label{font-size:var(--font-xs);font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.4px;flex:1}.batch-update-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#f3f4f6;color:#6b7280;flex-shrink:0}.batch-update-stat-card.purple .batch-update-stat-icon{background:#ede9fe;color:#8b5cf6}.batch-update-stat-card.blue .batch-update-stat-icon{background:#dbeafe;color:#3b82f6}.batch-update-stat-card.green .batch-update-stat-icon{background:#d1fae5;color:#10b981}.batch-update-stat-card.orange .batch-update-stat-icon{background:#fed7aa;color:#f97316}.batch-update-stat-card.teal .batch-update-stat-icon{background:#ccfbf1;color:#14b8a6}.batch-update-stat-value{font-size:24px;font-weight:800;color:#1a1a1a;line-height:1.2}.batch-update-stat-footer{font-size:var(--font-xs);color:#adb5bd;font-weight:500}.batch-update-filter-section{background:#fff;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f}.batch-update-filter-row{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--spacing-md);align-items:flex-end}.batch-update-filter-group{position:relative;display:flex;flex-direction:column;gap:5px}.batch-update-filter-label{display:flex;align-items:center;gap:5px;font-size:var(--font-xs);font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.4px}.batch-update-filter-input{width:100%;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-md);background:#fff;color:#2d3748;transition:all .3s ease;font-weight:500}.batch-update-filter-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-update-filter-input:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.batch-update-filter-input::placeholder{color:#adb5bd}.batch-update-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:#dc3545;cursor:pointer;padding:3px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.batch-update-clear-btn:hover{color:#721c24;transform:translateY(-50%) scale(1.1)}.batch-update-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e9ecef;border-radius:6px;margin-top:3px;max-height:150px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.batch-update-dropdown-item{padding:8px 10px;display:flex;align-items:center;gap:6px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:all .2s ease;color:#2d3748;font-size:var(--font-md);font-weight:500}.batch-update-dropdown-item:hover{background:#f8f9fa}.batch-update-dropdown-item.selected{background:#e8f4f8;color:#3b82f6;font-weight:600}.batch-update-dropdown-empty{padding:10px;text-align:center;color:#adb5bd;font-size:var(--font-xs)}.batch-update-refresh-btn{padding:8px 12px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;box-shadow:0 2px 8px #1a1a1a33}.batch-update-refresh-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.batch-update-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.batch-update-form-section{background:#fff;border-radius:8px;padding:var(--padding-card);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f}.batch-update-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid #e9ecef;flex-wrap:wrap;gap:var(--spacing-md)}.batch-update-form-title{font-size:var(--font-lg);font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.batch-update-form-subtitle{font-size:var(--font-xs);color:#6b7280;font-weight:500;background:#f3f4f6;padding:3px 8px;border-radius:4px}.batch-update-form-subtitle.warning{background:#fef3c7;color:#92400e}.batch-update-toggle-btn{padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-sm);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px}.batch-update-toggle-btn:hover{background:#2563eb;transform:translateY(-2px)}.batch-update-toggle-btn.active{background:#ef4444}.batch-update-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.batch-update-form-group{display:flex;flex-direction:column;gap:6px}.batch-update-form-label{font-size:var(--font-xs);font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.4px;display:flex;justify-content:space-between;align-items:center}.batch-update-form-hint{font-size:var(--font-xs);color:#6b7280;font-weight:500;text-transform:none;letter-spacing:normal}.batch-update-form-input{padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:var(--font-md);background:#fff;color:#2d3748;transition:all .3s ease;font-weight:500;font-family:inherit}.batch-update-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.batch-update-form-input-group{display:flex;gap:8px}.batch-update-form-input-group .batch-update-form-input{flex:1}.batch-update-calc-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 10px;background:#10b981;color:#fff;border:none;border-radius:6px;font-weight:600;font-size:var(--font-xs);cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 2px 8px #10b98133}.batch-update-calc-btn:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.batch-update-preview-section{background:#dbeafe;border:2px solid #bfdbfe;border-radius:8px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.batch-update-preview-title{font-size:var(--font-md);font-weight:700;color:#1e40af;margin:0 0 var(--spacing-md) 0}.batch-update-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-md)}.batch-update-preview-item{padding:10px 12px;border-radius:6px;display:flex;flex-direction:column;gap:4px;border-left:4px solid}.batch-update-preview-item.blue{background-color:#dbeafe;border-left-color:#0284c7}.batch-update-preview-item.yellow{background-color:#fef3c7;border-left-color:#f59e0b}.batch-update-preview-label{font-size:var(--font-xs);font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px}.batch-update-preview-value{font-size:14px;font-weight:800;color:#1f2937;font-family:Courier New,monospace}.batch-update-preview-item.blue .batch-update-preview-value{color:#1e40af}.batch-update-preview-item.yellow .batch-update-preview-value{color:#92400e}.batch-update-info-box{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:#fef3c7;border:2px solid #fcd34d;border-radius:6px;margin-bottom:var(--spacing-lg);font-size:var(--font-md);color:#92400e;line-height:1.5}.batch-update-info-box svg{flex-shrink:0;margin-top:2px;color:#f59e0b}.batch-update-submit-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:700;font-size:var(--font-md);cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #3b82f633}.batch-update-submit-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.batch-update-submit-btn:disabled{opacity:.5;cursor:not-allowed}.batch-update-controls-section{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:8px;padding:var(--spacing-md);margin-bottom:var(--spacing-md);box-shadow:0 2px 6px #0000000f;gap:var(--spacing-md);flex-wrap:wrap}.batch-update-controls-left{flex:1;min-width:180px}.batch-update-search-box{display:flex;align-items:center;gap:6px;padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;transition:all .3s ease}.batch-update-search-box:focus-within{border-color:#495057;box-shadow:0 0 0 3px #4950571a}.batch-update-search-box svg{color:#adb5bd;flex-shrink:0;width:14px;height:14px}.batch-update-search-input{flex:1;border:none;background:none;font-size:var(--font-md);color:#2d3748;outline:none;font-weight:500}.batch-update-search-input::placeholder{color:#adb5bd}.batch-update-controls-right{display:flex;gap:var(--spacing-md)}.batch-update-export-buttons{display:flex;gap:4px}.batch-update-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px 10px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.batch-update-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.batch-update-export-btn.excel{border-color:#10b981;color:#10b981}.batch-update-export-btn.excel:hover{background:#10b981;color:#fff}.batch-update-export-btn.csv{border-color:#3b82f6;color:#3b82f6}.batch-update-export-btn.csv:hover{background:#3b82f6;color:#fff}.batch-update-export-btn.pdf{border-color:#ef4444;color:#ef4444}.batch-update-export-btn.pdf:hover{background:#ef4444;color:#fff}.batch-update-export-btn:disabled{opacity:.5;cursor:not-allowed}.batch-update-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:var(--spacing-md)}.batch-update-table-title{margin:0;font-size:var(--font-lg);font-weight:700;color:#1a1a1a;padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid #e9ecef}.batch-update-table-wrapper{overflow-x:auto;max-height:550px;position:relative}.batch-update-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;font-size:var(--font-md)}.batch-update-table thead{background:linear-gradient(135deg,#2d3748,#1a202c);position:sticky;top:0;z-index:10}.batch-update-table thead th{padding:12px var(--padding-cell);text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-right:2px solid rgba(255,255,255,.2);border-bottom:3px solid #1a202c;white-space:nowrap}.batch-update-table thead th:last-child{border-right:none}.batch-update-table thead th:first-child{border-left:3px solid #3b82f6}.batch-update-table tbody tr{border-bottom:2px solid #e9ecef;transition:all .2s ease}.batch-update-table tbody tr:hover{background:linear-gradient(90deg,#f0f9ff,#f8fafc);box-shadow:inset 4px 0 #3b82f6}.batch-update-table tbody tr:last-child{border-bottom:2px solid #e9ecef}.batch-update-table tbody td{padding:12px var(--padding-cell);color:#2d3748;vertical-align:middle;font-size:13px;border-right:1px solid #e9ecef;font-weight:500}.batch-update-table tbody td:first-child{border-left:3px solid transparent;font-weight:600}.batch-update-table tbody tr:hover td:first-child{border-left-color:#3b82f6}.batch-update-table tbody td:last-child{border-right:none}.batch-update-cell-name{font-weight:700;color:#1a1a1a;font-size:13px;min-width:150px;padding-left:12px}.batch-update-cell-batch{color:#6b7280;font-size:12px;font-weight:500;min-width:100px;background:#f9fafb}.batch-update-cell-amount{font-weight:700;color:#059669;font-family:SF Mono,Monaco,Courier New,monospace;text-align:right;font-size:13px;min-width:120px;padding-right:12px;background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.05) 100%)}.batch-update-cell-percent{text-align:center;color:#6b7280;font-weight:700;font-size:12px;min-width:90px;background:linear-gradient(90deg,rgba(59,130,246,.03) 0%,transparent 100%)}.batch-update-table tbody td:nth-child(1){background:#fff;border-left:4px solid #3b82f6}.batch-update-table tbody td:nth-child(2){background:#f9fafb;border-left:1px solid #e9ecef}.batch-update-table tbody td:nth-child(3),.batch-update-table tbody td:nth-child(4),.batch-update-table tbody td:nth-child(5),.batch-update-table tbody td:nth-child(8),.batch-update-table tbody td:nth-child(9){background:linear-gradient(90deg,#10b98105,#10b9810d);text-align:right;font-weight:700;color:#059669}.batch-update-table tbody td:nth-child(6),.batch-update-table tbody td:nth-child(7),.batch-update-table tbody td:nth-child(10){background:linear-gradient(90deg,#3b82f605,#3b82f60d);text-align:center;font-weight:700;color:#1e40af}.batch-update-table thead th:nth-child(1){background:linear-gradient(135deg,#3b82f6,#2563eb);border-left:4px solid #1e40af}.batch-update-table thead th:nth-child(2){background:linear-gradient(135deg,#2d3748,#1a202c)}.batch-update-table thead th:nth-child(3),.batch-update-table thead th:nth-child(4),.batch-update-table thead th:nth-child(5),.batch-update-table thead th:nth-child(8),.batch-update-table thead th:nth-child(9){background:linear-gradient(135deg,#059669,#047857)}.batch-update-table thead th:nth-child(6),.batch-update-table thead th:nth-child(7),.batch-update-table thead th:nth-child(10){background:linear-gradient(135deg,#2563eb,#1d4ed8)}.batch-update-table-no-data{text-align:center}.batch-update-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.batch-update-no-data-image{width:140px;height:auto;opacity:.5;margin-bottom:16px}.batch-update-no-data-container h3{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 8px}.batch-update-no-data-container p{font-size:14px;color:#6c757d;margin:0;line-height:1.5}.batch-update-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#3b82f6;border-radius:50%;animation:batch-spin .8s linear infinite;margin-bottom:var(--spacing-lg)}@keyframes batch-spin{to{transform:rotate(360deg)}}.batch-update-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px var(--spacing-lg);border-top:3px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap;gap:var(--spacing-md)}.batch-update-page-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #3b82f6;border-radius:6px;color:#3b82f6;font-weight:700;font-size:11px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;box-shadow:0 2px 4px #3b82f61a}.batch-update-page-btn:hover:not(:disabled){background:#3b82f6;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.batch-update-page-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#d1d5db;color:#9ca3af}.batch-update-page-info{display:flex;align-items:center;gap:16px;font-size:12px;color:#2d3748;font-weight:700}.batch-update-page-info strong{color:#3b82f6;font-size:13px}.batch-update-page-count{font-size:11px;color:#6c757d;font-weight:600;background:#f3f4f6;padding:4px 10px;border-radius:4px}@media(max-width:1024px){.batch-update-table{font-size:12px}.batch-update-table thead th{padding:10px 8px;font-size:11px}.batch-update-table tbody td{padding:10px 8px;font-size:12px}.batch-update-cell-name{font-size:12px;min-width:120px}.batch-update-cell-amount{font-size:12px;min-width:100px}.batch-update-cell-percent{font-size:11px;min-width:80px}}@media(max-width:768px){.batch-update-table-wrapper{max-height:400px}.batch-update-table{font-size:11px}.batch-update-table thead th{padding:8px 6px;font-size:10px}.batch-update-table tbody td{padding:8px 6px;font-size:11px}.batch-update-cell-name{font-size:11px;min-width:100px}.batch-update-cell-amount{font-size:11px;min-width:90px}.batch-update-cell-percent{font-size:10px;min-width:70px}.batch-update-pagination{flex-direction:column;gap:10px}.batch-update-page-btn{width:100%;padding:7px 12px;font-size:10px}.batch-update-page-info{width:100%;justify-content:center;flex-direction:column;gap:8px}.batch-update-page-count{width:100%;text-align:center}}@media(max-width:480px){.batch-update-table-wrapper{max-height:300px}.batch-update-table{font-size:10px;min-width:800px}.batch-update-table thead th{padding:6px 4px;font-size:9px}.batch-update-table tbody td{padding:6px 4px;font-size:10px}.batch-update-cell-name{font-size:10px;min-width:80px}.batch-update-cell-amount{font-size:10px;min-width:70px}.batch-update-cell-percent{font-size:9px;min-width:60px}.batch-update-page-btn{padding:6px 10px;font-size:9px}.batch-update-page-info{font-size:10px;gap:6px}.batch-update-page-count{font-size:9px;padding:3px 8px}}.no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;max-width:480px;text-align:center}.no-access-image{width:160px;height:auto;margin-bottom:var(--spacing-lg)}.no-access-panel h3{font-size:var(--font-lg);font-weight:700;margin:var(--spacing-md) 0}.no-access-panel p{font-size:var(--font-md);color:#6c757d;line-height:1.6;margin:0}.sales-table-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px var(--spacing-lg);background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f}.sales-table-spinner{width:36px;height:36px;border:3px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:batch-spin .8s linear infinite;margin-bottom:var(--spacing-lg)}@media(min-width:1920px){:root{--spacing-lg: 16px;--spacing-xl: 20px;--font-3xl: 22px;--padding-card: 16px;--gap-grid: 12px}.batch-update-stats-grid{grid-template-columns:repeat(5,1fr)}.batch-update-stat-value{font-size:26px}.batch-update-table-wrapper{max-height:650px}}@media(min-width:1366px)and (max-width:1919px){:root{--spacing-lg: 14px;--spacing-xl: 18px;--font-3xl: 20px;--padding-card: 14px;--gap-grid: 10px}.batch-update-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1365px){:root{--spacing-md: 9px;--spacing-lg: 12px;--spacing-xl: 16px;--font-3xl: 18px;--padding-card: 12px;--gap-grid: 8px}.batch-update-stats-grid{grid-template-columns:repeat(3,1fr)}.batch-update-filter-row{grid-template-columns:1fr 1fr auto}.batch-update-form-grid{grid-template-columns:repeat(2,1fr)}.batch-update-table-wrapper{max-height:500px}}@media(max-width:1023px){:root{--spacing-xs: 3px;--spacing-sm: 5px;--spacing-md: 8px;--spacing-lg: 10px;--spacing-xl: 12px;--font-xs: 9px;--font-sm: 10px;--font-md: 11px;--font-lg: 12px;--padding-card: 10px;--padding-cell: 8px;--gap-grid: 6px}.batch-update-container{padding:var(--spacing-md)}.batch-update-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-sm);flex-direction:column;align-items:flex-start}.batch-update-header-content{width:100%}.batch-update-title{font-size:16px}.batch-update-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-update-stat-card{padding:var(--padding-card);gap:6px}.batch-update-stat-value{font-size:20px}.batch-update-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-update-filter-row{grid-template-columns:1fr}.batch-update-refresh-btn{width:100%}.batch-update-form-section{padding:var(--spacing-lg)}.batch-update-form-header{flex-direction:column;align-items:flex-start}.batch-update-toggle-btn{width:100%}.batch-update-form-grid,.batch-update-preview-grid{grid-template-columns:1fr}.batch-update-controls-section{flex-direction:column}.batch-update-controls-left{width:100%;min-width:auto}.batch-update-controls-right{width:100%;justify-content:space-between}.batch-update-export-buttons{width:100%}.batch-update-export-btn{flex:1;justify-content:center}.batch-update-table-title{font-size:var(--font-md)}.batch-update-table{font-size:var(--font-sm)}.batch-update-table thead th,.batch-update-table tbody td{padding:6px var(--padding-cell)}.batch-update-table-wrapper{max-height:400px}}@media(max-width:767px){:root{--spacing-xs: 3px;--spacing-sm: 4px;--spacing-md: 6px;--spacing-lg: 8px;--spacing-xl: 10px;--font-xs: 8px;--font-sm: 9px;--font-md: 10px;--font-lg: 11px;--padding-card: 8px;--padding-cell: 6px;--gap-grid: 5px}.batch-update-container{padding:var(--spacing-sm)}.batch-update-header{padding:var(--spacing-lg) var(--spacing-md);margin-bottom:var(--spacing-sm);flex-direction:column;align-items:flex-start}.batch-update-header-content{width:100%}.batch-update-title{font-size:16px}.batch-update-stats-grid{grid-template-columns:1fr;gap:var(--gap-grid)}.batch-update-stat-card{padding:var(--padding-card);gap:5px}.batch-update-stat-value{font-size:18px}.batch-update-filter-section{padding:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.batch-update-filter-row{grid-template-columns:1fr;gap:var(--spacing-sm)}.batch-update-filter-input{padding:6px 8px;font-size:var(--font-sm)}.batch-update-refresh-btn{width:100%;justify-content:center;padding:6px 10px}.batch-update-form-section{padding:var(--spacing-lg)}.batch-update-form-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.batch-update-toggle-btn{width:100%}.batch-update-form-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.batch-update-form-input{padding:6px 8px;font-size:var(--font-sm)}.batch-update-calc-btn{padding:6px 8px;font-size:var(--font-xs)}.batch-update-preview-section{padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.batch-update-preview-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.batch-update-info-box{font-size:var(--font-sm);padding:var(--spacing-md);gap:var(--spacing-sm)}.batch-update-submit-btn{padding:8px 16px;font-size:var(--font-sm)}.batch-update-controls-section{flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-sm)}.batch-update-controls-left,.batch-update-controls-right{width:100%}.batch-update-export-buttons{width:100%;gap:3px}.batch-update-export-btn{flex:1;justify-content:center;padding:5px 6px;font-size:8px;gap:2px}.batch-update-table-title{font-size:var(--font-md);padding:var(--spacing-md) var(--spacing-lg)}.batch-update-table{font-size:var(--font-sm)}.batch-update-table thead th,.batch-update-table tbody td{padding:6px var(--padding-cell)}.batch-update-table-wrapper{max-height:300px}.batch-update-no-data-container{padding:40px 12px}.batch-update-no-data-image{width:100px}.batch-update-no-data-container h3{font-size:var(--font-md)}.batch-update-no-data-container p{font-size:var(--font-sm)}.no-access-panel{padding:40px var(--spacing-lg)}.no-access-image{width:130px;margin-bottom:var(--spacing-lg)}.no-access-panel h3{font-size:var(--font-lg)}.no-access-panel p{font-size:var(--font-sm)}}@media(max-width:479px){:root{--spacing-xs: 2px;--spacing-sm: 3px;--spacing-md: 5px;--spacing-lg: 6px;--spacing-xl: 8px;--font-xs: 7px;--font-sm: 8px;--font-md: 9px;--font-lg: 10px;--padding-card: 6px;--padding-cell: 4px;--gap-grid: 4px}.batch-update-container{padding:var(--spacing-xs)}.batch-update-header{padding:var(--spacing-md)}.batch-update-title{font-size:14px}.batch-update-stat-value{font-size:16px}.batch-update-table{font-size:var(--font-xs)}.batch-update-table thead th,.batch-update-table tbody td{padding:4px var(--padding-cell)}.batch-update-export-btn{font-size:7px;padding:4px}}@media(max-width:359px){:root{--font-xs: 6px;--font-sm: 7px;--font-md: 8px}.batch-update-title{font-size:12px}.batch-update-stat-value{font-size:14px}.batch-update-table{font-size:6px}.batch-update-export-btn{font-size:6px;padding:3px}}.batch-update-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px var(--spacing-lg);border-top:2px solid #e9ecef;background:linear-gradient(135deg,#f8f9fa,#fff);flex-wrap:wrap;gap:var(--spacing-md)}.batch-update-page-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px 12px;background:#fff;border:2px solid #e9ecef;border-radius:6px;color:#495057;font-weight:600;font-size:var(--font-xs);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.batch-update-page-btn:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6;background:#dbeafe;transform:translateY(-1px)}.batch-update-page-btn:disabled{opacity:.5;cursor:not-allowed}.batch-update-page-info{display:flex;align-items:center;gap:12px;font-size:var(--font-xs);color:#495057;font-weight:600}.batch-update-page-count{font-size:var(--font-xs);color:#6c757d;font-weight:500}@media(max-width:768px){.batch-update-pagination{flex-direction:column;gap:var(--spacing-sm)}.batch-update-page-btn{width:100%;justify-content:center}.batch-update-page-info{width:100%;justify-content:center;flex-direction:column;gap:6px}}.login-cred-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.login-cred-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.login-cred-header-left{display:flex;align-items:center;gap:12px}.login-cred-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.login-cred-title-icon{font-size:26px;color:#2d3748}.login-cred-header-right{display:flex;gap:8px;flex-wrap:wrap}.login-cred-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px;background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.login-cred-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.login-cred-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000f}.login-cred-controls-left{flex:1;min-width:300px;display:flex;flex-direction:row;gap:12px;align-items:flex-end}.login-cred-filter-item{display:flex;gap:10px;align-items:center}.login-cred-filter-group{display:flex;align-items:center;gap:8px;flex:1;min-width:200px}.login-cred-filter-label{font-size:13px;font-weight:600;color:#495057;white-space:nowrap}.login-cred-select{flex:1;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;cursor:pointer}.login-cred-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.login-cred-select:disabled{opacity:.5;cursor:not-allowed}.login-cred-clear-btn{padding:8px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:all .3s ease}.login-cred-clear-btn:hover{background:#c82333}.login-cred-search-box{flex:1;min-width:200px;position:relative}.login-cred-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.login-cred-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.login-cred-search-input::placeholder{color:#adb5bd}.login-cred-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.login-cred-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.login-cred-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.login-cred-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.login-cred-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.login-cred-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.login-cred-table tbody tr:hover{background:#f8f9fa}.login-cred-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle;font-weight:500}.login-cred-cell-id{font-family:Courier New,monospace;font-weight:700}.login-cred-id-badge{display:inline-block;padding:4px 8px;background:#f3f4f6;border-radius:4px;font-size:11px;font-weight:600;color:#374151}.login-cred-cell-username{font-weight:700}.login-cred-user-info{display:flex;align-items:center;gap:8px}.login-cred-user-avatar{width:32px;height:32px;background:#2d3748;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.login-cred-cell-store{color:#2d3748}.login-cred-cell-time{color:#2d3748;font-size:12px}.login-cred-cell-status{text-align:center}.login-cred-status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.login-cred-status-badge.active{background:#d1fae5;color:#065f46}.login-cred-status-badge.expired{background:#fef3c7;color:#92400e}.login-cred-status-badge.logged_out{background:#fee2e2;color:#991b1b}.login-cred-status-dot{width:6px;height:6px;background:#065f46;border-radius:50%;display:inline-block}.login-cred-cell-logout{color:#2d3748;font-size:12px}.login-cred-cell-action{text-align:center}.login-cred-logout-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#dc3545;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.login-cred-logout-btn:hover{background:#c82333;transform:translateY(-2px);box-shadow:0 2px 6px #dc35454d}.login-cred-action-disabled{color:#adb5bd;font-weight:600}.login-cred-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.login-cred-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.login-cred-no-data-container p{font-size:13px;color:#6c757d;margin:0}.login-cred-loading-panel,.login-cred-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.login-cred-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.login-cred-loading-panel p,.login-cred-error-panel p{font-size:14px;color:#495057;margin:0}.login-cred-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.login-cred-no-access-image{width:200px;height:auto;margin-bottom:20px}.login-cred-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.login-cred-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.login-cred-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.login-cred-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.login-cred-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px;display:flex;align-items:center;gap:4px}.login-cred-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.login-cred-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.login-cred-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.login-cred-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.login-cred-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}@media(max-width:1024px){.login-cred-controls-left{flex-direction:column;align-items:stretch}.login-cred-filter-group,.login-cred-search-box{width:100%}}@media(max-width:768px){.login-cred-panel-container{padding:12px}.login-cred-dashboard-header{flex-direction:column;align-items:flex-start}.login-cred-header-right{width:100%;justify-content:flex-start}.login-cred-controls-section{flex-direction:column;padding:12px}.login-cred-controls-left{flex-direction:column;min-width:auto}.login-cred-table{font-size:12px}.login-cred-table thead th,.login-cred-table tbody td{padding:8px 10px}.login-cred-pagination-controls{gap:8px}}@media(max-width:480px){.login-cred-dashboard-title{font-size:18px}.login-cred-title-icon{font-size:20px}.login-cred-search-input,.login-cred-select{font-size:12px}.login-cred-table-wrapper{max-height:400px}.login-cred-table{font-size:11px}.login-cred-table thead th,.login-cred-table tbody td{padding:6px 8px}.login-cred-pagination-btn{padding:6px 10px;font-size:12px}.login-cred-refresh-btn{padding:8px 12px;font-size:11px}.login-cred-logout-btn{padding:4px 8px;font-size:10px}}.login-cred-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.login-cred-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.login-cred-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.login-cred-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.transfer-container{padding:16px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.transfer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #3b82f6}.transfer-header-content{flex:1}.transfer-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px}.transfer-title svg{color:#3b82f6}.transfer-subtitle{font-size:13px;color:#666;margin:8px 0 0}.transfer-subtitle strong{color:#1a1a1a;font-weight:700}.transfer-batch-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 6px #0000000f;margin-bottom:20px;border-left:4px solid #3b82f6}.transfer-batch-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #e8e8e8}.transfer-batch-header h3{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.transfer-batch-header svg{color:#3b82f6}.transfer-filters-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.transfer-filter-group{display:flex;flex-direction:column;gap:6px}.transfer-filter-label{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.transfer-filter-input,.transfer-filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;transition:all .3s ease;font-weight:500}.transfer-filter-input:focus,.transfer-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transfer-filter-input::placeholder{color:#999}.transfer-filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px}.transfer-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;width:100%}.transfer-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.transfer-btn-primary:disabled{opacity:.5;cursor:not-allowed}.transfer-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.transfer-batch-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-bottom:20px}.transfer-batch-item{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:8px;overflow:hidden;transition:all .3s ease}.transfer-batch-item:hover{box-shadow:0 4px 12px #00000014;border-color:#3b82f6}.transfer-batch-item-header{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-bottom:1px solid #e8e8e8}.transfer-batch-item-number{font-size:12px;font-weight:700;color:#3b82f6;background:#dbeafe;padding:4px 8px;border-radius:4px}.transfer-batch-remove-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #e8e8e8;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#dc2626}.transfer-batch-remove-btn:hover{background:#fee2e2;border-color:#dc2626}.transfer-batch-item-body{padding:12px;display:flex;flex-direction:column;gap:12px}.transfer-batch-item-info{display:flex;flex-direction:column;gap:8px}.transfer-batch-item-name{font-size:14px;font-weight:700;color:#1a1a1a}.transfer-batch-item-meta{display:flex;flex-direction:column;gap:4px;font-size:12px;color:#666}.transfer-batch-item-meta span{display:flex;align-items:center;gap:6px}.transfer-batch-item-stock{font-size:12px;color:#666;padding:8px;background:#fff;border-radius:4px;border:1px solid #e8e8e8}.transfer-batch-item-stock strong{color:#22c55e;font-weight:700}.transfer-batch-item-quantity{display:flex;flex-direction:column;gap:6px}.transfer-batch-item-quantity label{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.3px}.transfer-batch-quantity-input{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;font-weight:700;color:#1a1a1a;background:#fff;transition:all .3s ease}.transfer-batch-quantity-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.transfer-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#999}.transfer-no-data svg{margin-bottom:12px;opacity:.5}.transfer-no-data h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.transfer-no-data p{font-size:13px;color:#666;margin:0}.transfer-search-wrapper{position:relative;width:100%}.transfer-searching-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.transfer-search-spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.transfer-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.transfer-suggestion-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.transfer-suggestion-item:hover{background:#f9f9f9}.transfer-suggestion-item:last-child{border-bottom:none}.transfer-suggestion-content{display:flex;align-items:flex-start;gap:10px}.transfer-suggestion-icon{color:#666;flex-shrink:0;margin-top:2px}.transfer-suggestion-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.transfer-suggestion-details strong{font-size:13px;color:#1a1a1a;font-weight:700}.transfer-suggestion-details span{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-suggestion-barcode{font-family:Courier New,monospace}.transfer-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.transfer-spinner{width:40px;height:40px;border:4px solid #e8e8e8;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.transfer-loading p{font-size:14px;color:#666;margin:0;font-weight:600}@media(max-width:1024px){.transfer-filters-row{grid-template-columns:repeat(2,1fr)}.transfer-batch-items-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media(max-width:768px){.transfer-container{padding:12px}.transfer-header{flex-direction:column;align-items:flex-start}.transfer-filters-row,.transfer-batch-items-grid{grid-template-columns:1fr}}@media(max-width:480px){.transfer-title{font-size:18px}.transfer-filters-row,.transfer-batch-items-grid{grid-template-columns:1fr}}.gatepass-container{padding:16px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.gatepass-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #3b82f6}.gatepass-header-content{flex:1}.gatepass-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px}.gatepass-title svg{color:#3b82f6}.gatepass-subtitle{font-size:13px;color:#666;margin:8px 0 0}.gatepass-subtitle strong{color:#1a1a1a;font-weight:700}.gatepass-filters{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f}.gatepass-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.gatepass-filter-group{display:flex;flex-direction:column;gap:6px}.gatepass-filter-label{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.gatepass-filter-input,.gatepass-filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;transition:all .3s ease;font-weight:500}.gatepass-filter-input:focus,.gatepass-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gatepass-filter-input::placeholder{color:#999}.gatepass-filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px}.gatepass-search-wrapper{display:flex;gap:8px;align-items:center}.gatepass-btn-search{padding:10px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.gatepass-btn-search:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.gatepass-btn-search:disabled{opacity:.5;cursor:not-allowed}.gatepass-filter-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.gatepass-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.gatepass-btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}.gatepass-btn-primary:disabled{opacity:.5;cursor:not-allowed}.gatepass-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.gatepass-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-2px)}.gatepass-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.gatepass-btn-reset-barcode{background:#fecaca;color:#dc2626;border-color:#fca5a5}.gatepass-btn-reset-barcode:hover:not(:disabled){background:#fbbf24;color:#92400e;border-color:#f59e0b}.gatepass-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#1a1a1a;cursor:pointer;-webkit-user-select:none;user-select:none}.gatepass-checkbox{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.gatepass-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.gatepass-table-wrapper{overflow-x:auto;max-height:700px}.gatepass-table{width:100%;border-collapse:collapse;font-size:13px}.gatepass-table thead{background:#2d2d2d;position:sticky;top:0;z-index:10}.gatepass-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.gatepass-table tbody tr{border-bottom:1px solid #e8e8e8;transition:all .2s ease}.gatepass-table tbody tr:hover{background:#f9f9f9}.gatepass-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle}.gatepass-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #fcd34d}.gatepass-badge-na{display:inline-block;padding:4px 8px;background:#f3f4f6;color:#999;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #e5e7eb}.gatepass-product-info-cell{display:flex;flex-direction:column;gap:6px}.gatepass-product-id-badge{display:inline-block;padding:4px 8px;background:#e8e8e8;color:#1a1a1a;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #ddd;width:fit-content}.gatepass-product-name-text{font-size:13px;font-weight:700;color:#1a1a1a}.gatepass-barcode-badge{display:inline-block;padding:4px 8px;background:#f0f0f0;color:#333;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:700;border:1px solid #ddd}.gatepass-type-badge{display:inline-block;padding:4px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #93c5fd}.gatepass-store-badge{display:inline-block;padding:4px 8px;background:#f3e8ff;color:#6b21a8;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #e9d5ff}.gatepass-color-badge{display:inline-block;padding:6px 10px;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #333;min-width:70px;text-align:center}.gatepass-quantity-badge{display:inline-block;padding:6px 10px;background:#dcfce7;color:#166534;border-radius:4px;font-size:13px;font-weight:700;border:1px solid #bbf7d0}.gatepass-battery-cell{display:flex;align-items:center;gap:8px}.gatepass-battery-badge{display:inline-block;padding:6px 10px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #fcd34d;min-width:80px;text-align:center}.gatepass-battery-badge:empty:before{content:"-";color:#999}.gatepass-battery-btn{background:none;border:none;cursor:pointer;color:#8b5cf6;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .3s ease}.gatepass-battery-btn:hover{color:#7c3aed;transform:scale(1.2)}.gatepass-user-cell{display:flex;align-items:center;gap:6px;color:#1a1a1a;font-size:13px;font-weight:700}.gatepass-action-btn-print{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#1a1a1a}.gatepass-action-btn-print:hover{background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 2px 6px #3b82f626}.gatepass-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.gatepass-page-btn{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#1a1a1a;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}.gatepass-page-btn:hover:not(:disabled){background:#3b82f6;color:#fff;border-color:#3b82f6;transform:translateY(-2px)}.gatepass-page-btn:disabled{opacity:.4;cursor:not-allowed}.gatepass-page-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;font-weight:700}.gatepass-page-input{width:60px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:13px;font-weight:700;color:#1a1a1a}.gatepass-page-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gatepass-export{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f}.gatepass-export-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.gatepass-export-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.gatepass-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#1a1a1a;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.gatepass-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.gatepass-export-btn.excel{border-color:#22c55e;color:#22c55e}.gatepass-export-btn.excel:hover:not(:disabled){background:#22c55e;color:#fff}.gatepass-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.gatepass-export-btn.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.gatepass-export-btn.pdf{border-color:#3b82f6;color:#3b82f6}.gatepass-export-btn.pdf:hover:not(:disabled){background:#3b82f6;color:#fff}.gatepass-export-btn:disabled{opacity:.5;cursor:not-allowed}.gatepass-export-info{font-size:12px;color:#666;margin:0;font-weight:600}.gatepass-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.gatepass-spinner{width:40px;height:40px;border:4px solid #e8e8e8;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.gatepass-loading p{font-size:14px;color:#666;margin:0;font-weight:600}.gatepass-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#999}.gatepass-no-data img{width:150px;height:auto;margin-bottom:16px;opacity:.6}.gatepass-no-data h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.gatepass-no-data p{font-size:13px;color:#666;margin:0}.gatepass-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.gatepass-modal-content{background-color:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;width:90%;max-width:500px;display:flex;flex-direction:column;max-height:90vh;overflow-y:auto}.gatepass-modal-header{padding:20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.gatepass-modal-header h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.gatepass-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;padding:0;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gatepass-modal-close:hover:not(:disabled){color:#1a1a1a;transform:scale(1.1)}.gatepass-modal-close:disabled{opacity:.5;cursor:not-allowed}.gatepass-modal-body{padding:20px;flex:1;overflow-y:auto}.gatepass-modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:20px;padding:15px;background:#f9fafb;border-radius:6px}.gatepass-modal-info-row{display:flex;flex-direction:column;gap:4px}.gatepass-modal-info-row label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px}.gatepass-modal-info-row span{font-size:13px;font-weight:600;color:#1a1a1a}.gatepass-modal-barcode{background-color:#f3f4f6;padding:4px 8px;border-radius:4px;font-family:Courier New,monospace;font-weight:700;font-size:12px;display:inline-block}.gatepass-modal-input-section{margin-top:20px}.gatepass-modal-input-label{display:block;margin-bottom:8px;font-weight:700;font-size:13px;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.gatepass-modal-input{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;box-sizing:border-box;font-weight:500;transition:all .3s ease}.gatepass-modal-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.gatepass-modal-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.gatepass-modal-footer{padding:20px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:10px}.gatepass-modal-cancel-btn{padding:10px 20px;background-color:#e5e7eb;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;color:#1a1a1a;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.gatepass-modal-cancel-btn:hover:not(:disabled){background-color:#d1d5db;transform:translateY(-2px)}.gatepass-modal-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.gatepass-modal-save-btn{padding:10px 20px;background-color:#8b5cf6;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:700;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.gatepass-modal-save-btn:hover:not(:disabled){background-color:#7c3aed;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf633}.gatepass-modal-save-btn:disabled{opacity:.5;cursor:not-allowed}.gatepass-date-picker{cursor:pointer!important;width:100%}.gatepass-date-picker:focus{cursor:text!important}.gatepass-date-picker-popper{z-index:1001!important}.gatepass-date-picker-popper .react-datepicker{border:2px solid #3b82f6!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.gatepass-date-picker-popper .react-datepicker__header{background:#3b82f6!important;border-bottom:2px solid #3b82f6!important;padding:12px!important}.gatepass-date-picker-popper .react-datepicker__current-month,.gatepass-date-picker-popper .react-datepicker__current-month--hasYearDropdown,.gatepass-date-picker-popper .react-datepicker__current-month--hasMonthDropdown{color:#fff!important;font-weight:700!important;font-size:14px!important;margin-bottom:10px!important}.gatepass-date-picker-popper .react-datepicker__day-names{display:flex!important;justify-content:space-around!important;padding:8px 0!important;border-bottom:1px solid #e8e8e8!important}.gatepass-date-picker-popper .react-datepicker__day-name{color:#1a1a1a!important;font-weight:700!important;width:30px!important;text-align:center!important;font-size:12px!important}.gatepass-date-picker-popper .react-datepicker__month{margin:10px 0!important;padding:0 10px!important}.gatepass-date-picker-popper .react-datepicker__week{display:flex!important;justify-content:space-around!important;margin-bottom:5px!important}.gatepass-date-picker-popper .react-datepicker__day{width:30px!important;height:30px!important;line-height:30px!important;text-align:center!important;color:#1a1a1a!important;font-weight:600!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:13px!important}.gatepass-date-picker-popper .react-datepicker__day:hover{background:#dbeafe!important;color:#1a1a1a!important}.gatepass-date-picker-popper .react-datepicker__day--selected,.gatepass-date-picker-popper .react-datepicker__day--in-selecting-range,.gatepass-date-picker-popper .react-datepicker__day--in-range{background:#3b82f6!important;color:#fff!important;font-weight:700!important}.gatepass-date-picker-popper .react-datepicker__day--today{font-weight:700!important;color:#3b82f6!important}.gatepass-date-picker-popper .react-datepicker__day--outside-month{color:#ccc!important;cursor:not-allowed!important}.gatepass-date-picker-popper .react-datepicker__month-dropdown-container--select,.gatepass-date-picker-popper .react-datepicker__year-dropdown-container--select{background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;padding:4px 8px!important;cursor:pointer!important;font-weight:600!important;color:#1a1a1a!important}.gatepass-date-picker-popper .react-datepicker__month-dropdown-container--select select,.gatepass-date-picker-popper .react-datepicker__year-dropdown-container--select select{background:#fff!important;border:none!important;color:#1a1a1a!important;font-weight:600!important;cursor:pointer!important}.gatepass-date-picker-popper .react-datepicker__month-option,.gatepass-date-picker-popper .react-datepicker__year-option{color:#1a1a1a!important;font-weight:600!important;padding:8px 12px!important;text-align:left!important}.gatepass-date-picker-popper .react-datepicker__month-option--selected,.gatepass-date-picker-popper .react-datepicker__year-option--selected{background:#3b82f6!important;color:#fff!important;font-weight:700!important}.gatepass-date-picker-popper .react-datepicker__month-option:hover,.gatepass-date-picker-popper .react-datepicker__year-option:hover{background:#dbeafe!important;color:#1a1a1a!important}.gatepass-date-picker-popper .react-datepicker__close-icon{cursor:pointer!important}.gatepass-date-picker-popper .react-datepicker__close-icon:after{background:#3b82f6!important;font-size:16px!important;font-weight:700!important}@media(max-width:1024px){.gatepass-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.gatepass-container{padding:12px}.gatepass-header{flex-direction:column;align-items:flex-start}.gatepass-filters-grid{grid-template-columns:1fr}.gatepass-table-wrapper{max-height:400px}.gatepass-table{font-size:12px}.gatepass-table thead th,.gatepass-table tbody td{padding:8px 10px}.gatepass-export-buttons{flex-direction:column}.gatepass-export-btn{width:100%}.gatepass-modal-content{width:95%}.gatepass-modal-info-grid{grid-template-columns:1fr}.gatepass-filter-actions{flex-direction:column}.gatepass-btn-secondary{width:100%}}@media(max-width:480px){.gatepass-title{font-size:18px}.gatepass-table{font-size:11px}.gatepass-table thead th,.gatepass-table tbody td{padding:6px 8px}.gatepass-pagination{gap:6px}.gatepass-page-btn{padding:6px 10px;font-size:12px}.gatepass-modal-content{width:98%;max-height:95vh}.gatepass-modal-header,.gatepass-modal-body,.gatepass-modal-footer{padding:16px}.gatepass-modal-info-grid{grid-template-columns:1fr;gap:12px}.gatepass-filters-grid{grid-template-columns:1fr}.gatepass-search-wrapper{flex-direction:column}.gatepass-btn-search{width:100%}}.gatepass-text-center{text-align:center}.gatepass-text-right{text-align:right}.gatepass-text-left{text-align:left}.gatepass-mt-1{margin-top:4px}.gatepass-mt-2{margin-top:8px}.gatepass-mt-3{margin-top:12px}.gatepass-mt-4{margin-top:16px}.gatepass-mb-1{margin-bottom:4px}.gatepass-mb-2{margin-bottom:8px}.gatepass-mb-3{margin-bottom:12px}.gatepass-mb-4{margin-bottom:16px}.gatepass-p-1{padding:4px}.gatepass-p-2{padding:8px}.gatepass-p-3{padding:12px}.gatepass-p-4{padding:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.gatepass-fade-in{animation:fadeIn .3s ease-in-out}.gatepass-slide-in{animation:slideIn .3s ease-in-out}.gatepass-btn-primary:focus,.gatepass-btn-secondary:focus,.gatepass-btn-search:focus{outline:2px solid #3b82f6;outline-offset:2px}.gatepass-filter-input:focus,.gatepass-filter-select:focus{outline:2px solid #3b82f6;outline-offset:2px}@media(prefers-reduced-motion:reduce){.gatepass-spinner,.gatepass-btn-primary,.gatepass-btn-secondary,.gatepass-battery-btn,.gatepass-action-btn-print{animation:none;transition:none}}@media print{.gatepass-header,.gatepass-filters,.gatepass-pagination,.gatepass-export,.gatepass-filter-actions,.gatepass-btn-primary,.gatepass-btn-secondary{display:none}.gatepass-table{font-size:10px}.gatepass-table thead{background:#333;color:#fff}.gatepass-table tbody tr{page-break-inside:avoid}}.stock-overview-container{padding:16px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.stock-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #1a1a1a}.stock-header-content{flex:1}.stock-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px}.stock-title svg{color:#2d2d2d}.stock-subtitle{font-size:13px;color:#666;margin:8px 0 0}.stock-subtitle strong{color:#1a1a1a;font-weight:700}.stock-filters{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f}.stock-filters-grid-extended{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px}.stock-filter-group{display:flex;flex-direction:column;gap:6px}.stock-filter-label{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.stock-filter-input,.stock-filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;transition:all .3s ease;font-weight:500}.stock-filter-input:focus,.stock-filter-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.stock-filter-input::placeholder{color:#999}.stock-filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px}.stock-filter-actions{display:flex;gap:8px;justify-content:flex-end}.stock-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.stock-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a33}.stock-btn-primary:disabled{opacity:.5;cursor:not-allowed}.stock-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.stock-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-2px)}.stock-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.stock-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.stock-table-wrapper{overflow-x:auto;max-height:700px}.stock-table{width:100%;border-collapse:collapse;font-size:13px}.stock-table thead{background:#2d2d2d;position:sticky;top:0;z-index:10}.stock-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.stock-table tbody tr{border-bottom:1px solid #e8e8e8;transition:all .2s ease}.stock-table tbody tr:hover{background:#f9f9f9}.stock-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle}.stock-product-id-badge{display:inline-block;padding:4px 8px;background:#e8e8e8;color:#1a1a1a;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #ddd}.stock-barcode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f0f0f0;color:#333;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:700;border:1px solid #ddd}.stock-type-badge{display:inline-block;padding:4px 8px;background:#d0d0d0;color:#1a1a1a;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #bbb}.stock-quantity-badge{display:inline-block;padding:6px 10px;background:#e8e8e8;color:#1a1a1a;border-radius:4px;font-size:13px;font-weight:700;border:1px solid #ddd}.stock-user-cell{display:flex;align-items:center;gap:6px;color:#1a1a1a;font-size:13px;font-weight:700}.stock-user-cell svg{color:#666}.stock-action-btn-eye{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#1a1a1a}.stock-action-btn-eye:hover{background:#1a1a1a;color:#fff;border-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 2px 6px #00000026}.stock-search-wrapper{position:relative;width:100%}.stock-searching-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.stock-search-spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite}.stock-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.stock-suggestion-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.stock-suggestion-item:hover{background:#f9f9f9}.stock-suggestion-item:last-child{border-bottom:none}.stock-suggestion-content{display:flex;align-items:flex-start;gap:10px}.stock-suggestion-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.stock-suggestion-details strong{font-size:13px;color:#1a1a1a;font-weight:700}.stock-suggestion-details span{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.stock-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#f9f9f9;border-top:1px solid #e8e8e8}.stock-page-btn{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#1a1a1a;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}.stock-page-btn:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#1a1a1a;transform:translateY(-2px)}.stock-page-btn:disabled{opacity:.4;cursor:not-allowed}.stock-page-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;font-weight:700}.stock-page-input{width:60px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:13px;font-weight:700;color:#1a1a1a}.stock-page-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.stock-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.stock-no-data img{width:140px;height:auto;opacity:.6;margin-bottom:12px}.stock-no-data h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.stock-no-data p{font-size:13px;color:#666;margin:0}.stock-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.stock-spinner{width:40px;height:40px;border:4px solid #e8e8e8;border-top-color:#1a1a1a;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.stock-loading p{font-size:14px;color:#666;margin:0;font-weight:600}.stock-export{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f}.stock-export-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.stock-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:16px}.stock-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.stock-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e8e8e8;background:#f9f9f9;position:sticky;top:0;z-index:10}.stock-modal-header h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.stock-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666}.stock-modal-close:hover{background:#e8e8e8;color:#1a1a1a;transform:rotate(90deg)}.stock-modal-body{padding:20px}.stock-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.stock-modal-section{background:#f9f9f9;padding:16px;border-radius:6px;border:1px solid #e8e8e8}.stock-modal-section h4{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e8e8e8;text-transform:uppercase;letter-spacing:.5px}.stock-modal-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #e8e8e8}.stock-modal-item:last-child{border-bottom:none}.stock-modal-label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px;min-width:120px}.stock-modal-value{font-size:13px;font-weight:700;color:#1a1a1a;text-align:right;flex:1;word-break:break-word}.stock-modal-loading{padding:40px;text-align:center;font-size:16px;font-weight:700;color:#666}.no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.stock-filters-grid-extended-search{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px}.stock-search-group{grid-column:1}.stock-search-input-wide{width:100%;min-width:400px}.stock-date-picker{cursor:pointer!important;width:100%}.stock-date-picker:focus{cursor:text!important}.react-datepicker-wrapper,.react-datepicker__input-container{width:100%}.stock-date-picker-popper{z-index:1001!important}.react-datepicker{border:2px solid #1a1a1a!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.react-datepicker__header{background:#1a1a1a!important;border-bottom:2px solid #1a1a1a!important;padding:12px!important}.react-datepicker__current-month,.react-datepicker__current-month--hasYearDropdown,.react-datepicker__current-month--hasMonthDropdown{color:#fff!important;font-weight:700!important;font-size:14px!important;margin-bottom:10px!important}.react-datepicker__day-names{display:flex!important;justify-content:space-around!important;padding:8px 0!important;border-bottom:1px solid #e8e8e8!important}.react-datepicker__day-name{color:#1a1a1a!important;font-weight:700!important;width:30px!important;text-align:center!important;font-size:12px!important}.react-datepicker__month{margin:10px 0!important;padding:0 10px!important}.react-datepicker__week{display:flex!important;justify-content:space-around!important;margin-bottom:5px!important}.react-datepicker__day{width:30px!important;height:30px!important;line-height:30px!important;text-align:center!important;color:#1a1a1a!important;font-weight:600!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:13px!important}.react-datepicker__day:hover{background:#e8e8e8!important;color:#1a1a1a!important}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range{background:#1a1a1a!important;color:#fff!important;font-weight:700!important}.react-datepicker__day--today{font-weight:700!important;color:#dc3545!important}.react-datepicker__day--outside-month{color:#ccc!important;cursor:not-allowed!important}.react-datepicker__month-dropdown-container--select,.react-datepicker__year-dropdown-container--select{background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;padding:4px 8px!important;cursor:pointer!important;font-weight:600!important;color:#1a1a1a!important}.react-datepicker__month-dropdown-container--select select,.react-datepicker__year-dropdown-container--select select{background:#fff!important;border:none!important;color:#1a1a1a!important;font-weight:600!important;cursor:pointer!important}.react-datepicker__month-option,.react-datepicker__year-option{color:#1a1a1a!important;font-weight:600!important;padding:8px 12px!important;text-align:left!important}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background:#1a1a1a!important;color:#fff!important;font-weight:700!important}.react-datepicker__month-option:hover,.react-datepicker__year-option:hover{background:#e8e8e8!important;color:#1a1a1a!important}.react-datepicker__close-icon{cursor:pointer!important}.react-datepicker__close-icon:after{background:#1a1a1a!important;font-size:16px!important;font-weight:700!important}@media(max-width:1024px){.stock-filters-grid-extended-search{grid-template-columns:1.5fr 1fr 1fr}.stock-search-input-wide{min-width:300px}}@media(max-width:768px){.stock-overview-container{padding:12px}.stock-header{flex-direction:column;align-items:flex-start}.stock-filters-grid-extended,.stock-filters-grid-extended-search{grid-template-columns:1fr}.stock-search-group{grid-column:1}.stock-search-input-wide{min-width:auto;width:100%}.stock-table{font-size:12px}.stock-table thead th,.stock-table tbody td{padding:8px 10px}.stock-export-buttons{flex-direction:column}.stock-export-btn{width:100%}.stock-modal-grid{grid-template-columns:1fr}.react-datepicker{width:100%!important}}@media(max-width:480px){.stock-title{font-size:18px}.stock-table-wrapper{max-height:400px}.stock-table{font-size:11px}.stock-table thead th,.stock-table tbody td{padding:6px 8px}.stock-pagination{gap:6px}.stock-page-btn{padding:6px 10px;font-size:12px}.stock-modal-overlay{padding:8px}.stock-modal-header h2{font-size:16px}.stock-modal-grid{grid-template-columns:1fr}.react-datepicker{font-size:12px!important}.react-datepicker__day{width:28px!important;height:28px!important;line-height:28px!important}}.outward-container{padding:16px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.outward-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #ef4444}.outward-header-content{flex:1}.outward-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px}.outward-title svg{color:#ef4444}.outward-subtitle{font-size:13px;color:#666;margin:8px 0 0}.outward-subtitle strong{color:#1a1a1a;font-weight:700}.outward-filters{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f}.outward-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px}.outward-filters-grid-search{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin-bottom:12px}.outward-filter-group{display:flex;flex-direction:column;gap:6px}.outward-search-group{grid-column:1}.outward-filter-label{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.outward-filter-input,.outward-filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;transition:all .3s ease;font-weight:500}.outward-filter-input:focus,.outward-filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.outward-filter-input::placeholder{color:#999}.outward-filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px}.outward-filter-actions{display:flex;gap:8px;justify-content:flex-end}.outward-btn-danger{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#ef4444;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.outward-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef444433}.outward-btn-danger:disabled{opacity:.5;cursor:not-allowed}.outward-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.outward-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-2px)}.outward-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.outward-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.outward-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.outward-table-wrapper{overflow-x:auto;max-height:700px}.outward-table{width:100%;border-collapse:collapse;font-size:13px}.outward-table thead{background:#ef4444;position:sticky;top:0;z-index:10}.outward-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #dc2626}.outward-table tbody tr{border-bottom:1px solid #e8e8e8;transition:all .2s ease}.outward-table tbody tr:hover{background:#f9f9f9}.outward-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle}.outward-product-id-badge{display:inline-block;padding:4px 8px;background:#e8e8e8;color:#1a1a1a;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #ddd}.outward-barcode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#f0f0f0;color:#333;border-radius:4px;font-family:Courier New,monospace;font-size:12px;font-weight:700;border:1px solid #ddd}.outward-type-badge{display:inline-block;padding:4px 8px;background:#fecaca;color:#991b1b;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #fca5a5}.outward-quantity-badge{display:inline-block;padding:6px 10px;background:#fee2e2;color:#991b1b;border-radius:4px;font-size:13px;font-weight:700;border:1px solid #fecaca}.outward-user-cell{display:flex;align-items:center;gap:6px;color:#1a1a1a;font-size:13px;font-weight:700}.outward-user-cell svg{color:#666}.outward-action-btn-eye{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#1a1a1a}.outward-action-btn-eye:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-2px);box-shadow:0 2px 6px #ef444426}.outward-search-wrapper{position:relative;width:100%}.outward-search-input-wide{width:100%;min-width:400px}.outward-searching-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.outward-search-spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite}.outward-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.outward-suggestion-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.outward-suggestion-item:hover{background:#f9f9f9}.outward-suggestion-item:last-child{border-bottom:none}.outward-suggestion-content{display:flex;align-items:flex-start;gap:10px}.outward-suggestion-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.outward-suggestion-details strong{font-size:13px;color:#1a1a1a;font-weight:700}.outward-suggestion-details span{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Courier New,monospace}.outward-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#f9f9f9;border-top:1px solid #e8e8e8}.outward-page-btn{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#1a1a1a;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}.outward-page-btn:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-2px)}.outward-page-btn:disabled{opacity:.4;cursor:not-allowed}.outward-page-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;font-weight:700}.outward-page-input{width:60px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:13px;font-weight:700;color:#1a1a1a}.outward-page-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.outward-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.outward-no-data img{width:140px;height:auto;opacity:.6;margin-bottom:12px}.outward-no-data h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.outward-no-data p{font-size:13px;color:#666;margin:0}.outward-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.outward-spinner{width:40px;height:40px;border:4px solid #e8e8e8;border-top-color:#ef4444;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.outward-loading p{font-size:14px;color:#666;margin:0;font-weight:600}.outward-export{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 6px #0000000f}.outward-export-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.outward-export-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.outward-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#1a1a1a;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.outward-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.outward-export-btn.excel{border-color:#28a745;color:#28a745}.outward-export-btn.excel:hover:not(:disabled){background:#28a745;color:#fff}.outward-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.outward-export-btn.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.outward-export-btn.pdf{border-color:#ef4444;color:#ef4444}.outward-export-btn.pdf:hover:not(:disabled){background:#ef4444;color:#fff}.outward-export-btn:disabled{opacity:.5;cursor:not-allowed}.outward-export-info{font-size:12px;color:#666;margin:0;font-weight:600}.outward-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:16px}.outward-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}.outward-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e8e8e8;background:#f9f9f9;position:sticky;top:0;z-index:10}.outward-modal-header h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.outward-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666}.outward-modal-close:hover{background:#e8e8e8;color:#1a1a1a;transform:rotate(90deg)}.outward-modal-body{padding:20px}.outward-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.outward-modal-section{background:#f9f9f9;padding:16px;border-radius:6px;border:1px solid #e8e8e8}.outward-modal-section h4{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e8e8e8;text-transform:uppercase;letter-spacing:.5px}.outward-modal-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #e8e8e8}.outward-modal-item:last-child{border-bottom:none}.outward-modal-label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px;min-width:120px}.outward-modal-value{font-size:13px;font-weight:700;color:#1a1a1a;text-align:right;flex:1;word-break:break-word}.outward-modal-loading{padding:40px;text-align:center;font-size:16px;font-weight:700;color:#666}.outward-date-picker{cursor:pointer!important;width:100%}.outward-date-picker:focus{cursor:text!important}.outward-date-picker-popper{z-index:1001!important}.outward-date-picker-popper .react-datepicker{border:2px solid #ef4444!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.outward-date-picker-popper .react-datepicker__header{background:#ef4444!important;border-bottom:2px solid #ef4444!important;padding:12px!important}.outward-date-picker-popper .react-datepicker__current-month,.outward-date-picker-popper .react-datepicker__current-month--hasYearDropdown,.outward-date-picker-popper .react-datepicker__current-month--hasMonthDropdown{color:#fff!important;font-weight:700!important;font-size:14px!important;margin-bottom:10px!important}.outward-date-picker-popper .react-datepicker__day-names{display:flex!important;justify-content:space-around!important;padding:8px 0!important;border-bottom:1px solid #e8e8e8!important}.outward-date-picker-popper .react-datepicker__day-name{color:#1a1a1a!important;font-weight:700!important;width:30px!important;text-align:center!important;font-size:12px!important}.outward-date-picker-popper .react-datepicker__month{margin:10px 0!important;padding:0 10px!important}.outward-date-picker-popper .react-datepicker__week{display:flex!important;justify-content:space-around!important;margin-bottom:5px!important}.outward-date-picker-popper .react-datepicker__day{width:30px!important;height:30px!important;line-height:30px!important;text-align:center!important;color:#1a1a1a!important;font-weight:600!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:13px!important}.outward-date-picker-popper .react-datepicker__day:hover{background:#fee2e2!important;color:#1a1a1a!important}.outward-date-picker-popper .react-datepicker__day--selected,.outward-date-picker-popper .react-datepicker__day--in-selecting-range,.outward-date-picker-popper .react-datepicker__day--in-range{background:#ef4444!important;color:#fff!important;font-weight:700!important}.outward-date-picker-popper .react-datepicker__day--today{font-weight:700!important;color:#ef4444!important}.outward-date-picker-popper .react-datepicker__day--outside-month{color:#ccc!important;cursor:not-allowed!important}.outward-date-picker-popper .react-datepicker__month-dropdown-container--select,.outward-date-picker-popper .react-datepicker__year-dropdown-container--select{background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;padding:4px 8px!important;cursor:pointer!important;font-weight:600!important;color:#1a1a1a!important}.outward-date-picker-popper .react-datepicker__month-dropdown-container--select select,.outward-date-picker-popper .react-datepicker__year-dropdown-container--select select{background:#fff!important;border:none!important;color:#1a1a1a!important;font-weight:600!important;cursor:pointer!important}.outward-date-picker-popper .react-datepicker__month-option,.outward-date-picker-popper .react-datepicker__year-option{color:#1a1a1a!important;font-weight:600!important;padding:8px 12px!important;text-align:left!important}.outward-date-picker-popper .react-datepicker__month-option--selected,.outward-date-picker-popper .react-datepicker__year-option--selected{background:#ef4444!important;color:#fff!important;font-weight:700!important}.outward-date-picker-popper .react-datepicker__month-option:hover,.outward-date-picker-popper .react-datepicker__year-option:hover{background:#fee2e2!important;color:#1a1a1a!important}.outward-date-picker-popper .react-datepicker__close-icon{cursor:pointer!important}.outward-date-picker-popper .react-datepicker__close-icon:after{background:#ef4444!important;font-size:16px!important;font-weight:700!important}@media(max-width:1024px){.outward-filters-grid-search{grid-template-columns:1.5fr 1fr 1fr}.outward-search-input-wide{min-width:300px}}@media(max-width:768px){.outward-container{padding:12px}.outward-header{flex-direction:column;align-items:flex-start}.outward-filters-grid,.outward-filters-grid-search{grid-template-columns:1fr}.outward-search-group{grid-column:1}.outward-search-input-wide{min-width:auto;width:100%}.outward-table{font-size:12px}.outward-table thead th,.outward-table tbody td{padding:8px 10px}.outward-export-buttons{flex-direction:column}.outward-export-btn{width:100%}.outward-modal-grid{grid-template-columns:1fr}.outward-date-picker-popper .react-datepicker{width:100%!important}}@media(max-width:480px){.outward-title{font-size:18px}.outward-table-wrapper{max-height:400px}.outward-table{font-size:11px}.outward-table thead th,.outward-table tbody td{padding:6px 8px}.outward-pagination{gap:6px}.outward-page-btn{padding:6px 10px;font-size:12px}.outward-modal-overlay{padding:8px}.outward-modal-header h2{font-size:16px}.outward-modal-grid{grid-template-columns:1fr}.outward-date-picker-popper .react-datepicker{font-size:12px!important}.outward-date-picker-popper .react-datepicker__day{width:28px!important;height:28px!important;line-height:28px!important}}.summary-container{padding:16px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #6366f1}.summary-header-content{flex:1}.summary-title{font-size:24px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px}.summary-title svg{color:#6366f1}.summary-subtitle{font-size:13px;color:#666;margin:8px 0 0}.summary-subtitle strong{color:#1a1a1a;font-weight:700}.summary-filters{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f}.summary-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:12px}.summary-filters-grid-search{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}.summary-filter-group{display:flex;flex-direction:column;gap:6px}.summary-search-group{grid-column:1}.summary-filter-label{font-size:12px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.summary-filter-input,.summary-filter-select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;transition:all .3s ease;font-weight:500}.summary-filter-input:focus,.summary-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.summary-filter-input::placeholder{color:#999}.summary-filter-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:28px}.summary-filter-actions{display:flex;gap:8px;justify-content:flex-end}.summary-search-input-wide{width:100%;min-width:400px}.summary-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 14px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.summary-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-2px)}.summary-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.summary-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:16px;margin-bottom:16px}.summary-table-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;display:flex;flex-direction:column}.summary-table-card.in{border-top:4px solid #22c55e}.summary-table-card.out{border-top:4px solid #ef4444}.summary-table-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px;border-bottom:1px solid #e8e8e8;background:#f9f9f9;flex-wrap:wrap}.summary-table-title{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.summary-table-title h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.summary-table-title svg{color:#6366f1}.summary-table-filter{min-width:180px;margin-bottom:0}.summary-table-info{padding:8px 16px;background:#f9f9f9;font-size:12px;color:#666;font-weight:600;border-bottom:1px solid #e8e8e8}.summary-table-info strong{color:#1a1a1a;font-weight:700}.summary-table-wrapper{overflow-x:auto;flex:1;max-height:600px}.summary-table{width:100%;border-collapse:collapse;font-size:13px}.summary-table thead{background:#2d2d2d;position:sticky;top:0;z-index:10}.summary-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.summary-table tbody tr{border-bottom:1px solid #e8e8e8;transition:all .2s ease}.summary-table tbody tr:hover{background:#f9f9f9}.summary-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle}.summary-product-id-badge{display:inline-block;padding:4px 8px;background:#e8e8e8;color:#1a1a1a;border-radius:4px;font-size:12px;font-weight:700;border:1px solid #ddd}.summary-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:700;border:1px solid}.summary-type-badge.in{background:#dcfce7;color:#166534;border-color:#bbf7d0}.summary-type-badge.out{background:#fee2e2;color:#991b1b;border-color:#fecaca}.summary-quantity-badge{display:inline-block;padding:6px 10px;border-radius:4px;font-size:13px;font-weight:700;border:1px solid}.summary-quantity-badge.in{background:#dcfce7;color:#166534;border-color:#bbf7d0}.summary-quantity-badge.out{background:#fee2e2;color:#991b1b;border-color:#fecaca}.summary-user-cell{display:flex;align-items:center;gap:6px;color:#1a1a1a;font-size:13px;font-weight:700}.summary-action-btn-eye{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#1a1a1a}.summary-action-btn-eye:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-2px);box-shadow:0 2px 6px #6366f126}.summary-pagination{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;background:#f9f9f9;border-top:1px solid #e8e8e8}.summary-page-btn{padding:8px 12px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#1a1a1a;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}.summary-page-btn:hover:not(:disabled){background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-2px)}.summary-page-btn:disabled{opacity:.4;cursor:not-allowed}.summary-page-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#1a1a1a;font-weight:700}.summary-export{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px;background:#f9f9f9;border-top:1px solid #e8e8e8}.summary-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:1px solid #ddd;border-radius:6px;background:#fff;color:#1a1a1a;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.summary-export-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.summary-export-btn.excel{border-color:#22c55e;color:#22c55e}.summary-export-btn.excel:hover:not(:disabled){background:#22c55e;color:#fff}.summary-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.summary-export-btn.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.summary-export-btn.pdf{border-color:#6366f1;color:#6366f1}.summary-export-btn.pdf:hover:not(:disabled){background:#6366f1;color:#fff}.summary-export-btn:disabled{opacity:.5;cursor:not-allowed}.summary-search-wrapper{position:relative;width:100%}.summary-searching-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%)}.summary-search-spinner{width:16px;height:16px;border:2px solid #ddd;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}.summary-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.summary-suggestion-item{padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.summary-suggestion-item:hover{background:#f9f9f9}.summary-suggestion-item:last-child{border-bottom:none}.summary-suggestion-content{display:flex;align-items:flex-start;gap:10px}.summary-suggestion-icon{color:#666;flex-shrink:0;margin-top:2px}.summary-suggestion-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.summary-suggestion-details strong{font-size:13px;color:#1a1a1a;font-weight:700}.summary-suggestion-details span{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-suggestion-barcode{font-family:Courier New,monospace}.summary-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.summary-no-data img{width:100px;height:auto;opacity:.6;margin-bottom:12px}.summary-no-data h3{font-size:16px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.summary-no-data p{font-size:13px;color:#666;margin:0}.summary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.summary-spinner{width:40px;height:40px;border:4px solid #e8e8e8;border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.summary-loading p{font-size:14px;color:#666;margin:0;font-weight:600}.summary-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:16px}.summary-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.summary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e8e8e8;background:#f9f9f9;position:sticky;top:0;z-index:10}.summary-modal-header h2{font-size:18px;font-weight:700;color:#1a1a1a;margin:0}.summary-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff;border-radius:6px;cursor:pointer;transition:all .3s ease;color:#666}.summary-modal-close:hover{background:#e8e8e8;color:#1a1a1a;transform:rotate(90deg)}.summary-modal-body{padding:20px}.summary-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.summary-modal-section{background:#f9f9f9;padding:16px;border-radius:6px;border:1px solid #e8e8e8}.summary-modal-section h4{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid #e8e8e8;text-transform:uppercase;letter-spacing:.5px}.summary-modal-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid #e8e8e8}.summary-modal-item:last-child{border-bottom:none}.summary-modal-label{font-size:12px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.3px;min-width:120px}.summary-modal-value{font-size:13px;font-weight:700;color:#1a1a1a;text-align:right;flex:1;word-break:break-word}.summary-modal-loading{padding:40px;text-align:center;font-size:16px;font-weight:700;color:#666}.summary-date-picker{cursor:pointer!important;width:100%}.summary-date-picker:focus{cursor:text!important}.summary-date-picker-popper{z-index:1001!important}.summary-date-picker-popper .react-datepicker{border:2px solid #6366f1!important;border-radius:8px!important;box-shadow:0 4px 12px #00000026!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important}.summary-date-picker-popper .react-datepicker__header{background:#6366f1!important;border-bottom:2px solid #6366f1!important;padding:12px!important}.summary-date-picker-popper .react-datepicker__current-month,.summary-date-picker-popper .react-datepicker__current-month--hasYearDropdown,.summary-date-picker-popper .react-datepicker__current-month--hasMonthDropdown{color:#fff!important;font-weight:700!important;font-size:14px!important;margin-bottom:10px!important}.summary-date-picker-popper .react-datepicker__day-names{display:flex!important;justify-content:space-around!important;padding:8px 0!important;border-bottom:1px solid #e8e8e8!important}.summary-date-picker-popper .react-datepicker__day-name{color:#1a1a1a!important;font-weight:700!important;width:30px!important;text-align:center!important;font-size:12px!important}.summary-date-picker-popper .react-datepicker__month{margin:10px 0!important;padding:0 10px!important}.summary-date-picker-popper .react-datepicker__week{display:flex!important;justify-content:space-around!important;margin-bottom:5px!important}.summary-date-picker-popper .react-datepicker__day{width:30px!important;height:30px!important;line-height:30px!important;text-align:center!important;color:#1a1a1a!important;font-weight:600!important;border-radius:4px!important;cursor:pointer!important;transition:all .2s ease!important;font-size:13px!important}.summary-date-picker-popper .react-datepicker__day:hover{background:#e0e7ff!important;color:#1a1a1a!important}.summary-date-picker-popper .react-datepicker__day--selected,.summary-date-picker-popper .react-datepicker__day--in-selecting-range,.summary-date-picker-popper .react-datepicker__day--in-range{background:#6366f1!important;color:#fff!important;font-weight:700!important}.summary-date-picker-popper .react-datepicker__day--today{font-weight:700!important;color:#6366f1!important}.summary-date-picker-popper .react-datepicker__day--outside-month{color:#ccc!important;cursor:not-allowed!important}.summary-date-picker-popper .react-datepicker__month-dropdown-container--select,.summary-date-picker-popper .react-datepicker__year-dropdown-container--select{background:#fff!important;border:1px solid #ddd!important;border-radius:4px!important;padding:4px 8px!important;cursor:pointer!important;font-weight:600!important;color:#1a1a1a!important}.summary-date-picker-popper .react-datepicker__month-dropdown-container--select select,.summary-date-picker-popper .react-datepicker__year-dropdown-container--select select{background:#fff!important;border:none!important;color:#1a1a1a!important;font-weight:600!important;cursor:pointer!important}.summary-date-picker-popper .react-datepicker__month-option,.summary-date-picker-popper .react-datepicker__year-option{color:#1a1a1a!important;font-weight:600!important;padding:8px 12px!important;text-align:left!important}.summary-date-picker-popper .react-datepicker__month-option--selected,.summary-date-picker-popper .react-datepicker__year-option--selected{background:#6366f1!important;color:#fff!important;font-weight:700!important}.summary-date-picker-popper .react-datepicker__month-option:hover,.summary-date-picker-popper .react-datepicker__year-option:hover{background:#e0e7ff!important;color:#1a1a1a!important}.summary-date-picker-popper .react-datepicker__close-icon{cursor:pointer!important}.summary-date-picker-popper .react-datepicker__close-icon:after{background:#6366f1!important;font-size:16px!important;font-weight:700!important}.no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.no-access-image{width:200px;height:auto;margin-bottom:20px}.no-access-panel h3{font-size:18px;font-weight:700;color:#dc2626;margin:0 0 12px}.no-access-panel p{font-size:14px;color:#666;text-align:center;line-height:1.6;margin:0}@media(max-width:1200px){.summary-tables-grid{grid-template-columns:1fr}}@media(max-width:768px){.summary-container{padding:12px}.summary-header{flex-direction:column;align-items:flex-start}.summary-filters-grid,.summary-filters-grid-search{grid-template-columns:1fr}.summary-search-input-wide{min-width:auto;width:100%}.summary-table{font-size:12px}.summary-table thead th,.summary-table tbody td{padding:8px 10px}.summary-table-header{flex-direction:column;align-items:flex-start}.summary-table-title{width:100%}.summary-table-filter{width:100%;min-width:auto}.summary-export{flex-direction:column}.summary-export-btn{width:100%}.summary-modal-grid{grid-template-columns:1fr}.summary-date-picker-popper .react-datepicker{width:100%!important}}@media(max-width:480px){.summary-title{font-size:18px}.summary-table-wrapper{max-height:400px}.summary-table{font-size:11px}.summary-table thead th,.summary-table tbody td{padding:6px 8px}.summary-pagination{gap:6px}.summary-page-btn{padding:6px 10px;font-size:12px}.summary-modal-overlay{padding:8px}.summary-modal-header h2{font-size:16px}.summary-modal-grid{grid-template-columns:1fr}.summary-date-picker-popper .react-datepicker{font-size:12px!important}.summary-date-picker-popper .react-datepicker__day{width:28px!important;height:28px!important;line-height:28px!important}.summary-tables-grid{grid-template-columns:1fr}}.company-setup-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.company-setup-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.company-setup-header-left{display:flex;flex-direction:column;gap:4px}.company-setup-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.company-setup-title-icon{color:#2d3748}.company-setup-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.company-setup-info-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#d1fae5;border-left:4px solid #10B981;border-radius:6px;margin-bottom:16px;color:#065f46;font-size:13px;font-weight:500}.company-setup-info-banner svg{flex-shrink:0}.company-setup-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.company-setup-form{padding:20px}.company-setup-image-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #e9ecef}.company-setup-image-upload{display:flex;flex-direction:column;align-items:center;gap:12px}.company-setup-file-input{display:none}.company-setup-file-label{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;border:2px dashed #e9ecef;border-radius:8px;background:#f8f9fa;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:13px}.company-setup-file-label:hover{border-color:#2d3748;background:#f0f1f3;color:#1a1a1a}.company-setup-file-label svg{color:#6b7280}.company-setup-image-preview{display:flex;justify-content:center;padding:12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.company-setup-preview-image{max-width:200px;max-height:200px;object-fit:contain;border-radius:6px}.company-setup-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.company-setup-form-group{display:flex;flex-direction:column;gap:6px}.company-setup-label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.company-setup-required{color:#dc3545;font-weight:700}.company-setup-input,.company-setup-textarea{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;font-family:inherit}.company-setup-input:focus,.company-setup-textarea:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.company-setup-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.company-setup-textarea{resize:vertical;min-height:80px;font-family:Inter,sans-serif}.company-setup-char-count{font-size:10px;color:#adb5bd;font-weight:500;margin-top:2px}.company-setup-actions{display:flex;gap:10px;padding-top:20px;border-top:1px solid #e9ecef;flex-wrap:wrap}.company-setup-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.company-setup-btn.save{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.company-setup-btn.save:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.company-setup-btn.reset{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.company-setup-btn.reset:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.company-setup-btn:disabled{opacity:.5;cursor:not-allowed}.company-setup-btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinCompanySetup .6s linear infinite}@keyframes spinCompanySetup{to{transform:rotate(360deg)}}.company-setup-loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.company-setup-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spinCompanySetup .8s linear infinite;margin-bottom:16px}.company-setup-loading-panel p{font-size:14px;color:#495057;margin:0}.company-setup-error-panel{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;margin:40px auto;max-width:500px;text-align:center}.company-setup-error-icon{color:#dc3545;margin-bottom:12px}.company-setup-error-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 8px}.company-setup-error-panel p{font-size:13px;color:#6c757d;margin:0 0 16px;line-height:1.6}.company-setup-retry-btn{padding:10px 20px;background:#dc3545;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.company-setup-retry-btn:hover{background:#c82333;transform:translateY(-2px)}@media(max-width:768px){.company-setup-container{padding:12px}.company-setup-form-grid{grid-template-columns:1fr;gap:12px}.company-setup-form{padding:16px}.company-setup-title{font-size:18px}.company-setup-actions{flex-direction:column}.company-setup-btn{width:100%}.company-setup-file-label{padding:16px}.company-setup-preview-image{max-width:150px;max-height:150px}}@media(max-width:480px){.company-setup-container{padding:8px}.company-setup-header{padding:12px 14px}.company-setup-title{font-size:16px}.company-setup-subtitle{font-size:12px}.company-setup-form{padding:12px}.company-setup-label{font-size:10px}.company-setup-input,.company-setup-textarea{font-size:12px;padding:8px 10px}.company-setup-btn{padding:8px 12px;font-size:11px}.company-setup-file-label{padding:12px;font-size:11px}.company-setup-preview-image{max-width:120px;max-height:120px}.company-setup-image-section{margin-bottom:16px;padding-bottom:16px}}.company-setup-form-group--full{grid-column:1 / -1}.barcode-setting-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.barcode-setting-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.barcode-setting-header-left{display:flex;flex-direction:column;gap:4px}.barcode-setting-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.barcode-setting-title-icon{color:#2d3748}.barcode-setting-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.barcode-setting-content{display:flex;flex-direction:column;gap:16px}.barcode-setting-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:16px}.barcode-setting-panel{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.barcode-setting-panel-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8f9fa;border-bottom:2px solid #e9ecef}.barcode-setting-panel-header-left{display:flex;align-items:center;gap:10px}.barcode-setting-panel-icon{font-size:20px}.barcode-setting-panel-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.barcode-setting-panel-count{display:inline-block;padding:2px 8px;background:#e9ecef;color:#495057;border-radius:12px;font-size:11px;font-weight:600;margin-top:2px}.barcode-setting-table-wrapper{overflow-x:auto}.barcode-setting-table{width:100%;border-collapse:collapse;font-size:13px}.barcode-setting-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.barcode-setting-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.barcode-setting-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.barcode-setting-table tbody tr:hover{background:#f8f9fa}.barcode-setting-table tbody tr.active{background:#f0fdf4}.barcode-setting-table tbody tr.active td{color:#065f46}.barcode-setting-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle;font-weight:500}.barcode-setting-size-cell{width:70%}.barcode-setting-active-cell{width:30%;text-align:center}.barcode-setting-size-info{display:flex;align-items:center;gap:8px}.barcode-setting-size-icon{color:#6b7280;flex-shrink:0}.barcode-setting-size-name{font-family:Courier New,monospace;font-weight:700;color:#1a1a1a}.barcode-setting-radio-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.barcode-setting-radio-input{display:none}.barcode-setting-radio-custom{width:20px;height:20px;border:2px solid #e9ecef;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff}.barcode-setting-radio-input:checked+.barcode-setting-radio-custom{border-color:#10b981;background:#d1fae5;box-shadow:0 0 0 3px #10b9811a}.barcode-setting-radio-input:checked+.barcode-setting-radio-custom svg{color:#065f46}.barcode-setting-radio-input:disabled+.barcode-setting-radio-custom{opacity:.5;cursor:not-allowed}.barcode-setting-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;text-align:center}.barcode-setting-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spinBarcode .8s linear infinite;margin-bottom:16px}@keyframes spinBarcode{to{transform:rotate(360deg)}}.barcode-setting-loading p{font-size:14px;color:#495057;margin:0}.barcode-setting-info-banner{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fef3c7;border-left:4px solid #F59E0B;border-radius:6px;color:#92400e}.barcode-setting-info-icon{flex-shrink:0;margin-top:2px}.barcode-setting-info-content h4{font-size:13px;font-weight:700;color:#92400e;margin:0 0 4px}.barcode-setting-info-content p{font-size:12px;color:#92400e;margin:0;line-height:1.5}.barcode-setting-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#d1fae5;border-left:4px solid #10B981;border-radius:6px;color:#065f46;font-size:13px;font-weight:600}.barcode-setting-status-spinner{width:14px;height:14px;border:2px solid rgba(6,95,70,.3);border-top-color:#065f46;border-radius:50%;animation:spinBarcode .6s linear infinite}@media(max-width:1024px){.barcode-setting-groups{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}}@media(max-width:768px){.barcode-setting-container{padding:12px}.barcode-setting-header{padding:12px 16px}.barcode-setting-title{font-size:18px}.barcode-setting-groups{grid-template-columns:1fr}.barcode-setting-table{font-size:12px}.barcode-setting-table thead th,.barcode-setting-table tbody td{padding:10px 12px}.barcode-setting-panel-title{font-size:13px}.barcode-setting-size-name{font-size:12px}}@media(max-width:480px){.barcode-setting-container{padding:8px}.barcode-setting-header{padding:10px 12px}.barcode-setting-title{font-size:16px}.barcode-setting-subtitle{font-size:12px}.barcode-setting-groups{grid-template-columns:1fr;gap:12px}.barcode-setting-table{font-size:11px}.barcode-setting-table thead th,.barcode-setting-table tbody td{padding:8px 10px}.barcode-setting-panel-header{padding:10px 12px}.barcode-setting-panel-title{font-size:12px}.barcode-setting-size-cell{width:65%}.barcode-setting-active-cell{width:35%}.barcode-setting-radio-custom{width:18px;height:18px}.barcode-setting-info-banner{padding:10px 12px}.barcode-setting-info-content h4{font-size:12px}.barcode-setting-info-content p{font-size:11px}}.barcode-setting-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.barcode-setting-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9}.barcode-setting-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.barcode-setting-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.barcode-setting-hidden{display:none}.ups-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.ups-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.ups-header-left{display:flex;flex-direction:column;gap:4px}.ups-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.ups-title-icon{color:#2d3748}.ups-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.ups-filter-section{display:flex;gap:12px;margin-bottom:16px;padding:16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap}.ups-filter-group{display:flex;flex-direction:column;gap:6px;flex:1;min-width:200px}.ups-filter-label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.ups-select{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;cursor:pointer}.ups-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.ups-select:disabled{opacity:.5;cursor:not-allowed}.ups-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fee2e2;border-left:4px solid #DC2626;border-radius:6px;margin-bottom:16px;color:#991b1b;font-size:13px;font-weight:500}.ups-error-banner svg{flex-shrink:0}.ups-main-content{display:flex;flex-direction:column;gap:16px}.ups-add-btn-wrapper{display:flex;justify-content:flex-end}.ups-btn-add{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.ups-btn-add:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 2px 8px #1a1a1a33}.ups-btn-add:disabled{opacity:.5;cursor:not-allowed}.ups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:16px}.ups-card{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.ups-card-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f8f9fa;border-bottom:2px solid #e9ecef}.ups-card-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.ups-card-actions{display:flex;gap:6px}.ups-btn-bulk{padding:6px 10px;border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.ups-btn-bulk.enable{background:#d1fae5;color:#065f46}.ups-btn-bulk.enable:hover:not(:disabled){background:#10b981;color:#fff}.ups-btn-bulk.disable{background:#fee2e2;color:#991b1b}.ups-btn-bulk.disable:hover:not(:disabled){background:#dc2626;color:#fff}.ups-btn-bulk:disabled{opacity:.5;cursor:not-allowed}.ups-card-body{padding:12px;display:flex;flex-direction:column;gap:8px}.ups-perm-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;background:#f8f9fa;transition:all .2s ease;border:1px solid #e9ecef}.ups-perm-item:hover{background:#f0f1f3}.ups-perm-item.active{background:#f0fdf4;border-color:#10b981}.ups-checkbox-label{display:flex;align-items:center;cursor:pointer;flex-shrink:0}.ups-checkbox{display:none}.ups-checkbox-custom{width:18px;height:18px;border:2px solid #e9ecef;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#fff}.ups-checkbox:checked+.ups-checkbox-custom{border-color:#10b981;background:#d1fae5}.ups-checkbox:checked+.ups-checkbox-custom svg{color:#065f46}.ups-checkbox:disabled+.ups-checkbox-custom{opacity:.5;cursor:not-allowed}.ups-perm-name{flex:1;font-size:13px;font-weight:600;color:#1a1a1a}.ups-badge-active{display:inline-block;padding:3px 8px;background:#d1fae5;color:#065f46;border-radius:4px;font-size:10px;font-weight:700}.ups-perm-actions{display:flex;gap:4px;flex-shrink:0}.ups-btn-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#fff;border:1px solid #e9ecef}.ups-btn-icon.edit{color:#0d6efd}.ups-btn-icon.edit:hover:not(:disabled){background:#e7f1ff}.ups-btn-icon.delete{color:#dc3545}.ups-btn-icon.delete:hover:not(:disabled){background:#f8d7da}.ups-btn-icon:disabled{opacity:.5;cursor:not-allowed}.ups-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;text-align:center}.ups-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.ups-no-data-container p{font-size:13px;color:#6c757d;margin:0}.ups-loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;text-align:center}.ups-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spinUPS .8s linear infinite;margin-bottom:16px}@keyframes spinUPS{to{transform:rotate(360deg)}}.ups-loading-panel p{font-size:14px;color:#495057;margin:0}.ups-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px;text-align:center}.ups-no-access-image{width:200px;height:auto;margin-bottom:20px}.ups-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.ups-no-access-panel p{font-size:13px;color:#6c757d;margin:0 0 20px;line-height:1.6}.ups-btn-primary{padding:10px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.ups-btn-primary:hover{background:#2d2d2d;transform:translateY(-2px)}@media(max-width:1024px){.ups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.ups-container{padding:12px}.ups-header{padding:12px 16px}.ups-title{font-size:18px}.ups-grid{grid-template-columns:1fr}.ups-filter-section{flex-direction:column;padding:12px}.ups-filter-group{width:100%}.ups-card-header{flex-direction:column;align-items:flex-start;gap:10px}.ups-card-actions{width:100%;justify-content:flex-start}.ups-perm-item{flex-wrap:wrap}.ups-perm-actions{width:100%;justify-content:flex-end}}@media(max-width:480px){.ups-container{padding:8px}.ups-header{padding:10px 12px}.ups-title{font-size:16px}.ups-subtitle{font-size:12px}.ups-filter-section{padding:10px 12px}.ups-select{font-size:12px;padding:8px 10px}.ups-card-title{font-size:13px}.ups-perm-name{font-size:12px}.ups-btn-bulk{padding:5px 8px;font-size:10px}.ups-btn-add{padding:8px 12px;font-size:11px}.ups-btn-icon{width:24px;height:24px}.ups-checkbox-custom{width:16px;height:16px}}.rfs-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.rfs-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.rfs-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spinRFS .8s linear infinite}.rfs-loading p{font-size:14px;color:#495057;margin:0;font-weight:500}@keyframes spinRFS{to{transform:rotate(360deg)}}.rfs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.rfs-header>div{display:flex;flex-direction:column;gap:4px}.rfs-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.rfs-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.rfs-btn-add{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 2px 8px #1a1a1a33}.rfs-btn-add:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.rfs-btn-add:disabled{opacity:.5;cursor:not-allowed}.rfs-form-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px;overflow:hidden}.rfs-form-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 20px;display:flex;align-items:center;gap:10px}.rfs-form{display:flex;flex-direction:column;gap:16px}.rfs-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.rfs-form-group{display:flex;flex-direction:column;gap:6px}.rfs-label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.rfs-required{color:#dc3545;font-weight:700}.rfs-input{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500;font-family:inherit}.rfs-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.rfs-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.6}.rfs-input-readonly{background:#f8f9fa!important;color:#6b7280;cursor:not-allowed}.rfs-hint{font-size:10px;color:#adb5bd;font-weight:500;margin-top:2px}.rfs-form-actions{display:flex;gap:10px;padding-top:20px;border-top:1px solid #e9ecef;flex-wrap:wrap}.rfs-btn-cancel,.rfs-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.rfs-btn-cancel{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.rfs-btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.rfs-btn-submit{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.rfs-btn-submit:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.rfs-btn-cancel:disabled,.rfs-btn-submit:disabled{opacity:.5;cursor:not-allowed}.rfs-spinner-inline{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinRFS .6s linear infinite}.rfs-list-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.rfs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;color:#6b7280}.rfs-empty p{margin:0 0 16px;font-size:14px;font-weight:500}.rfs-btn-add-empty{padding:10px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 2px 8px #1a1a1a33}.rfs-btn-add-empty:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.rfs-table-wrapper{overflow-x:auto}.rfs-table{width:100%;border-collapse:collapse}.rfs-table thead{background:#f8f9fa;border-bottom:2px solid #e9ecef}.rfs-table th{padding:12px 16px;text-align:left;font-weight:600;color:#495057;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.rfs-table td{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#2d3748;font-size:13px;font-weight:500}.rfs-table tbody tr:hover{background:#f8f9fa}.rfs-cell-name,.rfs-cell-amount{font-weight:600;color:#1a1a1a}.rfs-cell-store{color:#6b7280}.rfs-cell-created-by,.rfs-cell-date{color:#6b7280;font-size:12px}.rfs-cell-actions{display:flex;gap:8px}.rfs-btn-icon{padding:8px;border:none;background:transparent;cursor:pointer;border-radius:4px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:#495057}.rfs-btn-edit{color:#2d3748}.rfs-btn-edit:hover:not(:disabled){background:#e9ecef;color:#1a1a1a}.rfs-btn-delete{color:#dc3545}.rfs-btn-delete:hover:not(:disabled){background:#f8d7da;color:#721c24}.rfs-btn-icon:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.rfs-container{padding:12px}.rfs-header{flex-direction:column;align-items:flex-start;gap:12px;padding:12px 14px}.rfs-title{font-size:18px}.rfs-subtitle{font-size:12px}.rfs-form-card{padding:16px}.rfs-form-row{grid-template-columns:1fr;gap:12px}.rfs-form-actions{flex-direction:column;gap:8px}.rfs-btn-cancel,.rfs-btn-submit{width:100%}.rfs-table{font-size:12px}.rfs-table th,.rfs-table td{padding:10px 8px}.rfs-cell-actions{flex-direction:column;gap:4px}.rfs-btn-icon{width:100%;justify-content:center;padding:6px}}@media(max-width:480px){.rfs-container{padding:8px}.rfs-header{padding:12px 14px}.rfs-title{font-size:16px}.rfs-subtitle{font-size:11px}.rfs-form-card{padding:12px;margin-bottom:12px}.rfs-form-title{font-size:16px;margin-bottom:16px}.rfs-label{font-size:10px}.rfs-input{font-size:12px;padding:8px 10px}.rfs-btn-cancel,.rfs-btn-submit,.rfs-btn-add{padding:8px 12px;font-size:11px}.rfs-table{font-size:11px}.rfs-table th,.rfs-table td{padding:8px 6px}.rfs-btn-icon{padding:4px}.rfs-empty{padding:30px 16px}.rfs-empty p{font-size:12px}}.rfs-form-group--full{grid-column:1 / -1}.bike-batch-header-compact{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:12px}.bike-header-left{display:flex;align-items:center;gap:12px}.bike-batch-title-compact{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.bike-title-icon{font-size:22px;color:#2d3748}.bike-batch-indicator{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:#f0f0f0;border-radius:16px;font-size:11px;font-weight:600;color:#495057;margin-left:8px}.bike-header-right{display:flex;gap:8px;flex-wrap:wrap}.bike-filters-compact{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center;background:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 1px 3px #0000000f}.bike-search-input-compact,.bike-filter-input-compact,.bike-select-input-compact{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500;flex:0 1 auto;min-width:120px}.bike-search-input-compact{flex:1;min-width:180px}.bike-filter-input-compact{min-width:110px}.bike-select-input-compact{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 8px center;background-size:14px;padding-right:26px}.bike-search-input-compact:hover,.bike-filter-input-compact:hover,.bike-select-input-compact:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d}.bike-search-input-compact:focus,.bike-filter-input-compact:focus,.bike-select-input-compact:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.bike-clear-btn-compact{padding:8px 14px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;box-shadow:0 1px 2px #6c757d33;white-space:nowrap}.bike-clear-btn-compact:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.bike-table-section-compact{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:14px}.bike-table-wrapper-compact{overflow-x:auto;max-height:650px;position:relative}.bike-data-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.bike-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.bike-data-table thead th{padding:10px 12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:11px;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.bike-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.bike-data-table tbody tr:hover{background:#f8f9fa}.bike-data-table tbody td{padding:10px 12px;color:#2d3748;vertical-align:middle}.bike-barcode-cell{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:11px}.bike-product-name-cell{font-weight:600;color:#1a1a1a;font-size:11px}.bike-batch-name-cell{color:#495057;font-size:11px}.bike-price-cell{font-weight:600;color:#1a1a1a;text-align:right;font-size:11px}.bike-price-highlight{font-weight:700;color:#0d6efd;background:#e7f1ff;padding:4px 8px;border-radius:3px;text-align:right;font-size:11px}.bike-stock-cell-compact{text-align:center;font-weight:600;color:#1a1a1a;font-size:11px}.bike-store-cell-compact{text-align:center}.bike-store-badge-compact{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background:#e8f4f8;border-radius:3px;font-size:10px;font-weight:600;color:#0c5460}.bike-status-cell-compact{text-align:center}.bike-status-badge-compact{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2px}.bike-status-badge-compact.in-stock{background:#d4edda;color:#155724}.bike-status-badge-compact.out-of-stock{background:#f8d7da;color:#721c24}.bike-status-badge-compact.no-stock{background:#e2e3e5;color:#383d41}.bike-color-badge-compact{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:#2d3748}.bike-color-dot{width:12px;height:12px;border-radius:50%;border:1px solid #ddd}.bike-pagination-section-compact{background:#fff;border-radius:6px;padding:12px 14px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px}.bike-pagination-controls-compact{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.bike-pagination-btn-compact{padding:7px 11px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#495057;font-weight:600;font-size:12px}.bike-pagination-btn-compact:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.bike-pagination-btn-compact:disabled{opacity:.4;cursor:not-allowed}.bike-pagination-goto-compact{display:flex;align-items:center;gap:6px;font-size:12px;color:#495057;font-weight:600}.bike-pagination-input-compact{width:55px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1a1a1a}.bike-pagination-input-compact:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.bike-export-section-compact{background:#fff;border-radius:6px;padding:12px 16px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px}.bike-export-buttons-compact{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.bike-export-btn-compact{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#495057;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.bike-export-btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.bike-export-btn-compact:disabled{opacity:.5;cursor:not-allowed}.bike-export-btn-compact.excel{border-color:#28a745;color:#28a745}.bike-export-btn-compact.excel:hover:not(:disabled){background:#28a745;color:#fff}.bike-export-btn-compact.csv{border-color:#17a2b8;color:#17a2b8}.bike-export-btn-compact.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.bike-export-btn-compact.pdf{border-color:#dc3545;color:#dc3545}.bike-export-btn-compact.pdf:hover:not(:disabled){background:#dc3545;color:#fff}.bike-no-data-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.bike-no-data-compact img{width:120px;height:auto;opacity:.6;margin-bottom:12px}.bike-no-data-compact p{font-size:13px;color:#6c757d;margin:0}.bike-spinner-compact{width:35px;height:35px;border:3px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin-compact .8s linear infinite;margin-bottom:14px}@keyframes spin-compact{to{transform:rotate(360deg)}}@media(max-width:1024px){.bike-filters-compact{gap:8px}.bike-search-input-compact,.bike-filter-input-compact,.bike-select-input-compact{min-width:100px;font-size:11px}.bike-data-table{font-size:11px}.bike-data-table thead th,.bike-data-table tbody td{padding:8px 10px}}@media(max-width:768px){.bike-batch-header-compact{flex-direction:column;align-items:flex-start}.bike-header-right{width:100%;justify-content:flex-start}.bike-filters-compact{gap:8px;flex-wrap:wrap}.bike-search-input-compact{width:100%;min-width:auto}.bike-filter-input-compact,.bike-select-input-compact{flex:1;min-width:90px}.bike-table-wrapper-compact{max-height:500px}.bike-data-table{font-size:11px}.bike-data-table thead th,.bike-data-table tbody td{padding:8px 10px}.bike-pagination-controls-compact{gap:8px}.bike-export-buttons-compact{gap:6px}.bike-export-btn-compact{flex:1;min-width:70px;font-size:10px;padding:8px 10px}}@media(max-width:480px){.bike-batch-title-compact{font-size:16px}.bike-title-icon{font-size:18px}.bike-filters-compact{gap:6px;padding:10px 12px}.bike-search-input-compact,.bike-filter-input-compact,.bike-select-input-compact,.bike-clear-btn-compact{font-size:11px;padding:7px 8px}.bike-table-wrapper-compact{max-height:350px}.bike-data-table{font-size:10px}.bike-data-table thead th,.bike-data-table tbody td{padding:6px 8px}.bike-pagination-btn-compact{padding:6px 9px;font-size:11px}.bike-export-btn-compact{font-size:9px;padding:8px 10px}}.bike-dashboard-stats-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}.bike-stat-card-compact{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;border-left:4px solid #2d3748;transition:all .2s ease}.bike-stat-card-compact:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.bike-stat-card-compact.total{border-left-color:#8b5cf6}.bike-stat-card-compact.instock{border-left-color:#10b981}.bike-stat-card-compact.outofstock{border-left-color:#ef4444}.bike-stat-icon-compact{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#f8f9fa;color:#2d3748}.bike-stat-card-compact.total .bike-stat-icon-compact{background:#f3e8ff;color:#8b5cf6}.bike-stat-card-compact.instock .bike-stat-icon-compact{background:#dcfce7;color:#10b981}.bike-stat-card-compact.outofstock .bike-stat-icon-compact{background:#fee2e2;color:#ef4444}.bike-stat-content-compact{display:flex;flex-direction:column;gap:4px}.bike-stat-label-compact{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.3px}.bike-stat-value-compact{font-size:22px;font-weight:700;color:#1a1a1a}@media(max-width:1024px){.bike-dashboard-stats-compact{grid-template-columns:repeat(3,1fr);gap:10px}.bike-stat-card-compact{padding:12px 14px}.bike-stat-icon-compact{width:36px;height:36px}.bike-stat-value-compact{font-size:18px}}@media(max-width:768px){.bike-dashboard-stats-compact{grid-template-columns:repeat(2,1fr);gap:8px}.bike-stat-card-compact{padding:10px 12px}.bike-stat-icon-compact{width:32px;height:32px}.bike-stat-value-compact{font-size:16px}.bike-stat-label-compact{font-size:10px}}@media(max-width:480px){.bike-dashboard-stats-compact{grid-template-columns:1fr;gap:6px}.bike-stat-card-compact{padding:10px;gap:10px}.bike-stat-icon-compact{width:30px;height:30px}.bike-stat-value-compact{font-size:14px}.bike-stat-label-compact{font-size:9px}}.bike-filter-group{position:relative;flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}.bike-filter-label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:block}.bike-select-wrapper{position:relative;display:flex;align-items:center}.bike-filter-input-compact{width:100%;padding:10px 36px 10px 12px;border:1.5px solid #ddd;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.bike-filter-input-compact:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.bike-filter-input-compact:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a;background:#fafbfc}.bike-filter-input-compact.disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;border-color:#e9ecef}.bike-input-icon{position:absolute;right:10px;color:#adb5bd;pointer-events:none;transition:all .2s ease}.bike-filter-input-compact:focus~.bike-input-icon{color:#495057}.bike-clear-btn-small{position:absolute;right:10px;background:none;border:none;color:#adb5bd;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:5}.bike-clear-btn-small:hover{color:#dc3545;transform:scale(1.1)}.bike-dropdown-enhanced{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid #ddd;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 6px 12px #0000001f;z-index:100;overflow:hidden;max-height:280px;display:flex;flex-direction:column;animation:slideDown .15s ease}.bike-dropdown-header{padding:8px 12px;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:10px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.3px}.bike-dropdown-items{overflow-y:auto;flex:1}.bike-dropdown-items::-webkit-scrollbar{width:6px}.bike-dropdown-items::-webkit-scrollbar-track{background:#f1f1f1}.bike-dropdown-items::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.bike-dropdown-items::-webkit-scrollbar-thumb:hover{background:#6c757d}.bike-dropdown-item-enhanced{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .15s ease;background:#fff}.bike-dropdown-item-enhanced:hover{background:#f8f9fa;padding-left:14px}.bike-dropdown-item-enhanced.selected{background:#e7f1ff;border-left:3px solid #0d6efd;padding-left:11px}.bike-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.bike-item-icon{color:#495057;flex-shrink:0}.bike-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.bike-item-name{font-size:12px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bike-item-meta{font-size:10px;color:#adb5bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bike-item-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#e9ecef;border-radius:12px;font-size:11px;font-weight:700;color:#495057;flex-shrink:0;margin-left:8px}.bike-dropdown-item-enhanced.selected .bike-item-badge{background:#0d6efd;color:#fff}.bike-dropdown-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;color:#adb5bd;text-align:center;font-size:12px}.bike-dropdown-empty svg{opacity:.5}.bike-selected-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:#e7f1ff;border:1px solid #b6d4ff;border-radius:4px;font-size:11px;font-weight:600;color:#0d6efd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.bike-filter-group{min-width:120px;flex:0 1 auto}.bike-filter-input-compact{font-size:11px;padding:8px 32px 8px 10px}.bike-dropdown-enhanced{max-height:240px}.bike-dropdown-item-enhanced{padding:8px 10px}.bike-item-name{font-size:11px}.bike-item-meta{font-size:9px}.bike-item-badge{min-width:22px;height:22px;font-size:10px}}@media(max-width:768px){.bike-filter-group{min-width:100%;flex:1 1 100%}.bike-filter-label{font-size:10px}.bike-filter-input-compact{font-size:11px;padding:8px 10px}.bike-dropdown-enhanced{max-height:200px}.bike-dropdown-item-enhanced{padding:8px 10px}.bike-selected-tag{font-size:10px;padding:5px 8px}}@media(max-width:480px){.bike-filter-group{min-width:100%}.bike-filter-label{font-size:9px}.bike-filter-input-compact{font-size:10px;padding:7px 8px}.bike-dropdown-enhanced{max-height:180px}.bike-dropdown-header{font-size:9px;padding:6px 10px}.bike-dropdown-item-enhanced{padding:7px 8px}.bike-item-name{font-size:10px}.bike-item-meta{font-size:8px}.bike-item-badge{min-width:20px;height:20px;font-size:9px}.bike-selected-tag{font-size:9px;padding:4px 6px}}.panel-container,.managecolors-container{padding:12px;background:#f5f5f5;min-height:100vh}.managecolors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:14px 16px;border-radius:8px;box-shadow:0 2px 8px #00000014;border-left:4px solid #2563eb}.managecolors-header-left{flex:1}.managecolors-title{margin:0;display:flex;align-items:center;gap:8px;font-size:20px;font-weight:800;color:#1f1f1f}.managecolors-title-icon{color:#2563eb;width:24px;height:24px}.managecolors-header-right{display:flex;gap:8px}.managecolors-btn-add,.managecolors-btn-refresh{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.managecolors-btn-add{background:#2563eb;color:#fff}.managecolors-btn-add:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.managecolors-btn-refresh{background:#fff;color:#1f1f1f;border:2px solid #e5e5e5}.managecolors-btn-refresh:hover{background:#f5f5f5;border-color:#d0d0d0}.managecolors-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.managecolors-stat-card{background:#fff;border-radius:8px;padding:12px;display:flex;align-items:center;gap:12px;border:2px solid #f0f0f0;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.managecolors-stat-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a;transform:translateY(-2px)}.managecolors-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f5f5f5;flex-shrink:0}.managecolors-stat-value{font-size:20px;font-weight:800;color:#1f1f1f}.managecolors-stat-label{font-size:11px;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.managecolors-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;background:#fff;padding:12px 14px;border-radius:8px;box-shadow:0 2px 8px #00000014;gap:12px;flex-wrap:wrap}.managecolors-controls-left{flex:1;min-width:250px}.managecolors-filter-item{display:flex;gap:8px;flex-wrap:wrap}.managecolors-search-box{flex:1;min-width:180px;position:relative}.managecolors-search-input{width:100%;padding:8px 10px;border:2px solid #e5e5e5;border-radius:6px;font-size:13px;transition:all .3s ease;background:#fff;color:#1f1f1f}.managecolors-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.managecolors-select-input{padding:8px 10px;border:2px solid #e5e5e5;border-radius:6px;font-size:13px;background:#fff;color:#1f1f1f;cursor:pointer;transition:all .3s ease;min-width:120px}.managecolors-select-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.managecolors-controls-right,.managecolors-export-buttons{display:flex;gap:8px}.managecolors-export-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;border:2px solid;border-radius:6px;font-weight:600;font-size:12px;cursor:pointer;transition:all .3s ease;background:#fff;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.managecolors-export-btn.excel{border-color:#059669;color:#059669}.managecolors-export-btn.excel:hover{background:#ecfdf5;transform:translateY(-1px)}.managecolors-export-btn.csv{border-color:#2563eb;color:#2563eb}.managecolors-export-btn.csv:hover{background:#eff6ff;transform:translateY(-1px)}.managecolors-export-btn.pdf{border-color:#dc2626;color:#dc2626}.managecolors-export-btn.pdf:hover{background:#fef2f2;transform:translateY(-1px)}.managecolors-export-btn:disabled{opacity:.5;cursor:not-allowed}.managecolors-table-section{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:16px}.managecolors-table-wrapper{overflow-x:auto}.managecolors-table{width:100%;border-collapse:collapse;background:#fff;font-size:13px}.managecolors-table thead{background:#1f1f1f;color:#fff}.managecolors-table thead th{padding:10px 12px;text-align:left;font-weight:700;font-size:12px;letter-spacing:.3px;text-transform:uppercase;border-bottom:3px solid #2563eb;white-space:nowrap}.managecolors-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .2s ease}.managecolors-table tbody tr:hover{background:#f9f9f9;box-shadow:inset 3px 0 #2563eb}.managecolors-table tbody td{padding:10px 12px;color:#1f1f1f;font-size:13px}.managecolors-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:16px;font-size:11px;font-weight:600;text-transform:capitalize;width:fit-content}.managecolors-status-badge.active{background:#ecfdf5;color:#059669}.managecolors-status-badge.inactive{background:#fef2f2;color:#dc2626}.managecolors-status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.managecolors-date-cell{color:#666;font-size:12px}.managecolors-text-cell{color:#1f1f1f;font-size:13px;font-weight:500}.managecolors-actions-group{display:flex;gap:6px}.managecolors-action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:2px solid;border-radius:6px;cursor:pointer;transition:all .3s ease;background:#fff;padding:0;flex-shrink:0}.managecolors-action-btn.edit{border-color:#fbbf24;background:#fef3c7}.managecolors-action-btn.edit:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 4px 12px #fbbf2433}.managecolors-action-btn.delete{border-color:#fca5a5;background:#fee2e2}.managecolors-action-btn.delete:hover{background:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #dc262633}.managecolors-no-data-container{text-align:center;padding:30px 16px}.managecolors-no-data-image{max-width:100px;margin-bottom:12px;opacity:.8}.managecolors-no-data-container h3{font-size:16px;font-weight:700;color:#1f1f1f;margin:0 0 6px}.managecolors-no-data-container p{color:#666;font-size:13px;margin:0}.managecolors-pagination-section{background:#fff;padding:12px 14px;border-radius:8px;box-shadow:0 2px 8px #00000014}.managecolors-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.managecolors-pagination-btn{padding:8px 12px;border:2px solid #e5e5e5;background:#fff;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;color:#1f1f1f;white-space:nowrap}.managecolors-pagination-btn:hover:not(:disabled){border-color:#2563eb;color:#2563eb;transform:translateY(-1px)}.managecolors-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.managecolors-pagination-info{font-size:13px;color:#666;font-weight:600;white-space:nowrap}.managecolors-pagination-goto{display:flex;align-items:center;gap:6px}.managecolors-pagination-goto label{font-size:13px;font-weight:600;color:#1f1f1f;white-space:nowrap}.managecolors-pagination-input{width:50px;padding:6px 8px;border:2px solid #e5e5e5;border-radius:4px;font-size:12px;text-align:center;font-weight:600;color:#1f1f1f}.managecolors-pagination-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.managecolors-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;background:#fff;border-radius:8px}.managecolors-loading-spinner{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.managecolors-loading p{color:#666;font-size:14px;font-weight:600}.managecolors-no-access{text-align:center;padding:40px 16px;background:#fff;border-radius:8px}.managecolors-access-image{max-width:150px;margin-bottom:12px}.color-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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.color-modal{background:#fff;border-radius:8px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.color-modal-header{background:#1f1f1f;color:#fff;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #2563eb;position:sticky;top:0;z-index:10}.color-modal-title{margin:0;display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}.color-modal-close{background:#ffffff1a;border:none;color:#fff;cursor:pointer;border-radius:4px;padding:6px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.color-modal-close:hover{background:#fff3}.color-modal-content{padding:16px}.color-form{display:flex;flex-direction:column;gap:14px}.color-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}.color-form-column{display:flex;flex-direction:column;gap:12px}.color-form-fullwidth{grid-column:1 / -1;margin-bottom:0}.color-form-group{margin-bottom:0}.color-form-label{display:block;font-size:13px;font-weight:700;color:#1f1f1f;margin-bottom:6px;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.color-form-input,.color-form-select,.color-form-textarea{width:100%;padding:8px 10px;border:2px solid #e5e5e5;border-radius:6px;font-size:13px;font-family:inherit;transition:all .3s ease;background:#fff;color:#1f1f1f;box-sizing:border-box}.color-form-input:hover,.color-form-select:hover,.color-form-textarea:hover{border-color:#d0d0d0;box-shadow:0 2px 6px #0000000f}.color-form-input:focus,.color-form-select:focus,.color-form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;background:#f9f9f9}.color-form-input:disabled,.color-form-select:disabled,.color-form-textarea:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed}.color-form-input::placeholder{color:#999}.color-form-textarea{resize:vertical;min-height:80px}.color-form-help{color:#666;font-size:11px;margin-top:4px;display:block;font-style:italic}.color-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:2px solid #f0f0f0}.color-btn-cancel,.color-btn-submit{padding:8px 16px;border:none;border-radius:6px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.color-btn-cancel{background:#f0f0f0;color:#1f1f1f}.color-btn-cancel:hover{background:#e5e5e5}.color-btn-submit{background:#2563eb;color:#fff}.color-btn-submit:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 4px 12px #2563eb33}.color-btn-submit:disabled,.color-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.managecolors-spinner{display:inline-block;width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite}@media(max-width:768px){.managecolors-container,.panel-container{padding:8px}.managecolors-header{flex-direction:column;gap:10px;align-items:flex-start;padding:10px 12px}.managecolors-header-right{width:100%;flex-direction:row}.managecolors-btn-add,.managecolors-btn-refresh{flex:1;justify-content:center;font-size:11px;padding:6px 10px}.managecolors-controls{flex-direction:column;padding:10px 12px}.managecolors-controls-left{width:100%;min-width:auto}.managecolors-filter-item{width:100%;flex-direction:column}.managecolors-search-box{min-width:auto}.managecolors-select-input{width:100%;min-width:auto}.managecolors-controls-right{width:100%}.managecolors-export-buttons{width:100%;flex-direction:row}.managecolors-export-btn{flex:1;justify-content:center;font-size:11px;padding:6px 8px}.managecolors-stats-grid{grid-template-columns:1fr;gap:10px}.managecolors-pagination-controls{gap:8px}.managecolors-pagination-btn{padding:6px 10px;font-size:11px}.color-modal{width:95%;max-width:550px}.color-modal-header{padding:10px 12px}.color-modal-title{font-size:14px;gap:6px}.color-modal-content{padding:12px}.color-form{gap:10px}.color-form-grid{grid-template-columns:1fr;gap:10px}.color-form-column{gap:10px}.color-form-actions{gap:8px;margin-top:12px;padding-top:10px}.color-btn-cancel,.color-btn-submit{padding:6px 12px;font-size:11px}}@media(max-width:600px){.color-form-grid{grid-template-columns:1fr}.color-modal{width:95%;max-width:450px}}@media(max-width:480px){.managecolors-title{font-size:16px;gap:6px}.managecolors-title-icon{width:20px;height:20px}.managecolors-table{font-size:12px}.managecolors-table thead th{padding:8px 10px;font-size:11px}.managecolors-table tbody td{padding:8px 10px;font-size:12px}.managecolors-action-btn{width:28px;height:28px}.color-form-input,.color-form-select,.color-form-textarea{font-size:12px;padding:6px 8px}.color-form-label{font-size:12px}.color-form-help{font-size:10px}.color-modal{width:95%;max-width:380px}.color-modal-header{padding:8px 10px}.color-modal-title{font-size:13px}.color-modal-content{padding:10px}.color-form-actions{flex-direction:column-reverse}.color-btn-cancel,.color-btn-submit{width:100%;padding:8px 12px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.managecolors-table-wrapper::-webkit-scrollbar{height:6px}.managecolors-table-wrapper::-webkit-scrollbar-track{background:#f0f0f0}.managecolors-table-wrapper::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.managecolors-table-wrapper::-webkit-scrollbar-thumb:hover{background:#999}.color-modal::-webkit-scrollbar{width:6px}.color-modal::-webkit-scrollbar-track{background:#f0f0f0}.color-modal::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.color-modal::-webkit-scrollbar-thumb:hover{background:#999}.add-finance-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto;animation:fadeIn .3s ease-out}.add-finance-modal{background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000026;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-gray)}.add-finance-header{background:var(--primary-black);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondary-black)}.add-finance-header-content{display:flex;align-items:center;gap:12px;flex:1}.add-finance-header-icon{flex-shrink:0;opacity:.9}.add-finance-header-text{flex:1}.add-finance-title{font-size:18px;font-weight:700;margin:0;line-height:1.2}.add-finance-subtitle{font-size:12px;margin:2px 0 0;opacity:.85;font-weight:500}.add-finance-close-btn{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.add-finance-close-btn:hover:not(:disabled){background:#fff3;transform:rotate(90deg)}.add-finance-close-btn:disabled{opacity:.5;cursor:not-allowed}.add-finance-tabs{display:flex;background:var(--light-gray);border-bottom:1px solid var(--border-gray);padding:0;gap:0}.add-finance-tab{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-gray);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:3px solid transparent;position:relative}.add-finance-tab svg{flex-shrink:0}.add-finance-tab:hover:not(:disabled){background:#1a1a1a0d;color:var(--text-dark)}.add-finance-tab.active{background:#fff;color:var(--primary-black);border-bottom-color:var(--primary-black)}.add-finance-tab:disabled{opacity:.6;cursor:not-allowed}.add-finance-tab-required{color:var(--error-red);font-size:10px;font-weight:700}.add-finance-body{flex:1;overflow-y:auto;padding:0}.add-finance-form{padding:20px}.add-finance-tab-content{animation:fadeIn .2s ease-out}.add-finance-tab-header{margin-bottom:20px}.add-finance-tab-header h3{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.add-finance-tab-header p{font-size:12px;color:var(--text-gray);margin:0;font-weight:500}.add-finance-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.add-finance-form-group:last-of-type{margin-bottom:0}.add-finance-label{font-size:12px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.add-finance-label svg{flex-shrink:0;color:var(--primary-black);width:14px;height:14px}.add-finance-required{color:var(--error-red);font-size:14px;font-weight:700}.add-finance-input,.add-finance-select,.add-finance-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none}.add-finance-input::placeholder,.add-finance-select::placeholder,.add-finance-textarea::placeholder{color:#d1d5db}.add-finance-input:focus,.add-finance-select:focus,.add-finance-textarea:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a;background:#1a1a1a05}.add-finance-input:disabled,.add-finance-select:disabled,.add-finance-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.add-finance-input.error{border-color:var(--error-red);box-shadow:0 0 0 3px #ef44441a}.add-finance-input.error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #ef444426}.add-finance-textarea{resize:vertical;min-height:80px;padding:10px 12px;line-height:1.4}.add-finance-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='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.add-finance-select option{color:var(--text-dark);background:#fff;padding:8px}.add-finance-hint{font-size:11px;color:var(--text-gray);font-weight:500;display:block}.add-finance-error{font-size:11px;color:var(--error-red);font-weight:600;display:flex;align-items:center;gap:4px}.add-finance-checking{font-size:11px;color:#3b82f6;font-weight:600;margin-left:auto}.add-finance-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-top:16px;color:#1e40af;font-size:12px;font-weight:500}.add-finance-info-box svg{flex-shrink:0;margin-top:2px}.add-finance-info-box p{margin:0}.add-finance-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-gray)}.add-finance-cancel-btn,.add-finance-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;border:none;min-height:40px}.add-finance-cancel-btn{background:var(--light-gray);color:var(--text-gray);border:1px solid var(--border-gray)}.add-finance-cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.add-finance-submit-btn{background:var(--primary-black);color:#fff;box-shadow:0 2px 8px #1a1a1a33;min-width:140px}.add-finance-submit-btn:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.add-finance-submit-btn:active:not(:disabled){transform:translateY(0)}.add-finance-submit-btn:disabled,.add-finance-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-finance-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.add-finance-spinner-large{display:inline-block;width:40px;height:40px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spin .8s linear infinite}.add-finance-body::-webkit-scrollbar{width:6px}.add-finance-body::-webkit-scrollbar-track{background:#f9fafb}.add-finance-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.add-finance-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:768px){.add-finance-modal{max-width:95%;max-height:90vh}.add-finance-header{padding:12px}.add-finance-title{font-size:16px}.add-finance-subtitle{font-size:11px}.add-finance-tabs{padding:0}.add-finance-tab{padding:10px 12px;font-size:11px;gap:4px}.add-finance-tab svg{width:14px;height:14px}.add-finance-form{padding:16px}.add-finance-tab-header h3{font-size:14px}.add-finance-form-group{margin-bottom:14px}.add-finance-input,.add-finance-select,.add-finance-textarea{padding:8px 10px;font-size:12px}.add-finance-cancel-btn,.add-finance-submit-btn{padding:8px 12px;font-size:11px;min-height:36px}.add-finance-actions{gap:8px;margin-top:16px;padding-top:12px}}@media(max-width:480px){.add-finance-overlay{padding:8px}.add-finance-modal{max-width:100%;border-radius:6px}.add-finance-header{padding:10px;gap:8px}.add-finance-header-content{gap:8px}.add-finance-title{font-size:14px}.add-finance-subtitle{font-size:10px}.add-finance-close-btn{width:28px;height:28px}.add-finance-tabs{flex-wrap:wrap}.add-finance-tab{flex:1;min-width:80px;padding:8px 10px;font-size:10px}.add-finance-tab span:last-child{display:none}.add-finance-form{padding:12px}.add-finance-tab-header h3{font-size:13px}.add-finance-tab-header p,.add-finance-label{font-size:11px}.add-finance-label svg{width:12px;height:12px}.add-finance-form-group{margin-bottom:12px;gap:4px}.add-finance-input,.add-finance-select,.add-finance-textarea{padding:8px 10px;font-size:12px}.add-finance-hint,.add-finance-error{font-size:10px}.add-finance-info-box{padding:10px;font-size:11px;gap:8px}.add-finance-cancel-btn,.add-finance-submit-btn{padding:8px 12px;font-size:10px;min-height:34px;flex:1}.add-finance-submit-btn{min-width:auto}.add-finance-actions{flex-direction:column-reverse;gap:6px;margin-top:14px;padding-top:10px}.add-finance-textarea{min-height:70px}}@media print{.add-finance-overlay{display:none}}.edit-finance-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto;animation:fadeIn .3s ease-out}.edit-finance-modal{background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000026;width:100%;max-width:600px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-gray)}.edit-finance-header{background:var(--primary-black);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondary-black)}.edit-finance-header-content{display:flex;align-items:center;gap:12px;flex:1}.edit-finance-header-icon{flex-shrink:0;opacity:.9}.edit-finance-header-text{flex:1}.edit-finance-title{font-size:18px;font-weight:700;margin:0;line-height:1.2}.edit-finance-subtitle{font-size:12px;margin:2px 0 0;opacity:.85;font-weight:500}.edit-finance-close-btn{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.edit-finance-close-btn:hover:not(:disabled){background:#fff3;transform:rotate(90deg)}.edit-finance-close-btn:disabled{opacity:.5;cursor:not-allowed}.edit-finance-tabs{display:flex;background:var(--light-gray);border-bottom:1px solid var(--border-gray);padding:0;gap:0}.edit-finance-tab{flex:1;padding:12px 16px;border:none;background:transparent;color:var(--text-gray);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px;border-bottom:3px solid transparent;position:relative}.edit-finance-tab svg{flex-shrink:0}.edit-finance-tab:hover:not(:disabled){background:#1a1a1a0d;color:var(--text-dark)}.edit-finance-tab.active{background:#fff;color:var(--primary-black);border-bottom-color:var(--primary-black)}.edit-finance-tab:disabled{opacity:.6;cursor:not-allowed}.edit-finance-tab-required{color:var(--error-red);font-size:10px;font-weight:700}.edit-finance-body{flex:1;overflow-y:auto;padding:0}.edit-finance-form{padding:20px}.edit-finance-tab-content{animation:fadeIn .2s ease-out}.edit-finance-tab-header{margin-bottom:20px}.edit-finance-tab-header h3{font-size:16px;font-weight:700;color:var(--text-dark);margin:0 0 4px}.edit-finance-tab-header p{font-size:12px;color:var(--text-gray);margin:0;font-weight:500}.edit-finance-form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.edit-finance-form-group:last-of-type{margin-bottom:0}.edit-finance-label{font-size:12px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:6px}.edit-finance-label svg{flex-shrink:0;color:var(--primary-black);width:14px;height:14px}.edit-finance-required{color:var(--error-red);font-size:14px;font-weight:700}.edit-finance-input,.edit-finance-select,.edit-finance-textarea{width:100%;padding:10px 12px;border:1px solid var(--border-gray);border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none}.edit-finance-input::placeholder,.edit-finance-select::placeholder,.edit-finance-textarea::placeholder{color:#d1d5db}.edit-finance-input:focus,.edit-finance-select:focus,.edit-finance-textarea:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a;background:#1a1a1a05}.edit-finance-input:disabled,.edit-finance-select:disabled,.edit-finance-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.edit-finance-input.disabled{background:#f3f4f6;border-color:#d1d5db}.edit-finance-input.error{border-color:var(--error-red);box-shadow:0 0 0 3px #ef44441a}.edit-finance-input.error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #ef444426}.edit-finance-textarea{resize:vertical;min-height:80px;padding:10px 12px;line-height:1.4}.edit-finance-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='%231a1a1a' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:32px}.edit-finance-select option{color:var(--text-dark);background:#fff;padding:8px}.edit-finance-hint{font-size:11px;color:var(--text-gray);font-weight:500;display:block}.edit-finance-error{font-size:11px;color:var(--error-red);font-weight:600;display:flex;align-items:center;gap:4px}.edit-finance-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;margin-top:16px;color:#1e40af;font-size:12px;font-weight:500}.edit-finance-info-box svg{flex-shrink:0;margin-top:2px}.edit-finance-info-box p{margin:0}.edit-finance-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border-gray)}.edit-finance-cancel-btn,.edit-finance-submit-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;border:none;min-height:40px}.edit-finance-cancel-btn{background:var(--light-gray);color:var(--text-gray);border:1px solid var(--border-gray)}.edit-finance-cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.edit-finance-submit-btn{background:var(--primary-black);color:#fff;box-shadow:0 2px 8px #1a1a1a33;min-width:140px}.edit-finance-submit-btn:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.edit-finance-submit-btn:active:not(:disabled){transform:translateY(0)}.edit-finance-submit-btn:disabled,.edit-finance-cancel-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.edit-finance-spinner{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.edit-finance-spinner-large{display:inline-block;width:40px;height:40px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spin .8s linear infinite}.edit-finance-body::-webkit-scrollbar{width:6px}.edit-finance-body::-webkit-scrollbar-track{background:#f9fafb}.edit-finance-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.edit-finance-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-access-image{width:120px;height:auto;opacity:.7;margin-bottom:12px}.no-access-panel h3{font-size:16px;font-weight:700;margin:0 0 8px}.no-access-panel p{font-size:12px;color:var(--text-gray);margin:0 0 16px;line-height:1.5}@media(max-width:768px){.edit-finance-modal{max-width:95%;max-height:90vh}.edit-finance-header{padding:12px}.edit-finance-title{font-size:16px}.edit-finance-subtitle{font-size:11px}.edit-finance-tabs{padding:0}.edit-finance-tab{padding:10px 12px;font-size:11px;gap:4px}.edit-finance-tab svg{width:14px;height:14px}.edit-finance-form{padding:16px}.edit-finance-tab-header h3{font-size:14px}.edit-finance-form-group{margin-bottom:14px}.edit-finance-input,.edit-finance-select,.edit-finance-textarea{padding:8px 10px;font-size:12px}.edit-finance-cancel-btn,.edit-finance-submit-btn{padding:8px 12px;font-size:11px;min-height:36px}.edit-finance-actions{gap:8px;margin-top:16px;padding-top:12px}}@media(max-width:480px){.edit-finance-overlay{padding:8px}.edit-finance-modal{max-width:100%;border-radius:6px}.edit-finance-header{padding:10px;gap:8px}.edit-finance-header-content{gap:8px}.edit-finance-title{font-size:14px}.edit-finance-subtitle{font-size:10px}.edit-finance-close-btn{width:28px;height:28px}.edit-finance-tabs{flex-wrap:wrap}.edit-finance-tab{flex:1;min-width:80px;padding:8px 10px;font-size:10px}.edit-finance-tab span:last-child{display:none}.edit-finance-form{padding:12px}.edit-finance-tab-header h3{font-size:13px}.edit-finance-tab-header p,.edit-finance-label{font-size:11px}.edit-finance-label svg{width:12px;height:12px}.edit-finance-form-group{margin-bottom:12px;gap:4px}.edit-finance-input,.edit-finance-select,.edit-finance-textarea{padding:8px 10px;font-size:12px}.edit-finance-hint,.edit-finance-error{font-size:10px}.edit-finance-info-box{padding:10px;font-size:11px;gap:8px}.edit-finance-cancel-btn,.edit-finance-submit-btn{padding:8px 12px;font-size:10px;min-height:34px;flex:1}.edit-finance-submit-btn{min-width:auto}.edit-finance-actions{flex-direction:column-reverse;gap:6px;margin-top:14px;padding-top:10px}.edit-finance-textarea{min-height:70px}}@media print{.edit-finance-overlay{display:none}}.finance-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.finance-data-table tbody td{padding:12px 14px;color:#2d3748;vertical-align:middle}.finance-barcode{font-family:Courier New,monospace;font-weight:600;color:#495057}.finance-name{font-weight:600;color:#1a1a1a}.finance-action-btn.edit{color:#ffc107}.finance-action-btn.edit:hover{background:#fff3cd}.finance-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000;padding:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.finance-modal{position:relative;background:#fff;border-radius:12px;width:100%;max-width:900px;box-shadow:0 10px 40px #0003;border:2px solid #2d3748;animation:slideUp .3s ease-out;overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.finance-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;background:#2d3748;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 #2d37484d}.finance-modal-close:hover{transform:scale(1.1);background:#1a1a1a;box-shadow:0 4px 12px #1a1a1a80}.finance-modal-header{background:#2d3748;color:#fff;padding:16px 20px;border-bottom:2px solid #1a1a1a}.finance-modal-header h3{margin:0;font-size:16px;font-weight:700;letter-spacing:.5px}.finance-modal-body{padding:20px;max-height:400px;overflow-y:auto}.finance-modal-footer{display:flex;gap:10px;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:flex-end}.finance-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}.finance-modal-save{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.finance-modal-save:hover{background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.finance-table-wrapper::-webkit-scrollbar,.finance-modal-body::-webkit-scrollbar{width:8px;height:8px}.finance-table-wrapper::-webkit-scrollbar-track,.finance-modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.finance-table-wrapper::-webkit-scrollbar-thumb,.finance-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.finance-table-wrapper::-webkit-scrollbar-thumb:hover,.finance-modal-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.finance-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.finance-container{padding:12px}.finance-dashboard-header{flex-direction:column;align-items:flex-start}.finance-header-right{width:100%;justify-content:flex-start}.finance-controls-section{flex-direction:column}.finance-controls-left{min-width:auto}.finance-filters-grid{grid-template-columns:1fr}.finance-data-table{font-size:12px}.finance-data-table thead th,.finance-data-table tbody td{padding:8px 10px}.finance-table-actions{width:auto}.finance-actions-group{gap:4px}.finance-action-btn{width:32px;height:32px}.finance-modal{max-width:90%}}@media(max-width:480px){.finance-dashboard-title{font-size:18px}.finance-title-icon{font-size:20px}.finance-search-input{font-size:12px}.finance-table-wrapper{max-height:400px}.finance-data-table{font-size:11px}.finance-data-table thead th,.finance-data-table tbody td{padding:6px 8px}.finance-pagination-btn{padding:6px 10px;font-size:12px}.finance-export-btn{font-size:10px;padding:6px 8px}.finance-modal{max-width:95%}.finance-add-btn,.finance-refresh-btn{padding:8px 12px;font-size:11px}}.finance-export-section{display:flex;justify-content:center;gap:12px;padding:16px;background:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap}.finance-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}@media(max-width:768px){.finance-export-section{gap:8px;padding:12px}.finance-export-btn{padding:8px 10px;font-size:11px}}@media(max-width:480px){.finance-export-section{gap:6px}.finance-export-btn{padding:6px 8px;font-size:10px}}.finance-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.finance-filters-row{display:flex;gap:10px;width:100%;flex-wrap:wrap;align-items:flex-end}.finance-search-box{flex:1;min-width:140px;max-width:200px}.finance-filter-select{flex:1;min-width:120px;max-width:160px}.finance-export-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;height:40px;flex-shrink:0}@media(max-width:1200px){.finance-search-box{min-width:120px;max-width:160px}.finance-filter-select{min-width:110px;max-width:140px}.finance-export-btn{padding:8px 10px;font-size:10px}}@media(max-width:1024px){.finance-filters-row{gap:8px}.finance-search-box{min-width:110px;max-width:140px}.finance-filter-select{min-width:100px;max-width:130px}.finance-search-input{padding:8px 10px;font-size:12px}.finance-export-btn{padding:8px;font-size:9px;height:36px}}@media(max-width:768px){.finance-filters-row{gap:6px;flex-wrap:wrap}.finance-search-box,.finance-filter-select{flex:0 1 calc(50% - 3px);min-width:100px;max-width:none}.finance-export-btn{flex:0 1 calc(33.33% - 4px);padding:6px;font-size:9px;height:34px}.finance-search-input{padding:8px 10px;font-size:11px}}@media(max-width:480px){.finance-filters-row{gap:6px}.finance-search-box,.finance-filter-select{flex:0 1 100%;min-width:auto}.finance-export-btn{flex:0 1 calc(33.33% - 4px);padding:6px 4px;font-size:8px;height:32px}.finance-search-input{padding:8px 10px;font-size:11px}}.finance-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.finance-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.finance-header-left{display:flex;align-items:center;gap:12px}.finance-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.finance-title-icon{font-size:26px;color:#2d3748}.finance-header-right{display:flex;gap:8px;flex-wrap:wrap}.finance-add-btn,.finance-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.finance-add-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.finance-add-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.finance-add-btn:disabled{opacity:.5;cursor:not-allowed}.finance-refresh-btn{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.finance-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.finance-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000f}.finance-controls-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px}.finance-controls-right{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.finance-filter-item{display:flex;gap:10px;align-items:center}.finance-search-box{flex:1;min-width:200px}.finance-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.finance-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.finance-search-input::placeholder{color:#adb5bd}.finance-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.finance-select{padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:140px}.finance-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.finance-export-section{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;background:#f8f9fa;padding:12px 16px;border-radius:8px;margin-bottom:16px}.finance-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.finance-export-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.finance-export-btn.excel{border-color:#28a745;color:#28a745}.finance-export-btn.excel:hover{background:#28a745;color:#fff}.finance-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.finance-export-btn.csv:hover{background:#17a2b8;color:#fff}.finance-export-btn.pdf{border-color:#dc3545;color:#dc3545}.finance-export-btn.pdf:hover{background:#dc3545;color:#fff}.finance-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.finance-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.finance-data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.finance-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.finance-data-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.finance-data-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.finance-data-table tbody tr:hover{background:#f8f9fa}.finance-data-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle;font-weight:500}.finance-invoice-id{font-family:Courier New,monospace;font-weight:700;color:#1a1a1a}.finance-amount{font-weight:700;color:#1a1a1a}.finance-text-success{color:#10b981!important}.finance-text-warning{color:#f59e0b!important}.finance-text{color:#2d3748;font-weight:500}.finance-table-actions{width:200px;text-align:center}.finance-actions-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.finance-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;border:1px solid #dee2e6}.finance-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.finance-action-btn.view{color:#0d6efd}.finance-action-btn.view:hover{background:#e7f1ff}.finance-action-btn.pay{color:#10b981}.finance-action-btn.pay:hover{background:#d1fae5}.finance-action-btn.delete{color:#dc3545}.finance-action-btn.delete:hover{background:#f8d7da}.finance-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.finance-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.finance-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.finance-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.finance-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.finance-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.finance-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.finance-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.finance-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.finance-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.finance-no-data-container p{font-size:13px;color:#6c757d;margin:0}.finance-loading-panel,.finance-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.finance-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.finance-loading-panel p,.finance-error-panel p{font-size:14px;color:#495057;margin:0}.finance-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.finance-no-access-image{width:200px;height:auto;margin-bottom:20px}.finance-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.finance-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.finance-custom-tooltip{background:#fff;padding:12px;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026}.finance-tooltip-label{margin:0 0 6px;font-weight:700;font-size:13px;color:#1f2937}.finance-tooltip-value{margin:0;font-size:14px;font-weight:700;color:#1a1a1a}@media(max-width:1024px){.finance-controls-section{flex-direction:column}.finance-controls-left{min-width:auto}.finance-controls-right{width:100%;justify-content:flex-start}.finance-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.finance-panel-container{padding:12px}.finance-dashboard-header{flex-direction:column;align-items:flex-start}.finance-header-right{width:100%;justify-content:flex-start}.finance-controls-section{flex-direction:column}.finance-controls-left{min-width:auto}.finance-controls-right{width:100%;flex-direction:column}.finance-select{width:100%}.finance-filters-grid{grid-template-columns:1fr}.finance-data-table{font-size:12px}.finance-data-table thead th,.finance-data-table tbody td{padding:8px 10px}.finance-table-actions{width:auto}.finance-actions-group{gap:4px}.finance-action-btn{width:32px;height:32px}.finance-pagination-controls{gap:8px}.finance-export-section{flex-direction:column}.finance-export-btn{width:100%;justify-content:center}}@media(max-width:480px){.finance-dashboard-title{font-size:18px}.finance-title-icon{font-size:20px}.finance-search-input{font-size:12px}.finance-table-wrapper{max-height:400px}.finance-data-table{font-size:11px}.finance-data-table thead th,.finance-data-table tbody td{padding:6px 8px}.finance-pagination-btn{padding:6px 10px;font-size:12px}.finance-export-btn{font-size:10px;padding:6px 8px}.finance-add-btn,.finance-refresh-btn{padding:8px 12px;font-size:11px}}.finance-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.finance-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.finance-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.finance-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}:root{--primary-black: #1a1a1a;--secondary-black: #2d3748;--light-gray: #f8f9fa;--border-gray: #e9ecef;--text-dark: #1f2937;--text-gray: #6b7280;--error-red: #ef4444;--success-green: #10b981}.fda-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;overflow-y:auto;animation:fadeIn .3s ease-out}.fda-modal{background:#fff;border-radius:8px;box-shadow:0 20px 50px #00000026;width:100%;max-width:1000px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-gray)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fda-header{background:var(--primary-black);color:#fff;padding:16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondary-black)}.fda-header-content{display:flex;align-items:center;gap:12px;flex:1}.fda-header-icon{flex-shrink:0;opacity:.9}.fda-header-content h2{font-size:18px;font-weight:700;margin:0;line-height:1.2}.fda-header-content p{font-size:12px;margin:2px 0 0;opacity:.85;font-weight:500}.fda-close-btn{width:32px;height:32px;border-radius:6px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0}.fda-close-btn:hover{background:#fff3;transform:rotate(90deg)}.fda-form{flex:1;overflow-y:auto;padding:20px}.fda-form-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:20px}.fda-column{display:flex;flex-direction:column;gap:16px}.fda-section{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--light-gray);border-radius:6px;border:1px solid var(--border-gray)}.fda-section-title{font-size:13px;font-weight:700;color:var(--text-dark);margin:0;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.3px}.fda-section-title svg{flex-shrink:0;color:var(--primary-black);width:14px;height:14px}.fda-form-group{display:flex;flex-direction:column;gap:6px}.fda-label{font-size:11px;font-weight:600;color:var(--text-dark);text-transform:uppercase;letter-spacing:.3px}.fda-required{color:var(--error-red);font-size:12px;font-weight:700}.fda-input{width:100%;padding:8px 10px;border:1px solid var(--border-gray);border-radius:6px;font-size:12px;font-family:inherit;background:#fff;color:var(--text-dark);transition:all .3s ease;outline:none}.fda-input::placeholder{color:#d1d5db}.fda-input:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #1a1a1a1a;background:#1a1a1a05}.fda-input:disabled,.fda-readonly{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.fda-input.fda-input-error{border-color:var(--error-red);box-shadow:0 0 0 3px #ef44441a}.fda-input.fda-input-error:focus{border-color:var(--error-red);box-shadow:0 0 0 3px #ef444426}.fda-search-wrapper{position:relative;display:flex;align-items:center}.fda-search-icon{position:absolute;left:10px;color:#9ca3af;pointer-events:none;flex-shrink:0}.fda-search-wrapper .fda-input{padding-left:32px}.fda-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid var(--border-gray);border-top:none;border-radius:0 0 6px 6px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 12px #0000001a}.fda-suggestion-item{padding:10px;border-bottom:1px solid var(--border-gray);cursor:pointer;transition:all .2s ease;background:#fff}.fda-suggestion-item:hover{background:var(--light-gray)}.fda-suggestion-item:last-child{border-bottom:none}.fda-suggestion-title{font-size:12px;font-weight:600;color:var(--text-dark)}.fda-suggestion-meta{font-size:11px;color:var(--text-gray);margin-top:2px}.fda-suggestion-amount{font-size:11px;font-weight:600;color:var(--success-green);margin-top:4px}.fda-suggestion-empty{padding:16px;text-align:center;color:var(--text-gray);font-size:12px}.fda-success-box{padding:10px;background:#d1fae5;border:1px solid #A7F3D0;border-radius:6px;font-size:11px;font-weight:600;color:#065f46;display:flex;flex-direction:column;gap:4px}.fda-error{font-size:10px;color:var(--error-red);font-weight:600;display:flex;align-items:center;gap:4px}.fda-hint{font-size:10px;color:var(--text-gray);font-weight:500}.fda-commission-section{padding:14px;background:var(--light-gray);border-radius:6px;border:1px solid var(--border-gray);margin-bottom:20px}.fda-commission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px}.fda-commission-item{display:flex;flex-direction:column;gap:4px;padding:10px;background:#fff;border-radius:6px;border:1px solid var(--border-gray)}.fda-commission-label{font-size:10px;font-weight:600;color:var(--text-gray);text-transform:uppercase;letter-spacing:.2px}.fda-commission-value{font-size:13px;font-weight:700;color:var(--text-dark)}.fda-commission-value.fda-highlight{color:var(--success-green)}.fda-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px;background:var(--light-gray);border-top:1px solid var(--border-gray);flex-wrap:wrap}.fda-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;cursor:pointer;transition:all .3s ease;border:none;min-height:40px;white-space:nowrap}.fda-btn-primary{background:var(--primary-black);color:#fff;box-shadow:0 2px 8px #1a1a1a33;min-width:140px}.fda-btn-primary:hover:not(:disabled){background:var(--secondary-black);transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.fda-btn-secondary{background:#fff;color:var(--text-gray);border:1px solid var(--border-gray)}.fda-btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.fda-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.fda-spinner{width:40px;height:40px;border:3px solid var(--border-gray);border-top-color:var(--primary-black);border-radius:50%;animation:spin .8s linear infinite}.fda-spinner-small{display:inline-block;width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.fda-loading,.fda-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.fda-access-image{width:120px;height:auto;opacity:.7;margin-bottom:12px}.fda-access-denied h3{font-size:16px;font-weight:700;color:var(--error-red);margin:0 0 8px}.fda-access-denied p{font-size:12px;color:var(--text-gray);margin:0;line-height:1.5}.fda-loading p{font-size:14px;color:var(--text-gray);margin:12px 0 0}.fda-form::-webkit-scrollbar,.fda-suggestions::-webkit-scrollbar{width:6px}.fda-form::-webkit-scrollbar-track,.fda-suggestions::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.fda-form::-webkit-scrollbar-thumb,.fda-suggestions::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.fda-form::-webkit-scrollbar-thumb:hover,.fda-suggestions::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:1024px){.fda-modal{max-width:95%}.fda-form-content{grid-template-columns:repeat(2,1fr);gap:16px}.fda-header{padding:12px}.fda-header-content h2{font-size:16px}.fda-header-content p{font-size:11px}.fda-form{padding:16px}.fda-section{padding:12px}.fda-input{padding:8px 10px;font-size:11px}}@media(max-width:768px){.fda-overlay{padding:8px}.fda-modal{max-width:100%;border-radius:6px}.fda-form-content{grid-template-columns:1fr;gap:12px}.fda-header{padding:10px;gap:8px}.fda-header-content{gap:8px}.fda-header-content h2{font-size:14px}.fda-header-content p{font-size:10px}.fda-close-btn{width:28px;height:28px}.fda-form{padding:12px}.fda-section{padding:10px}.fda-section-title{font-size:12px}.fda-label{font-size:10px}.fda-input{padding:7px 8px;font-size:11px}.fda-commission-grid{grid-template-columns:repeat(2,1fr);gap:8px}.fda-commission-item{padding:8px}.fda-commission-label{font-size:9px}.fda-commission-value{font-size:12px}.fda-btn{padding:8px 12px;font-size:11px;min-height:36px}.fda-btn-primary{min-width:120px}.fda-actions{gap:8px;padding:12px}}@media(max-width:480px){.fda-overlay{padding:6px}.fda-modal{max-width:100%;max-height:95vh}.fda-form-content{grid-template-columns:1fr;gap:10px}.fda-header{padding:8px;flex-direction:column;align-items:flex-start}.fda-header-content{width:100%;gap:8px}.fda-header-content h2{font-size:13px}.fda-header-content p{font-size:9px}.fda-close-btn{position:absolute;top:8px;right:8px;width:24px;height:24px}.fda-form{padding:10px}.fda-column{gap:12px}.fda-section{padding:8px;gap:8px}.fda-section-title{font-size:11px}.fda-section-title svg{width:12px;height:12px}.fda-form-group{gap:4px}.fda-label{font-size:9px}.fda-input{padding:6px 8px;font-size:11px}.fda-search-wrapper .fda-input{padding-left:28px}.fda-search-icon{width:12px;height:12px;left:8px}.fda-success-box{padding:8px;font-size:10px;gap:3px}.fda-error,.fda-hint{font-size:9px}.fda-suggestion-title{font-size:11px}.fda-suggestion-meta,.fda-suggestion-amount{font-size:10px}.fda-commission-section{padding:10px;margin-bottom:16px}.fda-commission-grid{grid-template-columns:1fr;gap:6px;margin-top:8px}.fda-commission-item{padding:6px}.fda-commission-label{font-size:8px}.fda-commission-value{font-size:11px}.fda-btn{padding:8px 10px;font-size:10px;min-height:34px;flex:1}.fda-btn-primary{min-width:auto}.fda-actions{flex-direction:column-reverse;gap:6px;padding:10px}}.commission-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.commission-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.commission-header-left{display:flex;align-items:center;gap:12px}.commission-dashboard-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.commission-title-icon{font-size:26px;color:#2d3748}.commission-header-right{display:flex;gap:8px;flex-wrap:wrap}.commission-add-btn,.commission-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.commission-add-btn{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.commission-add-btn:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a4d}.commission-add-btn:disabled{opacity:.5;cursor:not-allowed}.commission-refresh-btn{background:#6c757d;color:#fff;box-shadow:0 2px 8px #6c757d33}.commission-refresh-btn:hover{background:#5a6268;transform:translateY(-2px);box-shadow:0 4px 12px #6c757d4d}.commission-controls-section{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000f}.commission-controls-left{flex:1;min-width:300px;display:flex;flex-direction:column;gap:12px}.commission-controls-right{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.commission-filter-item{display:flex;gap:10px;align-items:center}.commission-search-box{flex:1;min-width:200px}.commission-search-input{width:100%;padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.commission-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.commission-search-input::placeholder{color:#adb5bd}.commission-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.commission-select{padding:10px 14px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500;min-width:140px}.commission-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.commission-export-section{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;background:#f8f9fa;padding:12px 16px;border-radius:8px;margin-bottom:16px}.commission-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;background:#fff;color:#495057;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.commission-export-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.commission-export-btn.excel{border-color:#28a745;color:#28a745}.commission-export-btn.excel:hover{background:#28a745;color:#fff}.commission-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.commission-export-btn.csv:hover{background:#17a2b8;color:#fff}.commission-export-btn.pdf{border-color:#dc3545;color:#dc3545}.commission-export-btn.pdf:hover{background:#dc3545;color:#fff}.commission-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:16px}.commission-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.commission-data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.commission-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.commission-data-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.commission-data-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.commission-data-table tbody tr:hover{background:#f8f9fa}.commission-data-table tbody td{padding:12px 14px;color:#1a1a1a;vertical-align:middle;font-weight:500}.commission-invoice-id{font-family:Courier New,monospace;font-weight:700;color:#1a1a1a}.commission-amount,.commission-rate{font-weight:700;color:#1a1a1a}.commission-text{color:#2d3748;font-weight:500}.commission-type-badge{display:inline-block;padding:2px 8px;background:#f3f4f6;color:#495057;border-radius:12px;font-size:11px;font-weight:600;border:1px solid #e9ecef}.commission-table-actions{width:200px;text-align:center}.commission-actions-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.commission-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease;background:#f8f9fa;border:1px solid #dee2e6}.commission-action-btn:hover{transform:translateY(-2px);box-shadow:0 2px 6px #0000001a}.commission-action-btn.view{color:#0d6efd}.commission-action-btn.view:hover{background:#e7f1ff}.commission-action-btn.edit{color:#ffc107}.commission-action-btn.edit:hover{background:#fff3cd}.commission-action-btn.delete{color:#dc3545}.commission-action-btn.delete:hover{background:#f8d7da}.commission-pagination-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px}.commission-pagination-controls{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.commission-pagination-btn{padding:8px 12px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:14px}.commission-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-2px)}.commission-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.commission-pagination-goto{display:flex;align-items:center;gap:8px;font-size:13px;color:#495057;font-weight:600}.commission-pagination-input{width:60px;padding:6px 8px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:13px;font-weight:600;color:#1a1a1a}.commission-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.commission-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.commission-no-data-image{width:140px;height:auto;opacity:.6;margin-bottom:12px}.commission-no-data-container p{font-size:13px;color:#6c757d;margin:0}.commission-loading-panel,.commission-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.commission-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}.commission-loading-panel p,.commission-error-panel p{font-size:14px;color:#495057;margin:0}.commission-error-panel{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.commission-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin:40px auto;max-width:500px}.commission-no-access-image{width:200px;height:auto;margin-bottom:20px}.commission-no-access-panel h3{font-size:18px;font-weight:700;color:#dc3545;margin:0 0 12px}.commission-no-access-panel p{font-size:14px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.commission-custom-tooltip{background:#fff;padding:12px;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 4px 12px #00000026}.commission-tooltip-label{margin:0 0 6px;font-weight:700;font-size:13px;color:#1f2937}.commission-tooltip-value{margin:0;font-size:14px;font-weight:700;color:#1a1a1a}.commission-bulk-actions{display:flex;gap:12px;align-items:center;background:#f0f9ff;border:2px solid #bfdbfe;padding:12px 16px;border-radius:8px;margin-bottom:16px;flex-wrap:wrap}.commission-bulk-text{font-size:13px;font-weight:600;color:#1e40af;margin-right:8px}.commission-btn-success-sm,.commission-btn-warning-sm,.commission-btn-secondary-sm{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.commission-btn-success-sm{background:#10b981;color:#fff}.commission-btn-success-sm:hover{background:#059669;transform:translateY(-2px)}.commission-btn-warning-sm{background:#f59e0b;color:#fff}.commission-btn-warning-sm:hover{background:#d97706;transform:translateY(-2px)}.commission-btn-secondary-sm{background:#e5e7eb;color:#495057}.commission-btn-secondary-sm:hover{background:#d1d5db;transform:translateY(-2px)}@media(max-width:1024px){.commission-controls-section{flex-direction:column}.commission-controls-left{min-width:auto}.commission-controls-right{width:100%;justify-content:flex-start}.commission-filters-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.commission-panel-container{padding:12px}.commission-dashboard-header{flex-direction:column;align-items:flex-start}.commission-header-right{width:100%;justify-content:flex-start}.commission-controls-section{flex-direction:column}.commission-controls-left{min-width:auto}.commission-controls-right{width:100%;flex-direction:column}.commission-select{width:100%}.commission-filters-grid{grid-template-columns:1fr}.commission-data-table{font-size:12px}.commission-data-table thead th,.commission-data-table tbody td{padding:8px 10px}.commission-table-actions{width:auto}.commission-actions-group{gap:4px}.commission-action-btn{width:32px;height:32px}.commission-pagination-controls{gap:8px}.commission-export-section{flex-direction:column}.commission-export-btn{width:100%;justify-content:center}.commission-bulk-actions{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.commission-dashboard-title{font-size:18px}.commission-title-icon{font-size:20px}.commission-search-input{font-size:12px}.commission-table-wrapper{max-height:400px}.commission-data-table{font-size:11px}.commission-data-table thead th,.commission-data-table tbody td{padding:6px 8px}.commission-pagination-btn{padding:6px 10px;font-size:12px}.commission-export-btn{font-size:10px;padding:6px 8px}.commission-add-btn,.commission-refresh-btn{padding:8px 12px;font-size:11px}}.commission-table-wrapper::-webkit-scrollbar{width:8px;height:8px}.commission-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.commission-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.commission-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.commission-status-select{padding:4px 8px;border:1px solid #e9ecef;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff}.commission-status-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.commission-status-select.commission-status-pending{border-color:#f59e0b;color:#92400e}.commission-status-select.commission-status-success{border-color:#10b981;color:#065f46}.commission-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:cfm-fadeIn .3s ease-out}@keyframes cfm-fadeIn{0%{opacity:0}to{opacity:1}}.commission-modal-content{position:relative;background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;animation:cfm-slideUp .3s ease-out}@keyframes cfm-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.commission-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:10}.commission-modal-title{font-size:18px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.5px}.commission-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;transition:all .3s ease;padding:0;font-size:0;line-height:0}.commission-modal-close:hover:not(:disabled){background:#fff3;border-color:#fff6;transform:rotate(90deg) scale(1.1)}.commission-modal-close:active:not(:disabled){transform:rotate(90deg) scale(.95)}.commission-modal-close:disabled{opacity:.5;cursor:not-allowed}.commission-modal-form{padding:24px}.commission-form-section{margin-bottom:28px}.commission-form-section:last-child{margin-bottom:0}.commission-form-section-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.commission-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.commission-form-grid-1{grid-template-columns:1fr}.commission-form-field-full{grid-column:1 / -1}.commission-form-group{display:flex;flex-direction:column;gap:6px}.commission-form-label{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px}.commission-form-input,.commission-form-select,.commission-form-textarea{padding:10px 12px;border:2px solid #e5e7eb;border-radius:6px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.commission-form-input:focus,.commission-form-select:focus,.commission-form-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a;background:#fafafa}.commission-form-input::placeholder,.commission-form-textarea::placeholder{color:#9ca3af}.commission-form-input:disabled,.commission-form-select:disabled,.commission-form-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.commission-form-read-only{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.commission-form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231a1a1a' stroke-width='2'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px}.commission-form-textarea{resize:vertical;min-height:80px}.commission-form-input.commission-input-error,.commission-form-select.commission-input-error,.commission-form-textarea.commission-input-error{border-color:#dc3545;background:#fff5f5}.commission-form-input.commission-input-error:focus,.commission-form-select.commission-input-error:focus,.commission-form-textarea.commission-input-error:focus{box-shadow:0 0 0 3px #dc35451a;border-color:#dc3545}.commission-error-text{font-size:12px;color:#dc3545;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:2px}.commission-error-text:before{content:"⚠️";font-size:11px}.commission-form-hint{font-size:12px;color:#6b7280;font-weight:500;margin-top:2px}.commission-required{color:#dc3545;font-weight:700}.commission-modal-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:2px solid #e5e7eb;margin-top:24px}.commission-btn-cancel,.commission-btn-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;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}.commission-btn-submit{background:#1a1a1a;color:#fff;box-shadow:0 4px 12px #1a1a1a33}.commission-btn-submit:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a4d}.commission-btn-submit:active:not(:disabled){transform:translateY(0)}.commission-btn-cancel{background:#f3f4f6;color:#1a1a1a;border:2px solid #e5e7eb}.commission-btn-cancel:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-2px)}.commission-btn-cancel:active:not(:disabled){transform:translateY(0)}.commission-btn-cancel:disabled,.commission-btn-submit:disabled{opacity:.5;cursor:not-allowed}.commission-spinner-small{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cfm-spin .8s linear infinite}.commission-modal-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:cfm-spin .8s linear infinite;margin:0 auto}@keyframes cfm-spin{to{transform:rotate(360deg)}}.commission-modal-access-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;text-align:center;max-width:500px}.commission-modal-access-image{width:180px;height:auto;margin-bottom:20px;opacity:.8}.commission-modal-access-title{font-size:20px;font-weight:700;color:#dc3545;margin:0 0 12px}.commission-modal-access-text{font-size:14px;color:#6b7280;line-height:1.6;margin:0}.commission-modal-access-text strong{color:#1a1a1a;font-weight:600}@media(max-width:768px){.commission-modal-content{max-width:95%;max-height:95vh}.commission-form-grid{grid-template-columns:1fr}.commission-modal-form{padding:16px}.commission-form-section{margin-bottom:20px}.commission-modal-footer{flex-direction:column-reverse}.commission-btn-cancel,.commission-btn-submit{width:100%}.commission-modal-header{padding:16px}.commission-modal-title{font-size:16px}}@media(max-width:480px){.commission-modal-content{max-width:100%;border-radius:12px 12px 0 0}.commission-modal-header{padding:14px 16px}.commission-modal-title{font-size:14px;gap:8px}.commission-modal-title svg{width:16px;height:16px}.commission-modal-close{width:36px;height:36px}.commission-modal-form{padding:14px}.commission-form-grid{gap:12px}.commission-form-input,.commission-form-select,.commission-form-textarea{font-size:12px;padding:9px 10px}.commission-form-section-title{font-size:12px;margin-bottom:12px;gap:8px}.commission-form-label{font-size:11px}.commission-btn-cancel,.commission-btn-submit{padding:10px 16px;font-size:11px}.commission-modal-access-image{width:140px;margin-bottom:16px}.commission-modal-access-title{font-size:18px}.commission-modal-access-text{font-size:13px}}.commission-modal-content::-webkit-scrollbar{width:8px}.commission-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.commission-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.commission-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.commission-form-input:focus-visible,.commission-form-select:focus-visible,.commission-form-textarea:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}.commission-btn-cancel:focus-visible,.commission-btn-submit:focus-visible,.commission-modal-close:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}@media print{.commission-modal-overlay{display:none}}:root{--primary: #667eea;--secondary: #764ba2;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--info: #3b82f6;--pending: #f97316;--light: #f8f9fa;--lighter: #f3f4f6;--dark: #1f2937;--border: #e5e7eb;--text-muted: #6b7280}.rn-dashboard{background:linear-gradient(135deg,#f8f9fa,#f3f4f6);min-height:100vh;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rn-header-section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px #00000014;border-top:4px solid var(--primary)}.rn-header-top{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.rn-header-title{display:flex;align-items:center;gap:16px;flex:1;min-width:300px}.rn-header-icon{width:60px;height:60px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px}.rn-header-text h1{font-size:24px;font-weight:700;color:var(--dark);margin:0}.rn-header-text p{font-size:13px;color:var(--text-muted);margin:4px 0 0;font-weight:500}.rn-header-controls{display:flex;gap:16px;align-items:flex-end;flex-wrap:wrap}.rn-control-group{display:flex;flex-direction:column;gap:6px}.rn-control-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rn-select{padding:8px 12px;border:2px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;background:#fff;color:var(--dark);transition:all .3s;min-width:140px}.rn-select:hover,.rn-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.rn-btn-refresh{display:flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s;height:40px}.rn-btn-refresh:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.rn-btn-refresh:disabled{opacity:.6;cursor:not-allowed}.rn-dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:24px}.rn-dashboard-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014;border-left:5px solid var(--primary);display:flex;gap:16px;align-items:flex-start}.rn-dashboard-card.commission{border-left-color:var(--info);background:linear-gradient(135deg,#3b82f60d,#3b82f605)}.rn-dashboard-card.paid{border-left-color:var(--success);background:linear-gradient(135deg,#10b9810d,#10b98105)}.rn-dashboard-card.balance{border-left-color:var(--primary);background:linear-gradient(135deg,#667eea1a,#667eea0d)}.rn-dashboard-card.balance.company-owes{border-left-color:var(--danger);background:linear-gradient(135deg,#ef44441a,#ef44440d)}.rn-dashboard-card.balance.rn-owes{border-left-color:var(--success);background:linear-gradient(135deg,#10b9811a,#10b9810d)}.rn-dashboard-card.balance.balanced{border-left-color:var(--warning);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d)}.rn-dashboard-icon{font-size:32px;min-width:40px}.rn-dashboard-content{flex:1;display:flex;flex-direction:column;gap:8px}.rn-dashboard-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rn-dashboard-amount{font-size:24px;font-weight:700;color:var(--dark)}.rn-dashboard-detail{font-size:12px;color:var(--text-muted);font-weight:500}.rn-section-title{font-size:18px;font-weight:700;color:var(--dark);margin:24px 0 16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.rn-tabs-section{background:#fff;border-radius:12px;padding:12px;margin-bottom:24px;display:flex;gap:8px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.rn-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--lighter);border:2px solid transparent;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;color:var(--text-muted);transition:all .3s}.rn-tab-btn:hover{background:var(--border)}.rn-tab-btn.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:var(--primary)}.rn-tab-content{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.rn-month-selector{background:#fff;border-radius:12px;padding:16px;margin-bottom:24px;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap}.rn-month-selector label{font-weight:600;color:var(--dark);font-size:14px}.rn-month-selector .rn-select{min-width:140px}.rn-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:24px}.rn-summary-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:8px;border-left:4px solid var(--primary)}.rn-summary-card.highlight{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-left-color:#fff}.rn-summary-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rn-summary-card.highlight .rn-summary-label{color:#fffc}.rn-summary-value{font-size:20px;font-weight:700;color:var(--dark)}.rn-summary-card.highlight .rn-summary-value{color:#fff}.rn-summary-sub{font-size:11px;color:var(--text-muted);font-weight:500}.rn-summary-card.highlight .rn-summary-sub{color:#ffffffb3}.rn-summary-value.cash{color:var(--success)}.rn-summary-value.bonus{color:var(--warning)}.rn-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.rn-section-header .rn-section-title{margin:0;padding-bottom:0;border-bottom:none;flex:1}.rn-payments-section,.rn-loans-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.rn-form-section{background:var(--lighter);border-radius:12px;padding:20px;margin-bottom:20px;border:2px solid var(--border)}.rn-form-section h4{font-size:14px;font-weight:700;color:var(--dark);margin-bottom:16px}.rn-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.rn-form-group{display:flex;flex-direction:column;gap:6px}.rn-form-group.full-width{grid-column:1 / -1}.rn-form-group label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rn-input{padding:10px 12px;border:2px solid var(--border);border-radius:8px;font-size:13px;font-weight:500;color:var(--dark);background:#fff;transition:all .3s}.rn-input:hover,.rn-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #667eea1a}.rn-form-actions{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.rn-btn-submit,.rn-btn-cancel{display:flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s}.rn-btn-submit{background:linear-gradient(135deg,var(--success),#059669);color:#fff}.rn-btn-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.rn-btn-cancel{background:var(--border);color:var(--text-muted)}.rn-btn-cancel:hover{background:var(--lighter)}.rn-btn-add{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;transition:all .3s;white-space:nowrap}.rn-btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.rn-view-btn{background:linear-gradient(135deg,var(--info),var(--primary));color:#fff;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .3s;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.rn-view-btn:hover{transform:scale(1.1);box-shadow:0 4px 12px #3b82f64d}.rn-table-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.rn-table-title{font-size:15px;font-weight:700;color:var(--dark);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.rn-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.rn-table{width:100%;border-collapse:collapse;font-size:13px}.rn-table thead{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff}.rn-table th{padding:12px 16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.rn-table tbody tr{border-bottom:1px solid var(--border);transition:all .2s}.rn-table tbody tr:hover{background:var(--lighter)}.rn-table td{padding:12px 16px;color:var(--dark)}.rn-table-company{font-weight:600;color:var(--primary)}.rn-table-center{text-align:center;font-weight:600}.rn-table-currency{font-weight:600;color:var(--success)}.rn-table-invoice,.rn-table-id{font-weight:600;color:var(--primary)}.rn-type-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:var(--lighter);color:var(--text-muted)}.rn-type-badge.finance{background:#fee2e2;color:#991b1b}.rn-type-badge.cash{background:#d1fae5;color:#065f46}.rn-table-footer{background:var(--lighter);font-weight:600;border-top:2px solid var(--border)}.rn-table-footer td{padding:12px 16px;color:var(--dark)}.rn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-muted);text-align:center}.rn-empty-state p{font-size:14px;font-weight:500}.rn-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;animation:fadeIn .3s ease-in}.rn-modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.rn-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid var(--border);background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:16px 16px 0 0}.rn-modal-header h2{font-size:20px;font-weight:700;margin:0}.rn-modal-close{background:#fff3;border:none;color:#fff;cursor:pointer;border-radius:8px;padding:8px;display:flex;align-items:center;justify-content:center;transition:all .3s}.rn-modal-close:hover{background:#ffffff4d;transform:scale(1.1)}.rn-modal-body{padding:24px}.rn-invoice-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;background:var(--lighter);padding:16px;border-radius:12px}.rn-invoice-info-item{display:flex;flex-direction:column;gap:4px}.rn-invoice-info-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.rn-invoice-info-value{font-size:14px;font-weight:600;color:var(--dark)}.rn-invoice-info-value.finance{color:var(--danger)}.rn-invoice-info-value.cash{color:var(--success)}.rn-invoice-items{margin-bottom:24px}.rn-invoice-items h3{font-size:16px;font-weight:700;color:var(--dark);margin-bottom:12px}.rn-invoice-summary{background:var(--lighter);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.rn-invoice-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;color:var(--dark);padding:8px 0;border-bottom:1px solid var(--border)}.rn-invoice-summary-row:last-child{border-bottom:none}.rn-invoice-summary-row.highlight{background:#fff;padding:12px;border-radius:8px;border:2px solid var(--primary);font-size:16px;color:var(--primary)}.rn-months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-bottom:24px}.rn-month-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;border-top:4px solid var(--info);transition:all .3s}.rn-month-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.rn-month-card.bonus-earned{border-top-color:var(--warning);background:linear-gradient(135deg,#f973160d,#f9731605)}.rn-month-header{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;padding:16px;display:flex;justify-content:space-between;align-items:center}.rn-month-header h3{font-size:16px;font-weight:700;margin:0}.rn-bonus-badge{background:#fff3;color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;border:1px solid rgba(255,255,255,.3)}.rn-month-content{padding:16px}.rn-month-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid var(--lighter)}.rn-month-row.total{border-bottom:none;font-weight:700;background:var(--lighter);margin:0 -16px -16px;padding:12px 16px;border-radius:0 0 12px 12px}.rn-month-label{color:var(--text-muted);font-weight:500}.rn-month-value{font-weight:600;color:var(--dark)}.rn-month-value.finance{color:var(--danger)}.rn-month-value.bonus{color:var(--warning)}.rn-month-value.total{color:var(--primary);font-size:15px}.rn-month-action-btn{width:100%;padding:10px;background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none;border-radius:0 0 12px 12px;cursor:pointer;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s;margin-top:12px}.rn-month-action-btn:hover{background:linear-gradient(135deg,var(--secondary),var(--primary))}.rn-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#f3f4f6);color:var(--dark)}.rn-spinner{border:4px solid var(--border);border-top:4px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:16px}.rn-loading-container p{font-size:14px;color:var(--text-muted);font-weight:500}@media(max-width:1200px){.rn-form-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.rn-dashboard{padding:12px}.rn-header-top{flex-direction:column;align-items:stretch}.rn-header-title,.rn-header-controls{flex-direction:column}.rn-control-group,.rn-select,.rn-btn-refresh{width:100%}.rn-dashboard-panels,.rn-summary-cards{grid-template-columns:1fr}.rn-section-header{flex-direction:column;align-items:stretch}.rn-btn-add{width:100%;justify-content:center}.rn-form-grid{grid-template-columns:1fr}.rn-form-actions{flex-direction:column}.rn-btn-submit,.rn-btn-cancel{width:100%;justify-content:center}.rn-table-wrapper{font-size:12px}.rn-table th,.rn-table td{padding:8px 12px}.rn-invoice-info-grid{grid-template-columns:1fr}.rn-modal-content{max-height:95vh}.rn-months-grid{grid-template-columns:1fr}}@media(max-width:480px){.rn-header-icon{width:50px;height:50px}.rn-header-text h1{font-size:18px}.rn-section-title,.rn-summary-value{font-size:16px}.rn-dashboard-amount{font-size:18px}.rn-table-wrapper{overflow-x:auto}.rn-modal-header{padding:16px}.rn-modal-header h2{font-size:16px}.rn-modal-body,.rn-form-section{padding:16px}}.aima-dashboard{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.aima-header-section{background:#fff;border-radius:8px;padding:20px;margin-bottom:16px;box-shadow:0 2px 6px #0000000f}.aima-header-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.aima-header-title{display:flex;align-items:center;gap:16px}.aima-header-icon{width:60px;height:60px;background:#f0f1f3;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#2d3748}.aima-header-text h1{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 4px}.aima-header-text p{font-size:13px;color:#6b7280;margin:0}.aima-header-controls{display:flex;gap:12px;flex-wrap:wrap}.aima-control-group{display:flex;flex-direction:column;gap:6px}.aima-control-group label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px}.aima-select{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;cursor:pointer;transition:all .3s ease;font-weight:500}.aima-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.aima-btn-refresh{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;align-self:flex-end}.aima-btn-refresh:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 2px 8px #1a1a1a33}.aima-btn-refresh:disabled{opacity:.5;cursor:not-allowed}.aima-dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px}.aima-dashboard-card{background:#fff;border-radius:8px;padding:16px;display:flex;align-items:flex-start;gap:12px;box-shadow:0 2px 6px #0000000f;border-left:4px solid #2d3748}.aima-dashboard-card.commission{border-left-color:#3b82f6}.aima-dashboard-card.paid{border-left-color:#10b981}.aima-dashboard-card.balance{border-left-color:#f59e0b}.aima-dashboard-card.balance.company-owes{border-left-color:#ef4444}.aima-dashboard-card.balance.aima-owes{border-left-color:#10b981}.aima-dashboard-icon{font-size:32px;flex-shrink:0}.aima-dashboard-content{flex:1}.aima-dashboard-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.aima-dashboard-amount{font-size:20px;font-weight:700;color:#1a1a1a;margin-bottom:4px}.aima-dashboard-detail{font-size:12px;color:#6b7280;line-height:1.4}.aima-tabs-section{display:flex;gap:8px;margin-bottom:16px;background:#fff;padding:12px;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap}.aima-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f0f1f3;color:#495057;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.aima-tab-btn:hover{background:#e9ecef}.aima-tab-btn.active{background:#1a1a1a;color:#fff}.aima-tab-content{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 6px #0000000f}.aima-month-selector{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.aima-month-selector label{font-size:13px;font-weight:600;color:#495057}.aima-month-selector .aima-select{min-width:150px}.aima-section-title{font-size:16px;font-weight:700;color:#1a1a1a;margin-bottom:16px;display:flex;align-items:center;gap:8px}.aima-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.aima-summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:6px}.aima-summary-card.highlight{background:#f0fdf4;border-color:#10b981}.aima-summary-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.aima-summary-value{font-size:18px;font-weight:700;color:#1a1a1a}.aima-summary-value.cash{color:#6b7280}.aima-summary-value.bonus{color:#f59e0b}.aima-summary-sub{font-size:10px;color:#adb5bd}.aima-table-section{margin-top:20px}.aima-table-title{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.aima-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e9ecef}.aima-table{width:100%;border-collapse:collapse;font-size:12px}.aima-table thead{background:#2d3748}.aima-table thead th{padding:12px;text-align:left;font-weight:700;color:#fff;text-transform:uppercase;font-size:11px;letter-spacing:.3px;border-bottom:2px solid #1a1a1a}.aima-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.aima-table tbody tr:hover{background:#f8f9fa}.aima-table tbody td{padding:12px;color:#1a1a1a;vertical-align:middle}.aima-table-invoice{font-weight:700;color:#2d3748}.aima-table-center{text-align:center}.aima-table-currency{text-align:right;font-weight:600;color:#10b981}.aima-type-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase}.aima-type-badge.finance{background:#dbeafe;color:#1e40af}.aima-type-badge.cash{background:#fef3c7;color:#92400e}.aima-view-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#dbeafe;color:#1e40af;border:none;border-radius:4px;cursor:pointer;transition:all .3s ease}.aima-view-btn:hover{background:#1e40af;color:#fff;transform:translateY(-2px)}.aima-months-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.aima-month-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:14px;transition:all .3s ease}.aima-month-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.aima-month-card.bonus-earned{background:#f0fdf4;border-color:#10b981}.aima-month-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid #e9ecef}.aima-month-header h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.aima-bonus-badge{display:inline-block;padding:4px 8px;background:#10b981;color:#fff;border-radius:4px;font-size:10px;font-weight:700}.aima-month-content{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.aima-month-row{display:flex;justify-content:space-between;align-items:center;font-size:12px}.aima-month-label{color:#6b7280;font-weight:500}.aima-month-value{font-weight:700;color:#1a1a1a}.aima-month-value.finance{color:#3b82f6}.aima-month-value.bonus{color:#f59e0b}.aima-month-value.total{color:#10b981;font-size:13px}.aima-month-row.total{padding-top:8px;border-top:1px solid #e9ecef;margin-top:8px}.aima-month-action-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.aima-month-action-btn:hover{background:#2d2d2d;transform:translateY(-2px)}.aima-payments-section,.aima-loans-section{margin-bottom:24px}.aima-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:12px}.aima-btn-add{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.aima-btn-add:hover{background:#059669;transform:translateY(-2px);box-shadow:0 2px 8px #10b98133}.aima-form-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;margin-bottom:16px}.aima-form-section h4{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.aima-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.aima-form-group{display:flex;flex-direction:column;gap:6px}.aima-form-group label{font-size:11px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.3px}.aima-input{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;color:#2d3748;background:#fff;transition:all .3s ease;font-weight:500}.aima-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.aima-form-group--full{grid-column:1 / -1}.aima-form-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.aima-btn-submit{padding:10px 16px;background:#1a1a1a;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.aima-btn-submit:hover{background:#2d2d2d;transform:translateY(-2px)}.aima-btn-cancel{padding:10px 16px;background:#e9ecef;color:#495057;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.aima-btn-cancel:hover{background:#d1d8df}.aima-table tfoot{background:#f8f9fa}.aima-table-footer{font-weight:700}.aima-table-footer td{padding:12px;border-top:2px solid #e9ecef;background:#f8f9fa}.aima-empty-state{text-align:center;padding:40px 20px;color:#6b7280;font-size:13px}.aima-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}.aima-modal-content{background:#fff;border-radius:12px;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px #00000026;width:100%}.aima-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.aima-modal-header h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.aima-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;color:#6b7280;cursor:pointer;transition:all .3s ease}.aima-modal-close:hover{color:#1a1a1a;transform:scale(1.1)}.aima-modal-body{padding:20px}.aima-invoice-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e9ecef}.aima-invoice-info-item{display:flex;flex-direction:column;gap:4px}.aima-invoice-info-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.aima-invoice-info-value{font-size:13px;font-weight:600;color:#1a1a1a}.aima-invoice-info-value.finance{color:#3b82f6}.aima-invoice-info-value.cash{color:#6b7280}.aima-invoice-items{margin-bottom:20px}.aima-invoice-items h3{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.aima-invoice-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px;display:flex}.bike-report-container{padding:24px;background:#f8f9fa;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.report-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:32px;border-radius:16px;margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 10px 30px #667eea4d}.header-content{flex:1}.report-title{font-size:32px;font-weight:700;margin:0 0 8px;display:flex;align-items:center;gap:12px}.report-title .icon{font-size:36px}.report-subtitle{font-size:16px;opacity:.9;margin:0}.header-actions{display:flex;gap:12px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-primary{background:#10b981;color:#fff}.btn-primary:hover{background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-secondary{background:#fff;color:#667eea}.btn-secondary:hover{background:#f3f4f6;transform:translateY(-2px)}.btn-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;text-decoration:underline}.btn-link:hover{color:#764ba2}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#fff;padding:24px;border-radius:12px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.card-icon{font-size:40px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:12px}.card-blue .card-icon{background:#dbeafe}.card-green .card-icon{background:#d1fae5}.card-purple .card-icon{background:#e9d5ff}.card-orange .card-icon{background:#fed7aa}.card-content h3{font-size:28px;font-weight:700;margin:0 0 4px;color:#1f2937}.card-content p{font-size:14px;color:#6b7280;margin:0}.filters-section{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 2px 8px #00000014}.filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.filters-header h2{font-size:20px;font-weight:600;color:#1f2937;margin:0}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.filter-input,.filter-select{padding:10px 12px;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;transition:border-color .3s ease}.filter-input:focus,.filter-select:focus{outline:none;border-color:#667eea}.view-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.view-mode-toggle{display:flex;gap:8px;background:#fff;padding:4px;border-radius:8px;box-shadow:0 2px 8px #00000014}.toggle-btn{padding:8px 16px;border:none;background:transparent;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#6b7280;transition:all .3s ease;display:flex;align-items:center;gap:6px}.toggle-btn.active{background:#667eea;color:#fff}.toggle-btn:hover:not(.active){background:#f3f4f6}.results-count{font-size:14px;color:#6b7280;font-weight:500}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;background:#fff;border-radius:12px}.spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{margin-top:16px;color:#6b7280;font-size:16px}.bikes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:24px}.bike-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s ease,box-shadow .3s ease}.bike-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}.bike-image{width:100%;height:200px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;overflow:hidden}.bike-image img{width:100%;height:100%;object-fit:cover}.no-image{font-size:64px;opacity:.3}.bike-info{padding:20px}.bike-name{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 4px}.bike-model{font-size:14px;color:#6b7280;margin:0 0 16px}.bike-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-row .label{font-size:13px;color:#6b7280;font-weight:500}.detail-row .value{font-size:13px;color:#1f2937;font-weight:600}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.badge-primary{background:#dbeafe;color:#1e40af}.batch-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.batch-tag{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600}.batch-tag.main{background:#e0e7ff;color:#3730a3}.batch-tag.sub{background:#fce7f3;color:#9f1239}.store-list{margin-bottom:16px}.store-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.store-item:last-child{margin-bottom:0}.store-name{font-size:13px;color:#374151;font-weight:500}.store-qty{font-size:13px;color:#667eea;font-weight:700}.bike-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #f3f4f6}.price-info{display:flex;flex-direction:column;gap:4px}.price-label{font-size:12px;color:#6b7280}.price-value{font-size:16px;font-weight:700;color:#10b981}.btn-details{padding:8px 16px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background .3s ease}.btn-details:hover{background:#764ba2}.expanded-details{margin-top:16px;padding:16px;background:#f9fafb;border-radius:8px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;font-size:13px}.detail-grid div{color:#374151}.detail-grid strong{color:#1f2937;font-weight:600}.table-container{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;margin-bottom:24px}.bikes-table{width:100%;border-collapse:collapse}.bikes-table thead{background:#f9fafb}.bikes-table th{padding:16px;text-align:left;font-size:13px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px}.bikes-table td{padding:16px;border-top:1px solid #f3f4f6;font-size:14px;color:#1f2937}.bikes-table tbody tr:hover{background:#f9fafb}.table-bike-name{display:flex;align-items:center;gap:12px}.table-bike-img{width:50px;height:50px;object-fit:cover;border-radius:6px}.batch-tag-small{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;margin-right:4px;margin-bottom:4px}.batch-tag-small.main{background:#e0e7ff;color:#3730a3}.batch-tag-small.sub{background:#fce7f3;color:#9f1239}.table-store{font-size:12px;color:#6b7280;margin-bottom:4px}.no-results{text-align:center;padding:60px;background:#fff;border-radius:12px}.no-results-icon{font-size:64px;opacity:.3;margin-bottom:16px}.no-results h3{font-size:24px;color:#1f2937;margin:0 0 8px}.no-results p{font-size:16px;color:#6b7280;margin:0}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:24px}.pagination-btn{padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#667eea;color:#fff;border-color:#667eea}.pagination-numbers{display:flex;gap:4px}.pagination-number{width:40px;height:40px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .3s ease}.pagination-number:hover{background:#f3f4f6}.pagination-number.active{background:#667eea;color:#fff;border-color:#667eea}@media print{.report-header,.filters-section,.view-controls,.pagination,.header-actions{display:none}.bike-card{break-inside:avoid}}@media(max-width:768px){.report-header{flex-direction:column;align-items:flex-start;gap:16px}.summary-cards,.filters-grid,.bikes-grid{grid-template-columns:1fr}.view-controls{flex-direction:column;align-items:flex-start;gap:12px}.table-container{overflow-x:auto}.bikes-table{min-width:800px}}.income-statement-container{background:#f5f5f5;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.income-statement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;flex-wrap:wrap;gap:12px;border-left:4px solid #2d3748}.income-statement-header-left{display:flex;align-items:center;gap:12px}.income-statement-header h1{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.income-statement-header p{margin:0;font-size:12px;color:#6c757d;font-weight:500}.income-header-icon{font-size:22px;color:#2d3748}.income-header-right{display:flex;gap:8px;flex-wrap:wrap}.controls-section{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center;background:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 1px 3px #0000000f}.date-controls{display:flex;gap:12px;align-items:flex-end}.date-controls>div{display:flex;flex-direction:column;gap:5px}.date-controls label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.3px}.date-controls input,.filter-controls input,.filter-controls select{padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.date-controls input:hover,.filter-controls input:hover,.filter-controls select:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d}.date-controls input:focus,.filter-controls input:focus,.filter-controls select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.filter-controls{display:flex;gap:8px;flex:1;min-width:300px;align-items:center}.search-input{flex:1;min-width:180px}.store-filter{min-width:140px}.refresh-btn,.export-btn{padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;color:#495057;white-space:nowrap}.refresh-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #2d37484d}.export-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #2d37484d}.refresh-btn:disabled,.export-btn:disabled{opacity:.5;cursor:not-allowed}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.card{display:flex;flex-direction:column;gap:8px;padding:14px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;border-left:4px solid #2d3748;transition:all .2s ease}.card:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.card .label{font-size:10px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.3px}.card .value{font-size:18px;font-weight:700;color:#1a1a1a}.card.profit{background:#2d3748;border-left-color:#2d3748;color:#fff}.card.profit .label{color:#ffffffb3}.card.profit .value{color:#fff}.table-wrapper{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:14px}.table-scroll{overflow-x:auto;max-height:600px;position:relative}.profit-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.profit-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.profit-table thead th{padding:10px 12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:11px;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.profit-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.profit-table tbody tr:hover{background:#f8f9fa}.profit-table tbody tr.profit-positive{border-left:3px solid #10b981}.profit-table tbody tr.profit-negative{border-left:3px solid #ef4444}.profit-table td{padding:10px 12px;color:#2d3748;vertical-align:middle}.profit-table .invoice-id,.profit-table .barcode{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:11px}.profit-table .bike-name{font-weight:600;color:#1a1a1a;font-size:11px}.profit-table .store{font-weight:500;font-size:11px}.profit-table .date{color:#6c757d;font-size:11px}.profit-table .qty{text-align:center;font-weight:600;color:#1a1a1a}.profit-table .rate,.profit-table .cost,.profit-table .discount,.profit-table .revenue,.profit-table .item-cost,.profit-table .commission{text-align:right;font-size:11px;color:#2d3748}.profit-table .profit{font-weight:700;text-align:right;font-size:11px}.profit-table .profit.positive{color:#10b981}.profit-table .profit.negative{color:#ef4444}.profit-table .margin{font-weight:600;color:#495057;text-align:right;font-size:11px}.error-banner{background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:12px 16px;border-radius:6px;margin-bottom:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.error-banner p{margin:0;font-size:12px;font-weight:500}.error-banner button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap;transition:all .2s}.error-banner button:hover{background:#b91c1c}.loading,.no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center;color:#6c757d;font-size:13px;gap:12px}.loading p,.no-data p{margin:0}.loading svg,.no-data svg{opacity:.5;width:40px;height:40px}.footer-info{text-align:center;color:#6c757d;font-size:11px;padding:12px 16px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f}.footer-info p{margin:0;font-weight:500}@media(max-width:1024px){.controls-section{gap:8px}.date-controls input,.filter-controls input,.filter-controls select{font-size:11px;padding:7px 9px}.profit-table{font-size:11px}.profit-table thead th,.profit-table tbody td{padding:8px 10px}.summary-cards{grid-template-columns:repeat(3,1fr);gap:10px}.card{padding:12px 14px}.card .value{font-size:16px}}@media(max-width:768px){.income-statement-container{padding:12px}.income-statement-header{flex-direction:column;align-items:flex-start;padding:12px 14px;margin-bottom:12px}.income-statement-header h1{font-size:16px}.income-header-right{width:100%;justify-content:flex-start}.controls-section{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px;margin-bottom:12px}.date-controls{flex-direction:column;gap:8px}.filter-controls{flex-direction:column;min-width:auto}.search-input,.store-filter{min-width:auto;width:100%}.refresh-btn,.export-btn{width:100%;justify-content:center;font-size:11px;padding:8px 12px}.table-scroll{max-height:450px}.profit-table{font-size:10px}.profit-table thead th,.profit-table tbody td{padding:8px 10px}.summary-cards{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.card{padding:10px 12px;gap:6px}.card .label{font-size:9px}.card .value{font-size:14px}.error-banner{flex-direction:column;align-items:flex-start;padding:10px 12px;margin-bottom:12px}.error-banner button{width:100%}.footer-info{padding:10px 12px;margin-bottom:12px;font-size:10px}}@media(max-width:480px){.income-statement-container{padding:10px}.income-statement-header{padding:10px 12px;margin-bottom:10px}.income-statement-header h1{font-size:14px}.income-header-icon{font-size:18px}.income-statement-header p{font-size:11px}.controls-section{padding:8px 10px;margin-bottom:10px;gap:6px}.date-controls label,.date-controls input,.filter-controls input,.filter-controls select{font-size:10px;padding:6px 8px}.refresh-btn,.export-btn{font-size:10px;padding:6px 10px}.table-scroll{max-height:350px}.profit-table{font-size:9px}.profit-table thead th,.profit-table tbody td{padding:6px 8px}.summary-cards{grid-template-columns:1fr;gap:6px;margin-bottom:10px}.card{padding:8px 10px;gap:4px}.card .label{font-size:8px}.card .value{font-size:12px}.error-banner{padding:8px 10px;margin-bottom:10px;font-size:11px}.error-banner button{padding:5px 10px;font-size:10px}.footer-info{padding:8px 10px;margin-bottom:10px;font-size:9px}.loading,.no-data{padding:40px 15px;font-size:12px}.loading svg,.no-data svg{width:32px;height:32px}}.loading svg{animation:spin 1s linear infinite}.text-center{text-align:center}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:12px}.text-xs{font-size:11px}.text-gray{color:#6c757d}.text-dark{color:#1a1a1a}.text-success{color:#10b981}.text-danger{color:#ef4444}.profit-table th.tax-column{background-color:#ffebee;color:#c62828;font-weight:700}.profit-table th.net-profit-column{background-color:#a5d6a7;color:#1b5e20;font-weight:700}.profit-table td.tax-cell{background-color:#fff5f5;color:#c62828;font-weight:600}.profit-table td.net-profit-cell{background-color:#f1f8f4;font-weight:600}.profit-table td.net-margin{background-color:#e3f2fd;color:#0d47a1;font-weight:600}.items-per-page-select{min-width:130px;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:12px;color:#2d3748;background:#fff;cursor:pointer;transition:all .2s ease;font-weight:500}.items-per-page-select:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d}.pagination-section{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-top:1px solid #e9ecef;gap:20px;flex-wrap:wrap}.pagination-info{display:flex;gap:20px;align-items:center;font-size:12px;color:#6c757d;font-weight:500}.page-indicator{background:#f8f9fa;padding:6px 12px;border-radius:4px;font-weight:600;color:#2d3748}.pagination-controls{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.pagination-btn{padding:8px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;color:#495057;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:32px;height:32px}.pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #2d37484d}.page-numbers{display:flex;gap:4px;align-items:center}.page-number{padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:12px;font-weight:600;color:#495057;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.page-number:hover:not(:disabled){background:#f8f9fa;border-color:#495057;color:#2d3748}.page-number.active{background:#2d3748;border-color:#2d3748;color:#fff;font-weight:700}.page-number:disabled{opacity:.5;cursor:not-allowed}.page-ellipsis{color:#6c757d;font-weight:600;padding:0 4px}@media(max-width:1024px){.pagination-section{flex-direction:column;gap:12px;padding:10px 14px}.pagination-info{gap:12px;font-size:11px}.page-numbers{gap:2px}.page-number,.pagination-btn{padding:6px 8px;font-size:11px;min-width:28px;height:28px}}@media(max-width:768px){.pagination-section{padding:8px 12px;gap:10px}.pagination-info{flex-direction:column;gap:6px;font-size:10px;width:100%}.pagination-controls{width:100%;justify-content:center;gap:2px}.page-numbers{gap:2px}.page-number,.pagination-btn{padding:5px 7px;font-size:10px;min-width:26px;height:26px}.items-per-page-select{min-width:110px;font-size:11px;padding:6px 8px}}@media(max-width:480px){.pagination-section{padding:6px 10px;gap:8px}.pagination-info{font-size:9px;gap:4px}.page-numbers{gap:1px}.page-number,.pagination-btn{padding:4px 6px;font-size:9px;min-width:24px;height:24px}.items-per-page-select{min-width:100px;font-size:10px;padding:5px 7px}.page-numbers{max-width:150px;overflow:hidden}}.summary-cards .card.tax{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-left:4px solid #c62828}.summary-cards .card.tax .label{color:#c62828}.summary-cards .card.tax .value{color:#c62828;font-weight:700}.summary-cards .card.net-profit{background:linear-gradient(135deg,#a5d6a7,#81c784);border-left:4px solid #1b5e20}.summary-cards .card.net-profit .label{color:#1b5e20}.summary-cards .card.net-profit .value{color:#1b5e20;font-weight:700}.profit-table th.tax-column{background-color:#ffebee!important;color:#c62828!important;font-weight:700}.profit-table th.net-profit-column{background-color:#a5d6a7!important;color:#1b5e20!important;font-weight:700}.profit-table td.tax-cell{background-color:#fff5f5;color:#c62828;font-weight:600;text-align:right}.profit-table td.net-profit-cell{background-color:#f1f8f4;font-weight:600;text-align:right}.profit-table td.net-profit-cell.positive{color:#1b5e20;background-color:#c8e6c9}.profit-table td.net-profit-cell.negative{color:#d32f2f;background-color:#ffcdd2}.profit-table td.net-margin{background-color:#e3f2fd;color:#0d47a1;font-weight:600;text-align:right}.summary-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:#6b7280;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.summary-loading-state p{margin-top:16px;font-size:16px;font-weight:500}.summary-spin-icon{animation:summarySpinAnimation 1s linear infinite;color:#4f46e5}@keyframes summarySpinAnimation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.summary-error-state{text-align:center;padding:40px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#991b1b}.summary-retry-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 20px;background:#dc2626;color:#fff;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s}.summary-retry-btn:hover{background:#b91c1c}.summary-section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.summary-section-header h3{margin:0;font-size:20px;font-weight:600;color:#1f2937}.summary-section-header svg{color:#4f46e5;flex-shrink:0}.summary-bike-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid #e5e7eb}.summary-bike-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;border:none;background:none;border-bottom:3px solid transparent;cursor:pointer;font-weight:500;color:#6b7280;transition:all .2s;border-radius:8px 8px 0 0}.summary-bike-tab:hover:not(.summary-bike-tab-active){background:#f9fafb;color:#374151}.summary-bike-tab-active{color:#4f46e5;border-bottom-color:#4f46e5;background:#f8fafc;font-weight:600}.summary-bike-tab-active svg{color:#4f46e5}.summary-finance-overdue{color:#dc2626!important;font-weight:600!important}.summary-overdue-text{display:block;color:#dc2626;font-size:11px;font-weight:600;margin-top:2px;text-transform:uppercase}.summary-finance-remaining{color:#dc2626!important;font-weight:600!important}.pdf-download-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border:none;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #dc262633;position:relative}.pdf-download-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 6px 16px #dc26264d}.pdf-download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.pdf-download-btn:after{content:"COMPREHENSIVE";position:absolute;top:-8px;right:-8px;background:#f59e0b;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600}*{margin:0;padding:0;box-sizing:border-box}.invoice-report-container{background:#f5f5f5;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:12px;color:#6c757d}.loading-spinner svg{animation:spin 1s linear infinite}.error-state{background:#fee2e2;border:1px solid #fecaca;border-left:4px solid #dc2626;color:#dc2626;padding:12px 16px;border-radius:6px;margin:14px 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.error-state p{margin:0;font-size:12px;font-weight:500}.retry-button{background:#dc2626;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;transition:all .2s;white-space:nowrap}.retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.invoice-report-header{background:#fff;border-radius:6px;padding:14px 16px;margin-bottom:14px;box-shadow:0 1px 3px #0000000f;border-left:4px solid #2d3748}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap}.title-section{display:flex;align-items:flex-start;gap:12px;flex:1}.header-icon{color:#2d3748;margin-top:2px;flex-shrink:0}.title-section h1{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 4px;letter-spacing:-.5px}.period-text{font-size:12px;color:#6c757d;font-weight:500;margin:0}.controls-section-compact{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap;align-items:flex-end;background:#fff;padding:12px 16px;border-radius:6px;box-shadow:0 1px 3px #0000000f}.date-controls-group{display:flex;gap:12px;align-items:flex-end}.date-input-wrapper{display:flex;flex-direction:column;gap:5px}.date-input-wrapper label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.3px}.date-input-box{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .2s ease}.date-input-box:hover{border-color:#adb5bd}.date-input-box:focus-within{border-color:#495057;box-shadow:0 0 0 2px #4950571a}.date-icon{color:#adb5bd;flex-shrink:0}.date-input-compact{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:#2d3748;font-weight:500;cursor:pointer}.date-input-compact:disabled{color:#adb5bd;cursor:not-allowed}.filter-controls-group{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-left:auto}.filter-input-wrapper{display:flex;flex-direction:column;gap:5px}.filter-input-wrapper label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.3px}.filter-input-box{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;transition:all .2s ease}.filter-input-box:hover{border-color:#adb5bd}.filter-input-box:focus-within{border-color:#495057;box-shadow:0 0 0 2px #4950571a}.filter-icon{color:#adb5bd;flex-shrink:0}.filter-select-compact{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:#2d3748;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:140px}.filter-select-compact:disabled{color:#adb5bd;cursor:not-allowed}.refresh-btn-compact{padding:8px 14px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;transition:all .2s;text-transform:uppercase;letter-spacing:.3px;color:#495057;white-space:nowrap}.refresh-btn-compact:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px);box-shadow:0 2px 4px #2d37484d}.refresh-btn-compact:disabled{opacity:.5;cursor:not-allowed}.summary-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:14px}.summary-card{background:#fff;border-radius:6px;padding:14px 16px;box-shadow:0 1px 3px #0000000f;border-left:4px solid #2d3748;transition:all .2s ease;display:flex;flex-direction:column;gap:8px}.summary-card:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.card-header{display:flex;align-items:center;gap:8px;color:#6c757d;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.card-header svg{width:16px;height:16px;color:#2d3748;flex-shrink:0}.card-amount{font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:-.5px}.card-subtitle{font-size:11px;color:#6c757d;font-weight:500}.total-invoices{border-left-color:#495057}.total-revenue{border-left-color:#10b981}.total-cost{border-left-color:#ef4444}.total-profit{background:#2d3748;color:#fff;border-left-color:#2d3748}.total-profit .card-header{color:#ffffffb3}.total-profit .card-amount{color:#fff}.total-profit .card-subtitle{color:#ffffffb3}.filters-section{background:#fff;border-radius:6px;padding:12px 16px;margin-bottom:14px;box-shadow:0 1px 3px #0000000f}.search-box{display:flex;align-items:center;gap:8px;background:#f8f9fa;border:1px solid #ddd;border-radius:4px;padding:8px 10px;margin-bottom:10px}.search-box svg{color:#adb5bd;width:16px;height:16px;flex-shrink:0}.search-input{flex:1;border:none;background:transparent;outline:none;font-size:12px;color:#2d3748;font-weight:500}.search-input::placeholder{color:#adb5bd}.search-input:disabled{color:#adb5bd;cursor:not-allowed}.filter-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px;flex:0 1 auto;min-width:120px}.filter-group label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.3px}.filter-input,.filter-select{padding:8px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#2d3748;font-size:12px;outline:none;transition:all .2s ease;font-weight:500}.filter-input:hover,.filter-select:hover{border-color:#adb5bd}.filter-input:focus,.filter-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.filter-input:disabled,.filter-select:disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed}.export-buttons{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}.export-btn{border:1px solid #ddd;padding:8px 12px;border-radius:4px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;transition:all .2s;background:#fff;color:#495057;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.export-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.export-btn:disabled{opacity:.5;cursor:not-allowed}.excel-btn:hover:not(:disabled){background:#10b981;border-color:#10b981}.pdf-btn:hover:not(:disabled){background:#ef4444;border-color:#ef4444}.invoices-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden}.section-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:10px 16px;display:flex;align-items:center;gap:8px}.section-header h3{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;margin:0}.section-header svg{width:16px;height:16px;color:#6c757d;flex-shrink:0}.invoices-table-wrapper{overflow-x:auto;max-height:600px;position:relative}.invoices-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.invoices-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.invoices-table thead th{padding:10px 12px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:11px;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.invoice-row{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.invoice-row:hover{background:#f8f9fa}.invoice-row.profitable{border-left:3px solid #10b981}.invoice-row.loss{border-left:3px solid #ef4444}.invoices-table td{padding:10px 12px;color:#2d3748;vertical-align:middle}.invoices-table td strong{color:#1a1a1a;font-weight:600}.profit-badge,.margin-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:3px;font-size:11px;font-weight:600}.profit-badge.positive,.margin-badge.positive{background:#d4edda;color:#155724}.profit-badge.negative,.margin-badge.negative{background:#f8d7da;color:#721c24}.expand-btn{background:none;border:none;cursor:pointer;color:#6c757d;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.expand-btn:hover{color:#2d3748;transform:scale(1.1)}.expanded-row td{padding:0!important;border:none!important;background:#f8f9fa}.expanded-content{background:#f8f9fa;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.invoice-details{display:flex;flex-direction:column;gap:12px}.detail-group{display:flex;flex-direction:column;gap:6px}.detail-group h4{font-size:11px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;border-bottom:1px solid #e0e0e0;padding-bottom:6px;margin:0}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;gap:12px}.detail-item span{color:#6c757d;font-weight:500;flex:1}.detail-item strong{color:#1a1a1a;font-weight:600;text-align:right}.detail-item.highlight{background:#fff;padding:8px;border-radius:4px;border-left:3px solid #2d3748;margin-top:4px}.detail-item.highlight strong.positive{color:#10b981;font-weight:700}.detail-item.highlight strong.negative{color:#ef4444;font-weight:700}.items-section{grid-column:1 / -1}.items-section h4{font-size:11px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.3px;margin:0 0 8px;border-bottom:1px solid #e0e0e0;padding-bottom:6px}.items-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff;border-radius:4px;overflow:hidden}.items-table thead{background:#2d3748}.items-table th{padding:8px 10px;text-align:left;font-weight:700;color:#fff;font-size:10px;text-transform:uppercase;letter-spacing:.2px}.items-table td{padding:8px 10px;color:#2d3748;border-bottom:1px solid #f0f0f0}.items-table td:first-child{font-weight:600;color:#1a1a1a}.no-data{padding:40px 20px;text-align:center;color:#6c757d;font-size:13px;background:#fff;border-radius:6px}@media(max-width:1024px){.expanded-content{grid-template-columns:1fr}.items-section{grid-column:1}.filter-group{min-width:100px}.invoices-table{font-size:11px}.invoices-table thead th,.invoices-table tbody td{padding:8px 10px}.summary-cards-grid{grid-template-columns:repeat(3,1fr);gap:10px}.card-amount{font-size:16px}.controls-section-compact,.date-controls-group{gap:10px}.filter-controls-group{margin-left:0;width:100%}.filter-input-wrapper{flex:1;min-width:120px}.filter-select-compact{min-width:100px}}@media(max-width:768px){.invoice-report-container{padding:12px}.invoice-report-header{padding:12px 14px;margin-bottom:12px}.header-content{flex-direction:column;gap:12px}.title-section h1{font-size:16px}.controls-section-compact{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.date-controls-group{width:100%;flex-direction:column;gap:8px}.date-input-wrapper,.date-input-box{width:100%}.filter-controls-group{width:100%;flex-direction:column;gap:8px}.filter-input-wrapper,.filter-input-box{width:100%}.filter-select-compact{width:100%;min-width:auto}.refresh-btn-compact{width:100%;justify-content:center}.filters-section{padding:10px 12px;margin-bottom:12px}.search-box{margin-bottom:8px}.filter-controls{gap:6px}.filter-group{min-width:100%;flex:1 1 100%}.filter-input,.filter-select{width:100%}.export-buttons{width:100%;margin-left:0;gap:6px}.export-btn{flex:1;justify-content:center;font-size:10px;padding:8px 10px}.invoices-table-wrapper{max-height:450px}.invoices-table{font-size:10px}.invoices-table thead th,.invoices-table tbody td{padding:8px 10px}.summary-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.card-amount{font-size:14px}.expanded-content{padding:10px 12px;gap:12px}.items-table{font-size:10px}.items-table th,.items-table td{padding:6px 8px}.no-data{padding:30px 15px;font-size:12px}.section-header{padding:8px 12px}.section-header h3{font-size:11px}}@media(max-width:480px){.invoice-report-container{padding:10px}.invoice-report-header{padding:10px 12px;margin-bottom:10px}.title-section h1{font-size:14px}.header-icon{width:18px;height:18px}.period-text{font-size:11px}.controls-section-compact{padding:8px 10px;gap:6px}.date-input-wrapper label,.filter-input-wrapper label{font-size:10px}.date-input-box,.filter-input-box{padding:6px 8px}.date-input-compact,.filter-select-compact{font-size:11px}.date-icon,.filter-icon{width:12px;height:12px}.refresh-btn-compact{font-size:10px;padding:6px 10px}.filters-section{padding:8px 10px;margin-bottom:10px}.search-box{padding:6px 8px;margin-bottom:6px}.search-input{font-size:11px}.filter-group label{font-size:10px}.filter-input,.filter-select{font-size:11px;padding:6px 8px}.export-btn{font-size:9px;padding:6px 8px}.invoices-table-wrapper{max-height:350px}.invoices-table{font-size:9px}.invoices-table thead th,.invoices-table tbody td{padding:6px 8px}.summary-cards-grid{grid-template-columns:1fr;gap:6px;margin-bottom:10px}.card-amount{font-size:12px}.card-header{font-size:9px}.card-subtitle{font-size:10px}.expanded-content{padding:8px 10px;gap:10px}.detail-item{font-size:11px;padding:4px 0}.detail-group h4{font-size:10px}.items-table{font-size:9px}.items-table th,.items-table td{padding:5px 6px}.no-data{padding:20px 10px;font-size:11px}.section-header{padding:8px 12px}.section-header h3{font-size:11px}.section-header svg{width:14px;height:14px}}.expanded-row{animation:slideDown .2s ease}.invoices-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.invoices-table-wrapper::-webkit-scrollbar-track{background:#f1f1f1}.invoices-table-wrapper::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.invoices-table-wrapper::-webkit-scrollbar-thumb:hover{background:#6c757d}.date-input-compact:focus,.filter-select-compact:focus,.filter-input:focus,.filter-select:focus,.search-input:focus,.expand-btn:focus,.export-btn:focus,.refresh-btn-compact:focus{outline:2px solid #495057;outline-offset:2px}@media print{.controls-section-compact,.filters-section,.export-buttons,.refresh-btn-compact{display:none}.invoice-report-container{background:#fff;padding:0}.invoices-table-wrapper{max-height:none;overflow:visible}.invoices-table{font-size:10px}.expanded-row{display:none}}.pagination-section{background:#fff;border-top:1px solid #e9ecef;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pagination-info{display:flex;align-items:center;gap:8px}.info-text{font-size:12px;font-weight:600;color:#495057}.pagination-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pagination-btn{padding:6px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#495057;transition:all .2s;min-width:32px;height:32px}.pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-input-group{display:flex;align-items:center;gap:6px}.pagination-label{font-size:12px;font-weight:600;color:#495057;white-space:nowrap}.pagination-input{width:50px;padding:6px 8px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1a1a1a;transition:all .2s}.pagination-input:hover{border-color:#adb5bd}.pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.pagination-items-per-page{display:flex;align-items:center;gap:6px}.pagination-items-per-page label{font-size:12px;font-weight:600;color:#495057;white-space:nowrap}.items-per-page-select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#2d3748;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.items-per-page-select:hover{border-color:#adb5bd}.items-per-page-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}@media(max-width:1024px){.pagination-section{gap:10px}.pagination-controls{gap:6px}.pagination-btn{padding:5px 8px;min-width:28px;height:28px;font-size:11px}.pagination-input{width:45px;font-size:11px;padding:5px 6px}.pagination-label,.pagination-items-per-page label{font-size:11px}.items-per-page-select{font-size:11px;padding:5px 6px}}@media(max-width:768px){.pagination-section{flex-direction:column;align-items:stretch;gap:8px;padding:10px 12px}.pagination-info{width:100%;justify-content:center}.pagination-controls,.pagination-items-per-page{width:100%;justify-content:center;gap:6px}.pagination-btn{padding:6px 8px;min-width:30px;height:30px;font-size:11px}.pagination-input{width:45px;font-size:11px}.pagination-label,.pagination-items-per-page label{font-size:11px}.items-per-page-select{font-size:11px;padding:6px 8px}.info-text{font-size:11px}}@media(max-width:480px){.pagination-section{padding:8px 10px;gap:6px}.pagination-info{width:100%}.info-text{font-size:10px}.pagination-controls{width:100%;gap:4px}.pagination-btn{padding:5px 6px;min-width:26px;height:26px;font-size:10px}.pagination-input-group{gap:4px}.pagination-input{width:40px;font-size:10px;padding:4px 6px}.pagination-label{font-size:10px}.pagination-items-per-page{width:100%;gap:4px}.pagination-items-per-page label{font-size:10px}.items-per-page-select{font-size:10px;padding:4px 6px}}.view-btn{background:none;border:none;cursor:pointer;color:#6c757d;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.view-btn:hover{color:#2d3748;background:#f0f0f0;transform:scale(1.15)}.view-btn:active{transform:scale(.95)}.amount-cell{text-align:right;font-weight:500;color:#1a1a1a}.total-commission{border-left-color:#f59e0b}.total-commission .card-header{color:#f59e0b}.todo-add-container,.todo-manage-container{padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.todo-add-header,.todo-manage-header{margin-bottom:30px}.todo-add-content,.todo-manage-content{max-width:1200px;margin:0 auto}.todo-form-card,.todo-manage-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden}.todo-form-header,.todo-manage-title{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:25px 30px;display:flex;justify-content:space-between;align-items:center}.todo-form-title{font-size:1.5rem;font-weight:600;display:flex;align-items:center;gap:12px;margin:0}.todo-form-title-icon,.todo-manage-title-icon{width:24px;height:24px}.todo-current-date{background:#ffffff26;padding:8px 16px;border-radius:20px;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.todo-form-content{padding:30px}.todo-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:30px}.todo-form-group{display:flex;flex-direction:column}.todo-form-group-full{grid-column:1 / -1}.todo-label{font-weight:600;color:#374151;margin-bottom:8px;font-size:.9rem}.todo-input,.todo-select,.todo-textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;transition:all .3s ease;background:#fff}.todo-input:focus,.todo-select:focus,.todo-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.todo-textarea{resize:vertical;min-height:80px;font-family:inherit}.todo-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;min-height:44px}.todo-btn-icon{width:18px;height:18px;stroke-width:2}.todo-btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.todo-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.todo-btn-secondary{background:#6b7280;color:#fff}.todo-btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.todo-btn-success{background:#10b981;color:#fff}.todo-btn-success:hover{background:#059669;transform:translateY(-2px)}.todo-btn-warning{background:#f59e0b;color:#fff}.todo-btn-warning:hover{background:#d97706;transform:translateY(-2px)}.todo-btn-danger{background:#ef4444;color:#fff}.todo-btn-danger:hover{background:#dc2626;transform:translateY(-2px)}.todo-btn-info{background:#06b6d4;color:#fff}.todo-btn-info:hover{background:#0891b2;transform:translateY(-2px)}.todo-btn-sm{padding:8px 12px;font-size:.8rem}.todo-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.todo-form-actions{display:flex;gap:15px;justify-content:flex-end;padding-top:20px;border-top:1px solid #e5e7eb}.todo-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:30px;padding:0 30px 30px}.todo-info-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;border:1px solid #e2e8f0}.todo-info-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.todo-info-icon svg{width:24px;height:24px;stroke:#fff}.todo-info-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.todo-info-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.todo-info-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.todo-info-content{flex:1}.todo-info-title{font-weight:600;color:#1e293b;margin-bottom:4px}.todo-info-description{color:#64748b;font-size:.9rem}.todo-filters{padding:30px;background:#f8fafc;border-bottom:1px solid #e5e7eb}.todo-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.todo-filter-group{display:flex;flex-direction:column}.todo-stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:30px;background:#f8fafc}.todo-stat-card{background:#fff;padding:20px;border-radius:12px;display:flex;align-items:center;gap:15px;box-shadow:0 2px 8px #0000000d;border:1px solid #e5e7eb}.todo-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.todo-stat-icon svg{width:24px;height:24px;stroke:#fff}.todo-stat-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.todo-stat-icon-yellow{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.todo-stat-icon-orange{background:linear-gradient(135deg,#fb923c,#ea580c)}.todo-stat-icon-green{background:linear-gradient(135deg,#10b981,#059669)}.todo-stat-content{flex:1}.todo-stat-label{color:#64748b;font-size:.9rem;margin-bottom:4px}.todo-stat-value{font-size:1.8rem;font-weight:700;color:#1e293b}.todo-table-container{padding:0 30px 30px}.todo-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid #e5e7eb}.todo-table{width:100%;border-collapse:collapse;background:#fff}.todo-table th,.todo-table td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}.todo-table th{background:#f8fafc;font-weight:600;color:#374151;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.todo-table-row:hover{background:#f8fafc}.todo-table-cell{vertical-align:middle}.todo-title-cell{max-width:200px}.todo-title{font-weight:600;color:#1e293b;margin-bottom:4px}.todo-description{color:#64748b;font-size:.85rem;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.todo-status,.todo-priority,.todo-work-type{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500;text-transform:capitalize}.todo-status-pending{background:#fef3c7;color:#92400e}.todo-status-progress{background:#dbeafe;color:#1e40af}.todo-status-completed{background:#d1fae5;color:#065f46}.todo-priority-low{background:#e5e7eb;color:#374151}.todo-priority-medium{background:#fef3c7;color:#92400e}.todo-priority-high{background:#fecaca;color:#991b1b}.todo-work-type-daily{background:#dbeafe;color:#1e40af}.todo-work-type-random{background:#e0e7ff;color:#3730a3}.todo-work-type-specific{background:#f3e8ff;color:#6b21a8}.todo-actions{display:flex;gap:8px;flex-wrap:wrap}.todo-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#64748b}.todo-loading-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.todo-no-data{text-align:center;padding:40px 20px;color:#64748b;font-style:italic}.todo-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px;padding:20px;background:#f8fafc;border-radius:12px}.todo-pagination-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #d1d5db;background:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease}.todo-pagination-btn:hover:not(:disabled){background:#3b82f6;border-color:#3b82f6;color:#fff}.todo-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.todo-pagination-btn svg{width:18px;height:18px}.todo-pagination-info{display:flex;align-items:center;gap:15px;color:#374151;font-size:.9rem}.todo-pagination-info label{display:flex;align-items:center;gap:8px}.todo-pagination-input{width:60px;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;text-align:center;font-size:.9rem}.todo-export{display:flex;gap:12px;justify-content:center;margin-top:20px;padding:20px;background:#f8fafc;border-radius:12px}.todo-export-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;color:#fff}.todo-export-excel{background:linear-gradient(135deg,#16a34a,#15803d)}.todo-export-csv{background:linear-gradient(135deg,#0891b2,#0e7490)}.todo-export-pdf{background:linear-gradient(135deg,#dc2626,#b91c1c)}.todo-export-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.todo-export-icon{width:18px;height:18px}.todo-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;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.todo-modal{background:#fff;border-radius:16px;width:90%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0003}.todo-modal-header{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.todo-modal-header h3{margin:0;font-size:1.25rem;font-weight:600}.todo-modal-close{background:none;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:background .3s ease}.todo-modal-close:hover{background:#ffffff1a}.todo-modal-close svg{width:20px;height:20px}.todo-modal-body{padding:25px;max-height:400px;overflow-y:auto}.todo-comments-list{margin-bottom:25px}.todo-comment{background:#f8fafc;padding:15px;border-radius:8px;margin-bottom:12px;border-left:4px solid #3b82f6}.todo-comment:last-child{margin-bottom:0}.todo-comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.todo-comment-user{font-weight:600;color:#1e293b}.todo-comment-time{font-size:.8rem;color:#64748b}.todo-comment-text{color:#374151;line-height:1.5}.todo-no-comments{text-align:center;color:#64748b;font-style:italic;padding:20px}.todo-add-comment{border-top:1px solid #e5e7eb;padding-top:20px}.todo-comment-input{width:100%;padding:12px;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;margin-bottom:12px;transition:border-color .3s ease}.todo-comment-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}@media(max-width:768px){.todo-add-container,.todo-manage-container{padding:15px}.todo-form-grid,.todo-filters-grid{grid-template-columns:1fr;gap:20px}.todo-form-content{padding:20px}.todo-form-actions{flex-direction:column}.todo-btn{justify-content:center}.todo-info-cards,.todo-stats-cards{grid-template-columns:1fr;gap:15px}.todo-table-wrapper{overflow-x:scroll}.todo-table{min-width:800px}.todo-actions{flex-direction:column;gap:6px}.todo-actions .todo-btn{width:100%;justify-content:center}.todo-pagination{flex-direction:column;gap:15px}.todo-pagination-info{flex-direction:column;gap:10px;text-align:center}.todo-export{flex-direction:column;gap:10px}.todo-modal{width:95%;margin:20px}.todo-modal-body{padding:20px}}@media(max-width:480px){.todo-form-content{padding:15px}.todo-table-container{padding:0 15px 15px}.todo-info-card,.todo-stat-card{flex-direction:column;text-align:center;gap:10px}.todo-info-icon,.todo-stat-icon{align-self:center}}@media(prefers-color-scheme:dark){.todo-add-container,.todo-manage-container{background:linear-gradient(135deg,#1e293b,#0f172a)}.todo-form-card,.todo-manage-card{background:#1e293b;color:#e2e8f0}.todo-input,.todo-select,.todo-textarea{background:#0f172a;border-color:#374151;color:#e2e8f0}.todo-table{background:#1e293b;color:#e2e8f0}.todo-table th,.todo-table-row:hover{background:#0f172a}}@media print{.todo-add-container,.todo-manage-container{background:#fff;padding:0}.todo-form-card,.todo-manage-card{box-shadow:none;border:1px solid #ccc}.todo-btn,.todo-export,.todo-pagination,.todo-filters{display:none}.todo-table{font-size:12px}.todo-actions{display:none}}.settlement-add-content{padding:0 20px}.settlement-form-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.settlement-form-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.settlement-form-title{font-size:1.5rem;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.settlement-form-title-icon{width:24px;height:24px}.settlement-current-date{font-size:.875rem;opacity:.9}.settlement-form-content{padding:32px}.settlement-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:32px}.settlement-form-group{display:flex;flex-direction:column}.settlement-form-group-full{grid-column:1 / -1}.settlement-label{font-weight:500;color:#374151;margin-bottom:6px;font-size:.875rem}.settlement-input,.settlement-select,.settlement-textarea{padding:12px 16px;border:1.5px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:all .2s;background:#fff}.settlement-input:focus,.settlement-select:focus,.settlement-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.settlement-textarea{resize:vertical;min-height:80px}.settlement-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-weight:500;font-size:.875rem;transition:all .2s;cursor:pointer;border:none;text-decoration:none}.settlement-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.settlement-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#5a67d8,#6b46c1);transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.settlement-btn-secondary{background:#f9fafb;color:#374151;border:1px solid #d1d5db}.settlement-btn-secondary:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.settlement-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}.settlement-btn-icon{width:16px;height:16px}.settlement-form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:24px;border-top:1px solid #e5e7eb}.settlement-loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}.settlement-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:32px;padding:32px;background:#f8fafc;border-top:1px solid #e5e7eb}.settlement-info-card{background:#fff;padding:20px;border-radius:8px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.settlement-info-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settlement-info-icon svg{width:24px;height:24px;stroke:#fff}.settlement-info-icon-blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.settlement-info-icon-green{background:linear-gradient(135deg,#10b981,#047857)}.settlement-info-icon-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.settlement-info-content{flex:1}.settlement-info-title{font-weight:600;color:#111827;margin-bottom:4px}.settlement-info-description{font-size:.875rem;color:#6b7280;line-height:1.4}.settlement-id{font-weight:600;color:#1f2937}.product-name{font-weight:500;color:#1f2937}.product-id{font-size:.75rem;color:#6b7280;margin-top:2px}.amount-cell{font-weight:600;font-family:Monaco,Menlo,monospace}@media(max-width:768px){.settlement-form-grid{grid-template-columns:1fr}.settlement-form-header{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:8px}.settlement-form-content{padding:24px}.settlement-form-actions{flex-direction:column-reverse}.settlement-info-cards{grid-template-columns:1fr;padding:24px}}@media(prefers-color-scheme:dark){.settlement-form-card{background:#1f2937;border-color:#374151}.settlement-input,.settlement-select,.settlement-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.settlement-label{color:#d1d5db}.settlement-info-card{background:#374151;border-color:#4b5563}.settlement-info-title{color:#f9fafb}.settlement-info-description{color:#9ca3af}}.comm-container{padding:20px;background:#f8fafc;min-height:100vh}.comm-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc;padding:20px}.comm-no-access-panel{background:#fff;border-radius:12px;padding:50px;text-align:center;box-shadow:0 4px 12px #0000001a;max-width:450px}.comm-no-access-image{width:150px;height:150px;margin-bottom:25px}.comm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:15px}.comm-header-content h1{margin:0;font-size:28px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:12px}.comm-header-content p{margin:6px 0 0;font-size:15px;color:#6b7280}.comm-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;white-space:nowrap}.comm-refresh-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.comm-refresh-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.comm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:25px}.comm-stat-card{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #00000014;border-left:4px solid #3b82f6;display:flex;flex-direction:column;gap:8px;transition:all .3s ease}.comm-stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001f}.comm-stat-label{font-size:13px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.comm-stat-value{font-size:24px;font-weight:700;color:#1f2937}.comm-filter-section{background:#fff;padding:16px;border-radius:10px;margin-bottom:20px;box-shadow:0 2px 8px #00000014}.comm-filter-group{position:relative}.comm-filter-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.comm-filter-input{width:100%;padding:12px 14px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease}.comm-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.comm-filter-input.disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.comm-clear-btn{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:18px}.comm-clear-btn:hover{color:#6b7280}.comm-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #d1d5db;border-radius:6px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:100;box-shadow:0 8px 16px #0000001f}.comm-dropdown-empty{padding:16px;text-align:center;color:#9ca3af;font-size:14px}.comm-dropdown-item{padding:12px 14px;cursor:pointer;transition:background .2s ease;color:#374151;font-size:14px;border-bottom:1px solid #f3f4f6}.comm-dropdown-item:hover{background:#f3f4f6}.comm-dropdown-item.selected{background:#dbeafe;color:#1e40af;font-weight:600}.comm-controls-section{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.comm-search-box{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:2px solid #d1d5db;border-radius:6px;color:#6b7280;flex:1;min-width:200px;box-shadow:0 2px 8px #0000000f}.comm-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.comm-add-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#10b981;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;white-space:nowrap}.comm-add-btn:hover:not(:disabled){background:#059669;transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.comm-add-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.comm-table-section{background:#fff;border-radius:10px;padding:18px;box-shadow:0 2px 8px #00000014}.comm-table-title{margin:0 0 16px;font-size:18px;font-weight:700;color:#1f2937}.comm-table-wrapper{overflow-x:auto;border-radius:6px;border:2px solid #e5e7eb}.comm-table{width:100%;border-collapse:collapse;font-size:14px}.comm-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.comm-table th{padding:14px;text-align:left;font-weight:600;color:#374151;text-transform:uppercase;font-size:12px;letter-spacing:.5px}.comm-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.comm-table tbody tr:hover{background:#f9fafb}.comm-table td{padding:14px;color:#374151}.comm-cell-sub{font-size:14px}.comm-sub-badge{display:inline-block;padding:6px 10px;background:#dbeafe;color:#1e40af;border-radius:4px;font-weight:500;font-size:12px}.comm-all-badge{display:inline-block;padding:6px 10px;background:#f3f4f6;color:#6b7280;border-radius:4px;font-weight:500;font-size:12px;font-style:italic}.comm-cell-amount{font-weight:700;color:#059669;font-size:15px}.comm-cell-date{color:#6b7280;font-size:13px}.comm-cell-actions{display:flex;gap:8px;justify-content:center}.comm-action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:16px;padding:0}.comm-action-btn.edit{background:#dbeafe;color:#1e40af}.comm-action-btn.edit:hover{background:#bfdbfe;transform:scale(1.08)}.comm-action-btn.delete{background:#fee2e2;color:#991b1b}.comm-action-btn.delete:hover{background:#fecaca;transform:scale(1.08)}.comm-spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}.comm-total-row{background:#f0fdf4;font-weight:700;border-top:2px solid #d1d5db}.comm-total-row td{padding:14px;color:#15803d;font-size:14px}.comm-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:2px solid #e5e7eb}.comm-page-btn{padding:10px 14px;border:2px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;color:#374151}.comm-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.comm-page-btn:disabled{opacity:.4;cursor:not-allowed}.comm-page-info{font-size:14px;color:#6b7280;font-weight:500}.comm-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;animation:fadeIn .3s ease}.comm-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px #00000026;width:90%;max-width:500px;animation:slideUp .3s ease}.comm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:2px solid #e5e7eb;gap:12px}.comm-modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1f2937}.comm-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;font-size:24px}.comm-modal-close:hover{color:#1f2937}.comm-modal-body{padding:20px}.comm-form-group{margin-bottom:16px}.comm-form-group label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.comm-form-input{width:100%;padding:12px 14px;border:2px solid #d1d5db;border-radius:6px;font-size:14px;transition:all .2s ease;font-family:inherit;box-sizing:border-box}.comm-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.comm-form-input:disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.comm-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:2px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.comm-btn-cancel{padding:10px 16px;border:2px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;color:#374151;transition:all .2s ease}.comm-btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.comm-btn-save{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.comm-btn-save:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.comm-container{padding:16px}.comm-header{flex-direction:column;align-items:flex-start;padding:14px}.comm-header-content h1{font-size:22px}.comm-stats-grid{grid-template-columns:1fr;gap:12px}.comm-stat-card{padding:14px}.comm-controls-section{flex-direction:column;align-items:stretch}.comm-search-box{min-width:100%}.comm-table{font-size:13px}.comm-table th,.comm-table td{padding:12px}.comm-action-btn{width:32px;height:32px}}@media(max-width:480px){.comm-container,.comm-header{padding:12px}.comm-header-content h1{font-size:18px}.comm-header-content p{font-size:12px}.comm-stat-card{padding:12px}.comm-stat-label{font-size:11px}.comm-stat-value{font-size:18px}.comm-filter-input{font-size:13px;padding:10px 12px}.comm-table{font-size:12px}.comm-table th,.comm-table td{padding:10px}.comm-action-btn{width:30px;height:30px;font-size:14px}.comm-modal-content{width:95%;max-width:420px}.comm-modal-header{padding:16px}.comm-modal-header h2{font-size:18px}.comm-modal-body{padding:16px}.comm-form-input{font-size:13px;padding:10px 12px}.comm-modal-footer{padding:12px 16px;gap:8px}.comm-btn-cancel,.comm-btn-save{padding:8px 14px;font-size:12px}}.comm-inv-container{padding:16px;background:#f8fafc;min-height:100vh}.comm-inv-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8fafc;padding:16px}.comm-inv-no-access-panel{background:#fff;border-radius:12px;padding:50px;text-align:center;box-shadow:0 4px 16px #0000001a;max-width:450px}.comm-inv-no-access-image{width:140px;height:140px;margin-bottom:25px}.comm-inv-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px #00000014;gap:16px}.comm-inv-header-content h1{margin:0;font-size:24px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}.comm-inv-header-content p{margin:6px 0 0;font-size:13px;color:#6b7280}.comm-inv-title{font-size:24px!important}.comm-inv-subtitle{font-size:13px!important}.comm-inv-refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease;white-space:nowrap}.comm-inv-refresh-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.comm-inv-refresh-btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.comm-inv-section-title{margin:0 0 14px;font-size:16px;font-weight:700;color:#1f2937}.comm-inv-label{font-size:13px;font-weight:600;color:#374151;display:block;margin-bottom:6px}.comm-inv-search-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:20px}.comm-inv-search-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.comm-inv-form-group{display:flex;flex-direction:column;gap:6px}.comm-inv-form-input{padding:10px 12px;border:2px solid #d1d5db;border-radius:8px;font-size:13px;transition:all .2s ease;font-family:inherit}.comm-inv-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comm-inv-form-input.disabled{background:#f3f4f6;cursor:not-allowed;color:#9ca3af}.comm-inv-input-wrapper{position:relative}.comm-inv-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-top:none;border-radius:0 0 8px 8px;max-height:350px;overflow-y:auto;z-index:100;box-shadow:0 8px 16px #0000001f}.comm-inv-suggestion-item{padding:10px 12px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease}.comm-inv-suggestion-item:hover{background:#f9fafb}.comm-inv-suggestion-item:last-child{border-bottom:none}.comm-inv-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.comm-inv-suggestion-id{font-size:13px;font-weight:700;color:#1f2937}.comm-inv-suggestion-store{font-size:11px;font-weight:600;background:#dbeafe;color:#1e40af;padding:2px 6px;border-radius:3px}.comm-inv-suggestion-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;gap:8px}.comm-inv-suggestion-customer{font-size:12px;color:#6b7280}.comm-inv-suggestion-amount{font-size:12px;font-weight:600;color:#059669}.comm-inv-suggestion-date{font-size:11px;color:#9ca3af}.comm-inv-bikes-list{margin-top:16px;padding-top:16px;border-top:2px solid #e5e7eb}.comm-inv-bikes-title{margin:0 0 12px;font-size:14px;font-weight:700;color:#1f2937}.comm-inv-bikes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.comm-inv-bike-card{background:#f9fafb;border:2px solid #e5e7eb;border-radius:10px;padding:12px;transition:all .2s ease}.comm-inv-bike-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61f}.comm-inv-bike-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;gap:8px}.comm-inv-bike-header h4{margin:0;font-size:13px;font-weight:700;color:#1f2937}.comm-inv-barcode-badge{display:inline-block;padding:3px 8px;background:#dbeafe;color:#1e40af;border-radius:4px;font-size:11px;font-weight:600}.comm-inv-bike-details{font-size:12px;color:#6b7280;margin-bottom:10px;display:flex;flex-direction:column;gap:4px}.comm-inv-bike-details p{margin:0}.comm-inv-bike-details strong{color:#374151;font-weight:600}.comm-inv-add-commission-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease}.comm-inv-add-commission-btn:hover{background:#2563eb;transform:translateY(-1px)}.comm-inv-no-bikes{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:30px;color:#6b7280;font-size:13px}.comm-inv-list-section{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.comm-inv-filters{display:flex;gap:10px;margin-bottom:14px}.comm-inv-filter-group{flex:1;display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;color:#6b7280}.comm-inv-filter-input{flex:1;border:none;outline:none;font-size:13px;background:transparent}.comm-inv-filter-select{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;cursor:pointer;transition:all .2s ease}.comm-inv-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comm-inv-table-wrapper{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:14px}.comm-inv-table{width:100%;border-collapse:collapse;font-size:12px}.comm-inv-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.comm-inv-table th{padding:10px 12px;text-align:left;font-weight:600;color:#374151;text-transform:uppercase;font-size:11px;letter-spacing:.4px}.comm-inv-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s ease}.comm-inv-table tbody tr:hover{background:#f9fafb}.comm-inv-table td{padding:10px 12px;color:#374151}.comm-inv-cell-id{font-weight:600;color:#1f2937;font-size:12px}.comm-inv-cell-amount{font-weight:700;color:#059669;font-size:13px}.comm-inv-status-select{padding:6px 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;cursor:pointer;transition:all .2s ease}.comm-inv-status-select.status-pending{background:#fef3c7;color:#92400e;border-color:#fcd34d}.comm-inv-status-select.status-completed{background:#dcfce7;color:#166534;border-color:#86efac}.comm-inv-status-select.status-cancelled{background:#fee2e2;color:#991b1b;border-color:#fca5a5}.comm-inv-cell-actions{display:flex;gap:6px;justify-content:center}.comm-inv-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;font-size:14px}.comm-inv-action-btn.delete{background:#fee2e2;color:#991b1b}.comm-inv-action-btn.delete:hover{background:#fecaca;transform:scale(1.05)}.comm-inv-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #e5e7eb}.comm-inv-page-btn{padding:8px 12px;border:1px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s ease;color:#374151}.comm-inv-page-btn:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.comm-inv-page-btn:disabled{opacity:.5;cursor:not-allowed}.comm-inv-page-info{font-size:12px;color:#6b7280;font-weight:500}.comm-inv-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;animation:fadeIn .3s ease}.comm-inv-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px #0003;width:90%;max-width:480px;animation:slideUp .3s ease}.comm-inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:2px solid #e5e7eb;gap:12px}.comm-inv-modal-header h2{margin:0;font-size:18px;font-weight:700;color:#1f2937}.comm-inv-modal-close{background:none;border:none;color:#6b7280;cursor:pointer;padding:2px;display:flex;align-items:center;justify-content:center;font-size:24px}.comm-inv-modal-close:hover{color:#1f2937}.comm-inv-modal-body{padding:16px}.comm-inv-bike-info{background:#f9fafb;border-left:4px solid #3b82f6;padding:12px;border-radius:6px;margin-bottom:14px}.comm-inv-bike-info h3{margin:0 0 8px;font-size:14px;font-weight:700;color:#1f2937}.comm-inv-bike-info p{margin:4px 0;font-size:12px;color:#6b7280}.comm-inv-bike-info strong{color:#374151;font-weight:600}.comm-inv-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 16px;border-top:2px solid #e5e7eb;background:#f9fafb;border-radius:0 0 12px 12px}.comm-inv-btn-cancel{padding:10px 14px;border:2px solid #d1d5db;background:#fff;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;color:#374151;transition:all .2s ease}.comm-inv-btn-cancel:hover{background:#f3f4f6;border-color:#9ca3af}.comm-inv-btn-save{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#3b82f6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s ease}.comm-inv-btn-save:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.comm-inv-btn-save:disabled{background:#d1d5db;cursor:not-allowed;opacity:.6}.comm-inv-spinner,.comm-inv-spinner-border{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@media(max-width:768px){.comm-inv-container{padding:12px}.comm-inv-header{flex-direction:column;align-items:flex-start;padding:12px}.comm-inv-header-content h1{font-size:20px}.comm-inv-header-content p{font-size:12px}.comm-inv-search-row,.comm-inv-bikes-grid{grid-template-columns:1fr}.comm-inv-filters{flex-direction:column}.comm-inv-table{font-size:11px}.comm-inv-table th,.comm-inv-table td{padding:8px}}@media(max-width:480px){.comm-inv-container,.comm-inv-header{padding:10px}.comm-inv-header-content h1{font-size:18px;gap:8px}.comm-inv-header-content p{font-size:11px}.comm-inv-section-title{font-size:14px}.comm-inv-search-section,.comm-inv-list-section{padding:12px}.comm-inv-label{font-size:12px}.comm-inv-form-input{font-size:12px;padding:8px}.comm-inv-modal-content{width:95%;max-width:420px}.comm-inv-modal-header{padding:12px}.comm-inv-modal-header h2{font-size:16px}.comm-inv-modal-body{padding:12px}.comm-inv-table{font-size:10px}.comm-inv-table th,.comm-inv-table td{padding:6px}.comm-inv-bikes-grid{grid-template-columns:1fr}}.comm-panel-container{padding:1rem;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.comm-panel-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:1rem}.comm-panel-no-access-panel{background:#fff;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 10px 30px #0000001a;max-width:400px}.comm-panel-no-access-image{width:120px;height:120px;margin-bottom:.75rem;opacity:.8}.comm-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background:#fff;padding:1rem;border-radius:8px;box-shadow:0 2px 8px #00000014;gap:1rem}.comm-panel-header-content{display:flex;flex-direction:column;gap:.25rem}.comm-panel-title{display:flex;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:700;color:#1f2937;margin:0}.comm-panel-title svg{width:24px;height:24px}.comm-panel-subtitle{font-size:.8rem;color:#6b7280;margin:0}.comm-panel-header-actions{display:flex;gap:.75rem}.comm-panel-btn-refresh,.comm-panel-btn-export{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.comm-panel-btn-refresh{background:#3b82f6;color:#fff}.comm-panel-btn-refresh:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 2px 8px #3b82f64d}.comm-panel-btn-export{background:#10b981;color:#fff}.comm-panel-btn-export:hover:not(:disabled){background:#059669;transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.comm-panel-btn-refresh:disabled,.comm-panel-btn-export:disabled{opacity:.5;cursor:not-allowed}.comm-panel-btn-refresh svg,.comm-panel-btn-export svg{width:14px;height:14px}.comm-panel-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.comm-panel-summary-card{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #00000014;display:flex;gap:.75rem;transition:all .3s ease;border-left:3px solid #ccc}.comm-panel-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.comm-panel-summary-card.total{border-left-color:#3b82f6}.comm-panel-summary-card.pending{border-left-color:#f59e0b}.comm-panel-summary-card.completed{border-left-color:#10b981}.comm-panel-summary-card.cancelled{border-left-color:#ef4444}.comm-panel-summary-card.average{border-left-color:#8b5cf6}.comm-panel-summary-card.max{border-left-color:#ec4899}.comm-panel-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#f3f4f6;color:#1f2937;flex-shrink:0}.comm-panel-card-icon svg{width:18px;height:18px}.comm-panel-summary-card.total .comm-panel-card-icon{background:#dbeafe;color:#3b82f6}.comm-panel-summary-card.pending .comm-panel-card-icon{background:#fef3c7;color:#f59e0b}.comm-panel-summary-card.completed .comm-panel-card-icon{background:#d1fae5;color:#10b981}.comm-panel-summary-card.cancelled .comm-panel-card-icon{background:#fee2e2;color:#ef4444}.comm-panel-summary-card.average .comm-panel-card-icon{background:#ede9fe;color:#8b5cf6}.comm-panel-summary-card.max .comm-panel-card-icon{background:#fce7f3;color:#ec4899}.comm-panel-card-content{flex:1;min-width:0}.comm-panel-card-label{font-size:.75rem;color:#6b7280;margin:0 0 .25rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.comm-panel-card-value{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 .25rem;word-break:break-word}.comm-panel-card-meta{font-size:.7rem;color:#9ca3af;margin:0}.comm-panel-filters-section{background:#fff;border-radius:8px;padding:1rem;margin-bottom:1rem;box-shadow:0 2px 8px #00000014}.comm-panel-filters-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;gap:1rem}.comm-panel-filters-title{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#1f2937;margin:0}.comm-panel-filters-title svg{width:16px;height:16px}.comm-panel-btn-clear-filters{padding:.4rem .8rem;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.comm-panel-btn-clear-filters:hover{background:#dc2626;transform:translateY(-1px)}.comm-panel-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.comm-panel-filter-group{display:flex;flex-direction:column;gap:.35rem}.comm-panel-filter-label{display:flex;align-items:center;gap:.4rem;font-size:.8rem;font-weight:600;color:#374151}.comm-panel-filter-label svg{width:14px;height:14px}.comm-panel-filter-input{padding:.5rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.85rem;transition:all .3s ease}.comm-panel-filter-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.comm-panel-table-section{background:#fff;border-radius:8px;padding:1rem;box-shadow:0 2px 8px #00000014}.comm-panel-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb;gap:1rem}.comm-panel-table-title{font-size:.95rem;font-weight:600;color:#1f2937;margin:0}.comm-panel-table-meta{font-size:.8rem;color:#6b7280}.comm-panel-table-wrapper{overflow-x:auto;border-radius:6px;border:1px solid #e5e7eb}.comm-panel-table{width:100%;border-collapse:collapse;font-size:.8rem}.comm-panel-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.comm-panel-table th{padding:.6rem;text-align:left;font-weight:600;color:#374151;white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.comm-panel-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .2s ease}.comm-panel-table tbody tr:hover{background:#f9fafb}.comm-panel-table tbody tr.status-pending{border-left:3px solid #f59e0b}.comm-panel-table tbody tr.status-completed{border-left:3px solid #10b981}.comm-panel-table tbody tr.status-cancelled{border-left:3px solid #ef4444}.comm-panel-table td{padding:.6rem;color:#1f2937}.comm-panel-cell-id,.comm-panel-cell-invoice,.comm-panel-cell-barcode{font-family:Courier New,monospace;font-weight:600;color:#3b82f6;font-size:.75rem}.comm-panel-cell-amount{font-weight:600;color:#059669;font-size:.8rem}.comm-panel-cell-batch{background:#f3f4f6;padding:.3rem .5rem;border-radius:3px;font-size:.75rem}.comm-panel-cell-store{font-size:.8rem}.comm-panel-cell-date{font-size:.75rem;color:#6b7280}.comm-panel-status-select{padding:.4rem;border:1px solid #e5e7eb;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comm-panel-status-select.status-pending{border-color:#f59e0b;color:#f59e0b}.comm-panel-status-select.status-completed{border-color:#10b981;color:#10b981}.comm-panel-status-select.status-cancelled{border-color:#ef4444;color:#ef4444}.comm-panel-status-select:focus{outline:none;box-shadow:0 0 0 2px #3b82f61a}.comm-panel-action-btn{background:none;border:none;font-size:1rem;cursor:pointer;transition:all .2s ease;padding:.2rem .4rem}.comm-panel-action-btn:hover{transform:scale(1.15)}.comm-panel-action-btn.delete:hover{color:#ef4444}.comm-panel-pagination{display:flex;justify-content:center;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.comm-panel-page-btn{padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.comm-panel-page-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.comm-panel-page-btn:disabled{background:#d1d5db;cursor:not-allowed}.comm-panel-page-info{font-size:.8rem;color:#6b7280;font-weight:600}.comm-panel-spinner{width:30px;height:30px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto}@media(max-width:1200px){.comm-panel-summary-grid,.comm-panel-filters-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.comm-panel-summary-grid,.comm-panel-filters-grid{grid-template-columns:repeat(2,1fr)}.comm-panel-table{font-size:.75rem}.comm-panel-table th,.comm-panel-table td{padding:.5rem}}@media(max-width:768px){.comm-panel-container{padding:.75rem}.comm-panel-header{flex-direction:column;align-items:flex-start;padding:.75rem}.comm-panel-header-actions{width:100%;gap:.5rem}.comm-panel-header-actions button{flex:1;font-size:.75rem;padding:.4rem .75rem}.comm-panel-title{font-size:1.1rem}.comm-panel-summary-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.comm-panel-summary-card{padding:.75rem;gap:.5rem}.comm-panel-card-icon{width:35px;height:35px}.comm-panel-card-value{font-size:.95rem}.comm-panel-filters-grid{grid-template-columns:1fr}.comm-panel-table-wrapper{overflow-x:scroll}.comm-panel-table{min-width:600px;font-size:.7rem}.comm-panel-table th,.comm-panel-table td{padding:.4rem}.comm-panel-pagination{gap:.5rem}.comm-panel-page-btn{padding:.4rem .75rem;font-size:.75rem}}@media(max-width:480px){.comm-panel-container,.comm-panel-header{padding:.5rem}.comm-panel-title{font-size:1rem}.comm-panel-title svg{width:20px;height:20px}.comm-panel-subtitle{font-size:.7rem}.comm-panel-summary-grid{grid-template-columns:1fr;gap:.5rem}.comm-panel-summary-card{padding:.6rem}.comm-panel-card-value{font-size:.9rem}.comm-panel-filters-section,.comm-panel-table-section{padding:.75rem}.comm-panel-table{font-size:.65rem;min-width:500px}.comm-panel-table th,.comm-panel-table td{padding:.3rem}.comm-panel-filters-title{font-size:.85rem}.comm-panel-btn-clear-filters{font-size:.75rem;padding:.3rem .6rem}}.sap-panel-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.sap-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.sap-header-left{display:flex;align-items:center;gap:12px}.sap-header-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.sap-header-right{display:flex;gap:8px;flex-wrap:wrap}.sap-common-add-btn,.sap-common-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.sap-common-add-btn{background:#059669;color:#fff;box-shadow:0 2px 8px #05966933}.sap-common-add-btn:hover:not(:disabled){background:#047857;transform:translateY(-2px);box-shadow:0 4px 12px #0596694d}.sap-common-add-btn:disabled{opacity:.5;cursor:not-allowed}.sap-common-refresh-btn{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f633}.sap-common-refresh-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.sap-common-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.sap-common-export-btn{background:#f59e0b;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px;transition:all .3s ease;white-space:nowrap}.sap-common-export-btn:hover{background:#d97706;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.sap-error-banner{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;margin-bottom:16px;color:#991b1b;font-weight:500;font-size:13px}.sap-error-banner p{margin:0;flex:1}.sap-error-close{background:none;border:none;cursor:pointer;color:#991b1b;padding:0;display:flex;align-items:center}.sap-error-close:hover{opacity:.7}.sap-analytics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.sap-analytics-card{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;align-items:center;gap:12px;transition:all .3s ease;border-left:4px solid #2d3748}.sap-analytics-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.sap-card-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;color:#1a1a1a}.sap-card-content{display:flex;flex-direction:column;gap:4px}.sap-card-label{font-size:11px;color:#6b7280;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.sap-card-value{font-size:18px;font-weight:700;color:#1a1a1a}.sap-filters-section{background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 6px #0000000f;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.sap-search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.sap-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.sap-search-input{width:100%;padding:10px 12px 10px 40px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;transition:all .3s ease;background:#fff;color:#2d3748}.sap-search-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.sap-search-input::placeholder{color:#adb5bd}.sap-store-filter{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;background:#fff;color:#2d3748;cursor:pointer;transition:all .3s ease;font-weight:600}.sap-store-filter:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.sap-date-filters{display:flex;align-items:center;gap:10px}.sap-date-input{padding:10px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:13px;background:#fff;color:#2d3748;transition:all .3s ease;font-weight:600}.sap-date-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.sap-date-separator{color:#9ca3af;font-weight:600;font-size:13px}.sap-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden}.sap-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.sap-data-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.sap-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.sap-data-table thead th{padding:12px 14px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:12px;color:#fff;border-bottom:2px solid #1a1a1a}.sap-data-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.sap-data-table tbody tr:hover{background:#f8f9fa}.sap-data-table tbody td{padding:12px 14px;color:#2d3748;vertical-align:middle}.sap-invoice-id{font-weight:700;color:#1a1a1a}.sap-barcode{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:12px}.sap-product-name{font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sap-amount{color:#1a1a1a;font-weight:600}.sap-discount{color:#495057;font-weight:600}.sap-discount-pct{display:block;font-size:11px;color:#9ca3af;font-weight:400}.sap-store-amount{color:#1a1a1a;font-weight:700;font-size:14px}.sap-store,.sap-user{font-size:12px;color:#6b7280}.sap-date{font-size:12px;color:#9ca3af}.sap-actions{display:flex;gap:8px}.sap-action-btn{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-size:0}.sap-btn-view{background:#e9ecef;color:#1a1a1a;border:1px solid #dee2e6}.sap-btn-view:hover{background:#dee2e6;transform:translateY(-2px)}.sap-btn-delete{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.sap-btn-delete:hover{background:#f5c6cb;transform:translateY(-2px)}.sap-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8f9fa;border-top:1px solid #e9ecef;flex-wrap:wrap;gap:12px}.sap-pagination-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #2d3748;background:#fff;color:#2d3748;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.sap-pagination-btn:hover:not(:disabled){background:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d374833}.sap-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.sap-pagination-info{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:13px;color:#2d3748;font-weight:600}.sap-pagination-count{font-size:12px;color:#6b7280;font-weight:500}.sap-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#9ca3af}.sap-no-data-container svg{margin-bottom:20px;opacity:.5}.sap-no-data-container h3{font-size:16px;font-weight:700;color:#2d3748;margin:0 0 8px}.sap-no-data-container p{margin:0;font-size:13px;color:#6b7280}.sap-loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.sap-spinner{width:40px;height:40px;border:4px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:sap-spin .8s linear infinite;margin-bottom:16px}@keyframes sap-spin{to{transform:rotate(360deg)}}.sap-loading-panel p{font-size:13px;color:#495057;margin:0}.sap-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}.sap-modal-container{background:#fff;border-radius:8px;box-shadow:0 20px 25px #00000026;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.sap-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.sap-modal-header h2{font-size:16px;font-weight:700;margin:0;color:#1a1a1a}.sap-modal-close{background:none;border:none;cursor:pointer;color:#6b7280;transition:color .2s ease;padding:0;display:flex;align-items:center;justify-content:center}.sap-modal-close:hover{color:#1a1a1a}.sap-modal-body{padding:20px}.sap-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.sap-detail-row{display:flex;flex-direction:column;gap:6px}.sap-detail-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.sap-detail-value{font-size:13px;color:#2d3748;font-weight:600}.sap-detail-value.sap-code{font-family:Courier New,monospace;background:#f0f0f0;padding:6px 8px;border-radius:4px;font-size:12px}.sap-detail-value.sap-amount{color:#1a1a1a;font-weight:700}.sap-detail-value.sap-discount{color:#495057;font-weight:700}.sap-detail-value.sap-store-amount{color:#1a1a1a;font-weight:700;font-size:15px}.sap-detail-row.sap-highlight{grid-column:1 / -1;background:#f0f0f0;padding:12px;border-radius:6px;border-left:4px solid #2d3748}.sap-modal-footer{padding:16px 20px;border-top:1px solid #e9ecef;background:#f8f9fa;display:flex;gap:10px;justify-content:flex-end}.sap-btn{padding:10px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease}.sap-btn-secondary{background:#e9ecef;color:#2d3748}.sap-btn-secondary:hover{background:#dee2e6}@media(max-width:768px){.sap-panel-container{padding:12px}.sap-header-bar{flex-direction:column;align-items:flex-start}.sap-header-right{width:100%}.sap-analytics-grid{grid-template-columns:repeat(2,1fr);gap:12px}.sap-filters-section{flex-direction:column;align-items:stretch}.sap-search-box{min-width:100%}.sap-date-filters{width:100%;justify-content:space-between}.sap-date-input{flex:1}.sap-store-filter{width:100%}.sap-data-table{font-size:12px}.sap-data-table th,.sap-data-table td{padding:10px}.sap-detail-grid{grid-template-columns:1fr}.sap-pagination{flex-direction:column}.sap-pagination-btn{width:100%;justify-content:center}}@media(max-width:480px){.sap-header-title{font-size:18px}.sap-analytics-grid{grid-template-columns:1fr}.sap-card-value{font-size:16px}.sap-data-table{font-size:11px}.sap-data-table th,.sap-data-table td{padding:8px}.sap-action-btn{width:32px;height:32px}}.asam-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:asam-fadeIn .3s ease-out}@keyframes asam-fadeIn{0%{opacity:0}to{opacity:1}}.asam-modal{position:relative;background:#fff;border-radius:10px;width:100%;max-width:800px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;border:1px solid #e5e7eb;animation:asam-slideUp .3s ease-out;display:flex;flex-direction:column}.asam-modal-3col{max-width:1400px}@keyframes asam-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.asam-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:1px solid #0f0f0f;border-radius:10px 10px 0 0;flex-shrink:0;z-index:10}.asam-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.asam-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:all .2s ease;padding:0}.asam-close-btn:hover:not(:disabled){background:#fff3;transform:rotate(90deg) scale(1.1)}.asam-close-btn:disabled{opacity:.5;cursor:not-allowed}.asam-container-3col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;flex:1;overflow:hidden;border-bottom:1px solid #e5e7eb}.asam-column{display:flex;flex-direction:column;overflow-y:auto;border-right:1px solid #e5e7eb;padding:20px}.asam-column:last-child{border-right:none}.asam-col-1,.asam-col-2{background:#fff}.asam-col-3{background:#fafafa}.asam-section{margin-bottom:20px}.asam-section:last-child{margin-bottom:0}.asam-section-title{font-size:12px;font-weight:700;color:#1a1a1a;margin-bottom:12px;text-transform:uppercase;letter-spacing:.3px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.asam-section-items{flex:1;display:flex;flex-direction:column;margin-bottom:0}.asam-items-title{margin-bottom:12px}.asam-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.asam-label{font-size:10px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.2px}.asam-input{padding:8px 10px;border:1px solid #e5e7eb;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;font-family:inherit;transition:all .2s ease}.asam-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a1a;background:#fafafa}.asam-input::placeholder{color:#9ca3af}.asam-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.asam-read-only{background:#f3f4f6;color:#6b7280;cursor:not-allowed;border-color:#d1d5db}.asam-btn-add-full{width:100%;background:#1a1a1a;color:#fff;border:none;padding:10px 16px;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;text-transform:uppercase;letter-spacing:.3px;transition:all .2s ease;margin-top:auto}.asam-btn-add-full:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 4px 12px #1a1a1a33}.asam-btn-add-full:disabled{opacity:.5;cursor:not-allowed}.asam-items-list-scrollable{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding-right:4px}.asam-items-list-scrollable::-webkit-scrollbar{width:6px}.asam-items-list-scrollable::-webkit-scrollbar-track{background:transparent}.asam-items-list-scrollable::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.asam-items-list-scrollable::-webkit-scrollbar-thumb:hover{background:#94a3b8}.asam-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:#9ca3af;text-align:center}.asam-empty-state p{font-size:13px;font-weight:600;margin:0 0 4px;color:#6b7280}.asam-empty-state span{font-size:11px;color:#d1d5db}.asam-item-card-compact{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:10px;transition:all .2s ease}.asam-item-card-compact:hover{border-color:#1a1a1a;box-shadow:0 2px 8px #00000014}.asam-item-header-compact{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.asam-item-info-compact{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.asam-item-name-compact{font-size:11px;font-weight:700;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asam-item-barcode-compact{font-size:9px;color:#9ca3af;font-family:Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asam-item-delete-compact{background:#fee2e2;color:#dc2626;border:none;width:24px;height:24px;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;padding:0}.asam-item-delete-compact:hover:not(:disabled){background:#fecaca;transform:scale(1.1)}.asam-item-delete-compact:disabled{opacity:.5;cursor:not-allowed}.asam-item-details-compact{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}.asam-item-detail-compact{display:flex;flex-direction:column;gap:2px;padding:6px;background:#f8f9fa;border-radius:4px;border:1px solid #e5e7eb}.asam-detail-label-compact{font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase}.asam-detail-value-compact{font-size:10px;font-weight:700;color:#1a1a1a}.asam-store-amt-compact{color:#059669}.asam-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f8f9fa;border-radius:0 0 10px 10px;flex-shrink:0}.asam-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:none;border-radius:5px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.asam-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a33}.asam-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a4d}.asam-btn-primary:disabled{opacity:.5;cursor:not-allowed}.asam-btn-secondary{background:#e5e7eb;color:#1a1a1a;border:1px solid #d1d5db}.asam-btn-secondary:hover:not(:disabled){background:#d1d5db;transform:translateY(-1px)}.asam-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.asam-spinner-mini{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:asam-spin .6s linear infinite}@keyframes asam-spin{to{transform:rotate(360deg)}}@media(max-width:1200px){.asam-container-3col{grid-template-columns:1fr 1fr}.asam-col-3{grid-column:1 / -1;border-right:1px solid #e5e7eb;max-height:300px}}@media(max-width:768px){.asam-modal-3col{max-width:95%}.asam-container-3col{grid-template-columns:1fr}.asam-column{border-right:none;border-bottom:1px solid #e5e7eb;padding:16px}.asam-column:last-child{border-bottom:none}.asam-col-3{max-height:250px}.asam-form{padding:16px}.asam-actions{flex-direction:column-reverse;gap:8px}.asam-btn{width:100%}}@media(max-width:480px){.asam-modal-3col{max-width:100%;border-radius:10px 10px 0 0}.asam-header{padding:12px 14px}.asam-title{font-size:14px;gap:6px}.asam-column{padding:12px}.asam-section-title{font-size:10px;margin-bottom:10px}.asam-input{font-size:11px;padding:7px 8px}.asam-label{font-size:9px}.asam-actions{padding:12px}.asam-btn{padding:8px 12px;font-size:10px}.asam-col-3{max-height:200px}}.asam-column::-webkit-scrollbar{width:6px}.asam-column::-webkit-scrollbar-track{background:transparent}.asam-column::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.asam-column::-webkit-scrollbar-thumb:hover{background:#94a3b8}.asam-autocomplete-wrapper{position:relative}.asam-input-icon{position:absolute;right:10px;color:#9ca3af;pointer-events:none}.asam-suggestions-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 5px 5px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 12px #0000001a}.asam-suggestion-item{padding:12px;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s ease;background:#fff}.asam-suggestion-item:hover{background:#f9fafb;border-left:3px solid #1a1a1a;padding-left:9px}.asam-suggestion-item:last-child{border-bottom:none}.asam-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.asam-suggestion-id{font-size:12px;font-weight:700;color:#1a1a1a}.asam-suggestion-store{font-size:10px;background:#f3f4f6;color:#6b7280;padding:2px 6px;border-radius:3px;text-transform:uppercase}.asam-suggestion-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px;font-size:11px}.asam-suggestion-user{color:#6b7280;font-weight:500}.asam-suggestion-total{color:#059669;font-weight:700}.asam-suggestion-date{font-size:9px;color:#9ca3af}.asam-suggestions-empty{padding:16px;text-align:center;color:#9ca3af;font-size:12px;background:#f9fafb}.asam-suggestions-dropdown::-webkit-scrollbar{width:6px}.asam-suggestions-dropdown::-webkit-scrollbar-track{background:#f1f5f9}.asam-suggestions-dropdown::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.asam-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:#94a3b8}.recon-container{padding:16px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.recon-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:18px 24px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:16px}.recon-header-left{display:flex;flex-direction:column;gap:6px;flex:1;min-width:250px}.recon-title{font-size:24px;font-weight:800;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:12px;letter-spacing:-.5px}.recon-title svg{color:#2d3748}.recon-subtitle{font-size:13px;color:#6b7280;margin:0;font-weight:500}.recon-refresh-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:#2d3748;color:#fff;border:none;border-radius:7px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 4px #2d37481a}.recon-refresh-btn:hover:not(:disabled){background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a26}.recon-refresh-btn:active:not(:disabled){transform:translateY(0)}.recon-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.recon-error-banner{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:8px;color:#991b1b;margin-bottom:16px;font-weight:600;font-size:13px;animation:slideDown .3s ease}.recon-error-banner svg{flex-shrink:0;width:18px;height:18px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.recon-filters-section{display:flex;gap:14px;padding:18px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:20px;flex-wrap:wrap;align-items:flex-end}.recon-filter-group{display:flex;flex-direction:column;gap:7px;min-width:140px}.recon-filter-group label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.6px}.recon-select,.recon-input{padding:10px 13px;border:2px solid #e5e7eb;border-radius:7px;font-size:13px;background:#fff;color:#2d3748;transition:all .2s ease;font-weight:600;font-family:inherit}.recon-select:hover,.recon-input:hover{border-color:#d1d5db}.recon-select:focus,.recon-input:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 3px #2d374814}.recon-fetch-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;background:#2d3748;color:#fff;border:none;border-radius:7px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 4px #2d37481a;height:40px}.recon-fetch-btn:hover:not(:disabled){background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a26}.recon-fetch-btn:active:not(:disabled){transform:translateY(0)}.recon-fetch-btn:disabled{opacity:.5;cursor:not-allowed}.recon-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.recon-summary-card{background:#fff;padding:18px;border-radius:10px;box-shadow:0 2px 8px #00000014;display:flex;align-items:center;gap:14px;transition:all .3s cubic-bezier(.4,0,.2,1);border-left:5px solid #2d3748;position:relative;overflow:hidden}.recon-summary-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(45,55,72,.05) 0%,transparent 70%);border-radius:50%;pointer-events:none}.recon-summary-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.recon-summary-card.store{border-left-color:#1a1a1a}.recon-summary-card.bank{border-left-color:#495057}.recon-summary-card.commission{border-left-color:#6b7280}.recon-summary-card.paid{border-left-color:#374151}.recon-summary-card.difference.matched{border-left-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#ecfdf5)}.recon-summary-card.difference.pending{border-left-color:#ef4444;background:linear-gradient(135deg,#fef2f2,#fef5f5)}.recon-card-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#1a1a1a;flex-shrink:0;font-size:24px}.recon-summary-card.store .recon-card-icon{background:#f0f0f0;color:#1a1a1a}.recon-summary-card.bank .recon-card-icon{background:#f3f4f6;color:#374151}.recon-summary-card.commission .recon-card-icon{background:#f9fafb;color:#6b7280}.recon-summary-card.difference.matched .recon-card-icon{background:#dcfce7;color:#10b981}.recon-summary-card.difference.pending .recon-card-icon{background:#fee2e2;color:#ef4444}.recon-card-content{display:flex;flex-direction:column;gap:5px;flex:1;position:relative;z-index:1}.recon-card-label{font-size:11px;color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.recon-card-value{font-size:20px;font-weight:800;color:#1a1a1a;line-height:1.2;letter-spacing:-.5px}.recon-card-status{font-size:11px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.recon-summary-card.difference.pending .recon-card-status{color:#ef4444}.recon-table-section{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;overflow:hidden;margin-bottom:16px}.recon-table-title{font-size:15px;font-weight:800;color:#1a1a1a;margin:0;padding:16px 20px;display:flex;align-items:center;gap:8px;border-bottom:2px solid #f3f4f6;background:#fafbfc;letter-spacing:-.3px}.recon-table-title svg{color:#2d3748}.recon-table-wrapper{overflow-x:auto;max-height:750px;position:relative}.recon-table{width:100%;border-collapse:collapse;font-size:13px;background:#fff}.recon-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.recon-table thead th{padding:13px 15px;text-align:left;font-weight:800;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.recon-table tbody tr{border-bottom:1px solid #e5e7eb;transition:all .2s ease}.recon-table tbody tr:hover{background:#f9fafb}.recon-table tbody tr.matched{background:#f0fdf4}.recon-table tbody tr.matched:hover{background:#ecfdf5}.recon-table tbody tr.pending{background:#fef2f2}.recon-table tbody tr.pending:hover{background:#fef5f5}.recon-table tbody td{padding:13px 15px;color:#2d3748;vertical-align:middle;font-weight:500}.recon-store{font-weight:700;color:#1a1a1a;font-size:13px}.recon-date{font-size:12px;color:#6b7280;font-weight:600}.recon-record-count{font-weight:700;color:#2d3748;text-align:center;background:#f3f4f6;padding:4px 8px;border-radius:5px;display:inline-block;font-size:12px}.recon-amount{font-weight:700;color:#1a1a1a;font-size:13px}.recon-amount.store-amount{color:#1a1a1a}.recon-amount.bank-amount{color:#495057}.recon-amount.commission-amount{color:#6b7280}.recon-amount.paid-amount{color:#1a1a1a}.recon-difference{font-weight:800;font-size:13px}.recon-difference.matched{color:#10b981}.recon-difference.pending{color:#ef4444}.recon-status-badge{display:inline-block;padding:5px 10px;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.recon-status-badge.matched{background:#dcfce7;color:#15803d}.recon-status-badge.pending{background:#fee2e2;color:#991b1b}.recon-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:12px}.recon-pagination-btn{display:flex;align-items:center;gap:6px;padding:9px 14px;border:2px solid #2d3748;background:#fff;color:#2d3748;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.recon-pagination-btn:hover:not(:disabled){background:#2d3748;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2d374833}.recon-pagination-btn:active:not(:disabled){transform:translateY(0)}.recon-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.recon-pagination-info{display:flex;align-items:center;gap:8px;font-size:12px;color:#2d3748;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.recon-export-section{padding:14px 20px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.recon-export-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#2d3748;color:#fff;border:none;border-radius:7px;font-weight:700;font-size:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;text-transform:uppercase;letter-spacing:.6px;box-shadow:0 2px 4px #2d37481a}.recon-export-btn:hover{background:#1a1a1a;transform:translateY(-2px);box-shadow:0 6px 16px #1a1a1a26}.recon-export-btn:active{transform:translateY(0)}.recon-no-data-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;text-align:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-top:20px}.recon-no-data-container img{width:110px;margin-bottom:24px;opacity:.4}.recon-no-data-container h3{font-size:18px;font-weight:800;color:#1a1a1a;margin:0 0 8px;letter-spacing:-.3px}.recon-no-data-container p{margin:0;font-size:13px;color:#6b7280;font-weight:500}.recon-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-top:20px}.recon-spinner{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#2d3748;border-radius:50%;animation:recon-spin .8s linear infinite;margin-bottom:16px}@keyframes recon-spin{to{transform:rotate(360deg)}}.recon-loading-state p{font-size:13px;color:#495057;margin:0;font-weight:600}.recon-loading-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014}.recon-loading-panel p{font-size:13px;color:#495057;margin-top:16px;font-weight:600}.recon-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;text-align:center}.recon-no-access-image{width:140px;margin-bottom:24px;opacity:.6}.recon-no-access-panel h3{font-size:20px;font-weight:800;color:#1a1a1a;margin:0 0 10px;letter-spacing:-.3px}.recon-no-access-panel p{font-size:13px;color:#6b7280;margin:0;font-weight:500}@media(max-width:1024px){.recon-summary-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.recon-table{font-size:12px}.recon-table th,.recon-table td{padding:11px 12px}}@media(max-width:768px){.recon-container{padding:12px}.recon-header{flex-direction:column;align-items:stretch;padding:16px;gap:12px}.recon-header-left{min-width:auto}.recon-title{font-size:20px}.recon-refresh-btn{width:100%}.recon-filters-section{flex-direction:column;align-items:stretch;padding:14px;gap:10px}.recon-filter-group{width:100%;min-width:auto}.recon-select,.recon-input,.recon-fetch-btn{width:100%}.recon-summary-grid{grid-template-columns:repeat(2,1fr);gap:12px}.recon-table{font-size:11px}.recon-table th,.recon-table td{padding:10px}.recon-pagination{flex-direction:column;gap:10px}.recon-pagination-btn,.recon-pagination-info{width:100%;justify-content:center}.recon-export-section{justify-content:center}.recon-export-btn{width:100%;justify-content:center}}@media(max-width:480px){.recon-container{padding:8px}.recon-header{padding:12px}.recon-title{font-size:18px}.recon-subtitle{font-size:12px}.recon-summary-grid{grid-template-columns:1fr;gap:10px}.recon-card-value{font-size:18px}.recon-card-icon{width:44px;height:44px}.recon-table-title{font-size:13px;padding:12px}.recon-table{font-size:10px}.recon-table th,.recon-table td{padding:8px}.recon-table thead th{font-size:10px}.recon-no-data-container{padding:60px 16px}.recon-no-data-container img{width:80px;margin-bottom:16px}.recon-no-data-container h3{font-size:16px}.recon-loading-state{padding:60px 16px}}.recon-table-wrapper::-webkit-scrollbar{height:8px;width:8px}.recon-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.recon-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.recon-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.recon-header,.recon-filters-section,.recon-pagination,.recon-export-section{display:none}.recon-table-section{box-shadow:none;page-break-inside:avoid}.recon-table{font-size:11px}}.file-manager-container{min-height:100vh;background-color:#f9fafb;padding:.5rem}.file-manager-wrapper{max-width:80rem;margin:0 auto}.file-manager-header{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.75rem;margin-bottom:.5rem}.file-manager-title{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem;display:flex;align-items:center}.alert-message{margin-bottom:.5rem;padding:.5rem .75rem;border-radius:.375rem;font-size:.8125rem;animation:slideIn .3s ease-out}.alert-success{background-color:#d1fae5;color:#065f46;border-left:3px solid #10b981}.alert-error{background-color:#fee2e2;color:#991b1b;border-left:3px solid #ef4444}.search-container{display:flex;margin-bottom:.5rem}.search-input-wrapper{flex:1;position:relative}.search-input{width:100%;padding:.375rem 2rem .375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:all .2s;font-size:.8125rem}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.search-icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);width:1rem;height:1rem;color:#9ca3af;pointer-events:none}.search-clear-btn{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#6b7280;cursor:pointer;padding:.125rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.search-clear-btn:hover{background-color:#f3f4f6;color:#374151}.breadcrumb-container{display:flex;align-items:center;gap:.375rem;flex-wrap:wrap;font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.breadcrumb-button{background:none;border:none;cursor:pointer;color:inherit;font-weight:500;transition:color .2s;padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem}.breadcrumb-button:hover{color:#3b82f6;background-color:#f3f4f6}.breadcrumb-current{font-weight:600;color:#1f2937}.action-buttons{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:center;margin-bottom:.5rem}.action-group{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;font-size:.75rem;font-weight:500;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-back{background-color:#e5e7eb;color:#374151}.btn-back:hover:not(:disabled){background-color:#d1d5db}.btn-create{background-color:#10b981;color:#fff}.btn-create:hover:not(:disabled){background-color:#059669}.btn-upload{background-color:#3b82f6;color:#fff}.btn-upload:hover:not(:disabled){background-color:#2563eb}.btn-delete{padding:.25rem;background-color:#ef4444;color:#fff;transition:all .2s}.btn-delete:hover:not(:disabled){background-color:#dc2626}.btn-delete-small{padding:.25rem .5rem;background-color:transparent;color:#ef4444;border:1px solid #ef4444;font-size:.7rem}.btn-delete-small:hover:not(:disabled){background-color:#ef4444;color:#fff}.btn-preview{padding:.25rem;background-color:#3b82f6;color:#fff}.btn-preview:hover:not(:disabled){background-color:#2563eb}.btn-preview-small{padding:.25rem .5rem;background-color:transparent;color:#3b82f6;border:1px solid #3b82f6;font-size:.7rem}.btn-preview-small:hover:not(:disabled){background-color:#3b82f6;color:#fff}.view-controls{display:flex;gap:.375rem}.view-btn{padding:.375rem;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.3rem;cursor:pointer;transition:all .2s;color:#6b7280;display:flex;align-items:center;justify-content:center}.view-btn:hover{background-color:#e5e7eb;color:#374151}.view-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.content-area{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.75rem;min-height:300px}.loading-container{text-align:center;padding:2rem 0}.spinner{width:2rem;height:2rem;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.loading-text{margin-top:.5rem;color:#6b7280;font-size:.75rem}.section-title{font-size:.9375rem;font-weight:600;color:#1f2937;margin-bottom:.5rem;padding-bottom:.375rem;border-bottom:1px solid #e5e7eb}.folders-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}@media(min-width:640px){.folders-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.folders-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.folders-grid{grid-template-columns:repeat(5,1fr)}}@media(min-width:1280px){.folders-grid{grid-template-columns:repeat(6,1fr)}}.folder-card{position:relative;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem;cursor:pointer;transition:all .2s;background-color:#fff}.folder-card:hover{box-shadow:0 2px 4px -1px #0000001a;transform:translateY(-1px)}.folder-card:hover .btn-delete{opacity:1}.folder-icon{width:2.5rem;height:2.5rem;color:#eab308;margin:0 auto .375rem;display:block}.folder-name{font-size:.75rem;font-weight:500;color:#1f2937;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.folder-stats{font-size:.7rem;color:#6b7280;text-align:center;margin-top:.125rem}.delete-button{position:absolute;top:.25rem;right:.25rem;opacity:0}.files-grid{display:grid;grid-template-columns:1fr;gap:.5rem}@media(min-width:640px){.files-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.files-grid{grid-template-columns:repeat(3,1fr)}}.file-card{position:relative;border:1px solid #e5e7eb;border-radius:.375rem;padding:.5rem;transition:all .2s;background-color:#fff}.file-card:hover{box-shadow:0 2px 4px -1px #0000001a;transform:translateY(-1px)}.file-card:hover .file-actions{opacity:1}.file-content{display:flex;align-items:flex-start;gap:.5rem}.file-icon{width:1.5rem;height:1.5rem;flex-shrink:0}.file-icon.pdf{color:#ef4444}.file-icon.image{color:#3b82f6}.file-icon.text{color:#6b7280}.file-details{flex:1;min-width:0}.file-name{font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8125rem}.file-size{font-size:.75rem;color:#6b7280;margin-top:.125rem}.file-date{font-size:.7rem;color:#9ca3af;margin-top:.125rem}.file-actions{position:absolute;top:.25rem;right:.25rem;display:flex;gap:.125rem;opacity:0;transition:opacity .2s}.list-view-container{overflow-x:auto}.file-table{width:100%;border-collapse:collapse;font-size:.8125rem}.file-table thead{background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.file-table th{padding:.5rem .75rem;text-align:left;font-size:.75rem;font-weight:600;color:#374151;white-space:nowrap}.file-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.file-table tbody tr:hover{background-color:#f9fafb}.file-table td{padding:.5rem .75rem;font-size:.8125rem;color:#1f2937}.table-row{cursor:pointer}.table-cell-name{display:flex;align-items:center;gap:.5rem;cursor:pointer}.table-cell-name:hover{color:#3b82f6}.table-actions{display:flex;gap:.375rem;flex-wrap:wrap}.empty-state{text-align:center;padding:2rem 0}.empty-icon{width:4rem;height:4rem;color:#d1d5db;margin:0 auto .75rem}.empty-title{font-size:1rem;font-weight:500;color:#6b7280;margin-bottom:.375rem}.empty-description{color:#6b7280;font-size:.875rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}.modal{background-color:#fff;border-radius:.375rem;padding:1rem;width:100%;max-width:24rem;margin:.5rem;animation:slideUp .3s ease-out}.modal-title{font-size:1.0625rem;font-weight:600;margin-bottom:.75rem;color:#1f2937}.form-group{margin-bottom:.75rem}.form-label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-input{width:100%;padding:.375rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:all .2s;font-size:.8125rem}.form-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-hint{font-size:.7rem;color:#6b7280;margin-top:.375rem;line-height:1.4}.file-preview{margin-bottom:.75rem;padding:.5rem;background-color:#f9fafb;border-radius:.375rem;border:1px solid #e5e7eb}.file-preview-name{font-size:.8125rem;font-weight:500;color:#1f2937;margin:0}.file-preview-size{font-size:.7rem;color:#6b7280;margin-top:.125rem}.progress-container{margin-bottom:.75rem}.progress-bar{width:100%;height:.375rem;background-color:#e5e7eb;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background-color:#3b82f6;border-radius:9999px;transition:width .3s ease}.progress-text{font-size:.75rem;color:#6b7280;text-align:center;margin-top:.375rem}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}.btn-cancel{padding:.375rem .75rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:.375rem;cursor:pointer;transition:background-color .2s;font-size:.75rem;font-weight:500}.btn-cancel:hover:not(:disabled){background-color:#f9fafb}.btn-primary{padding:.375rem .75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.375rem;cursor:pointer;transition:background-color .2s;font-size:.75rem;font-weight:500}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-success{background-color:#10b981}.btn-success:hover:not(:disabled){background-color:#059669}.search-results{background-color:#fff;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;padding:.75rem;margin-bottom:.5rem}.search-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.search-results-title{font-size:1rem;font-weight:600;color:#1f2937;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:.5rem}.close-button{background:none;border:none;color:#6b7280;cursor:pointer;transition:color .2s;padding:.125rem;display:flex;align-items:center;justify-content:center}.close-button:hover{color:#374151}.search-section{margin-bottom:1rem}.search-section:last-child{margin-bottom:0}.search-section-title{font-weight:600;color:#374151;margin-bottom:.375rem;font-size:.875rem}.search-results-list{display:flex;flex-direction:column;gap:.375rem}.search-result-item{display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:.375rem;cursor:pointer;transition:background-color .2s;border:1px solid transparent}.search-result-item:hover{background-color:#f9fafb;border-color:#e5e7eb}.search-result-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.search-result-content{flex:1;min-width:0}.search-result-name{font-weight:500;color:#1f2937;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem}.search-result-meta{font-size:.75rem;color:#6b7280;margin-top:.125rem}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:.75rem}.pagination-info{font-size:.75rem;color:#6b7280}.pagination-controls{display:flex;gap:.125rem}.pagination-btn{padding:.375rem .5rem;border:1px solid #d1d5db;background-color:#fff;color:#374151;border-radius:.3rem;cursor:pointer;transition:all .2s;font-size:.75rem;min-width:2rem;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}.pagination-size{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:#6b7280}.pagination-select{padding:.25rem .5rem;border:1px solid #d1d5db;border-radius:.3rem;background-color:#fff;cursor:pointer;outline:none;transition:border-color .2s;font-size:.75rem}.pagination-select:focus{border-color:#3b82f6}@media(max-width:640px){.file-manager-container{padding:.25rem}.file-manager-header{padding:.5rem}.file-manager-title{font-size:1.125rem}.content-area{padding:.5rem}.action-buttons{flex-direction:column;gap:.375rem}.action-group{width:100%}.btn{flex:1;justify-content:center}.pagination-container{flex-direction:column;align-items:stretch}.pagination-controls{justify-content:center}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media print{.action-buttons,.search-container,.file-actions,.delete-button,.pagination-container{display:none!important}}.register-container{padding:12px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.register-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.register-header-content{flex:1;min-width:250px}.register-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.register-subtitle{font-size:12px;color:#6c757d;margin:4px 0 0;font-weight:500}.register-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.register-stat-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;border-left:3px solid;transition:all .3s ease}.register-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.register-stat-purple{border-left-color:#667eea}.register-stat-blue{border-left-color:#0d6efd}.register-stat-green{border-left-color:#28a745}.register-stat-orange{border-left-color:#ffc107}.register-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.register-stat-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.register-stat-icon-badge{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f8f9fa;border-radius:6px;color:#495057}.register-stat-value{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.register-stat-footer{font-size:11px;color:#6c757d;font-weight:500}.register-filters-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px}.register-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px}.register-filter-group{display:flex;flex-direction:column;gap:4px}.register-filter-label{font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:3px}.register-filter-input,.register-filter-select{padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.register-filter-input:hover,.register-filter-select:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.register-filter-input:focus,.register-filter-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.register-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:14px;padding-right:24px;cursor:pointer}.register-filter-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.register-btn-action-primary,.register-btn-action-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.register-btn-action-primary{background:#2d3748;color:#fff;box-shadow:0 2px 8px #2d374833}.register-btn-action-primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #2d37484d}.register-btn-action-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.register-btn-action-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.register-btn-action-primary:disabled,.register-btn-action-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.register-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:12px}.register-table-wrapper{overflow-x:auto;max-height:600px;position:relative}.register-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.register-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.register-table thead th{padding:10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.register-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.register-table tbody tr:hover{background:#f8f9fa}.register-table tbody td{padding:10px;color:#2d3748;vertical-align:middle}.register-barcode-cell{font-weight:600;color:#1a1a1a}.register-status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.register-status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.register-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.register-status-missing{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.register-action-group{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.register-action-btn{display:flex;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border:2px solid;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s ease;background:#fff;text-transform:uppercase;letter-spacing:.3px}.register-action-upload{border-color:#0d6efd;color:#0d6efd}.register-action-upload:hover{background:#0d6efd;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #0d6efd4d}.register-action-view{border-color:#28a745;color:#28a745}.register-action-view:hover{background:#28a745;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #28a7454d}.register-action-delete{border-color:#dc3545;color:#dc3545}.register-action-delete:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.register-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.register-no-data img{width:100px;height:auto;opacity:.6;margin-bottom:10px}.register-no-data p{font-size:13px;color:#6c757d;margin:0}.register-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:register-spin .8s linear infinite;margin-bottom:12px}@keyframes register-spin{to{transform:rotate(360deg)}}.register-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;flex-wrap:wrap;background:#fff;border-top:1px solid #e9ecef}.register-pagination-btn{padding:6px 10px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:11px}.register-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.register-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.register-pagination-info{display:flex;align-items:center;gap:6px;font-size:11px;color:#495057;font-weight:600}.register-pagination-input{width:50px;padding:4px 6px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:11px;font-weight:600;color:#1a1a1a}.register-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.register-pagination-text{font-size:11px;color:#495057;font-weight:600;min-width:100px}.register-export-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px}.register-export-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.register-export-buttons{display:flex;gap:8px;flex-wrap:wrap}.register-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:2px solid;border-radius:6px;background:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.register-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000001a;color:#fff}.register-export-btn:disabled{opacity:.4;cursor:not-allowed}.register-export-excel{border-color:#28a745;color:#28a745}.register-export-excel:hover:not(:disabled){background:#28a745}.register-export-csv{border-color:#17a2b8;color:#17a2b8}.register-export-csv:hover:not(:disabled){background:#17a2b8}.register-export-pdf{border-color:#dc3545;color:#dc3545}.register-export-pdf:hover:not(:disabled){background:#dc3545}.register-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:12px}.register-modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:register-modal-slide .3s ease}.register-modal-large{max-width:900px}@keyframes register-modal-slide{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.register-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:2px solid #e9ecef;background:#f8f9fa}.register-modal-title{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.register-modal-close{background:none;border:none;cursor:pointer;color:#6c757d;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.register-modal-close:hover{color:#1a1a1a;transform:rotate(90deg)}.register-modal-body{padding:16px}.register-modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:16px;border-top:2px solid #e9ecef;background:#f8f9fa}.register-modal-info{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px;margin-bottom:12px;font-size:11px}.register-modal-info p{margin:4px 0;color:#1e40af;font-weight:500}.register-upload-area{position:relative;border:2px dashed #cbd5e1;border-radius:8px;padding:24px;text-align:center;background:#f8fafc;transition:all .3s ease;margin-bottom:12px;cursor:pointer}.register-upload-area:hover{border-color:#2d3748;background:#f0f9ff}.register-file-input{display:none}.register-upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#2d3748;font-weight:600}.register-upload-label span{font-size:12px}.register-upload-label small{font-size:10px;color:#6c757d;font-weight:500}.register-file-preview{display:flex;align-items:center;gap:8px;padding:10px;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;margin-bottom:12px;color:#155724;font-size:11px;font-weight:600}.register-file-size{margin-left:auto;color:#6c757d;font-weight:500}.register-progress-bar{position:relative;height:24px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:12px}.register-progress-fill{height:100%;background:linear-gradient(90deg,#0d6efd,#0dcaf0);transition:width .3s ease}.register-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10px;font-weight:700;color:#1a1a1a}.register-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:16px}.register-detail-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:12px;transition:all .3s ease}.register-detail-card:hover{box-shadow:0 2px 8px #0000001a}.register-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.register-detail-header h3{font-size:12px;font-weight:700;color:#1a1a1a;margin:0}.register-detail-content{margin-bottom:10px;min-height:40px;display:flex;flex-direction:column;justify-content:center}.register-detail-file{display:flex;align-items:center;gap:6px;font-size:11px;color:#155724;font-weight:600;margin:0}.register-detail-missing{font-size:11px;color:#721c24;font-weight:600;margin:0}.register-detail-link{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;color:#155724;text-decoration:none;font-size:10px;font-weight:600;transition:all .3s ease;margin-top:6px}.register-detail-link:hover{background:#c3e6cb;transform:translateY(-1px)}.register-detail-upload-btn{display:flex;align-items:center;justify-content:center;gap:4px;width:100%;padding:8px;background:#0d6efd;color:#fff;border:none;border-radius:4px;font-size:10px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.register-detail-upload-btn:hover{background:#0b5ed7;transform:translateY(-1px);box-shadow:0 2px 6px #0d6efd4d}.register-detail-meta{background:#f0f9ff;border:1px solid #bfdbfe;border-radius:6px;padding:10px;font-size:11px}.register-detail-meta p{margin:4px 0;color:#1e40af;font-weight:500}.register-btn-primary,.register-btn-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.register-btn-primary{background:#0d6efd;color:#fff;box-shadow:0 2px 8px #0d6efd33}.register-btn-primary:hover:not(:disabled){background:#0b5ed7;transform:translateY(-1px);box-shadow:0 4px 12px #0d6efd4d}.register-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.register-btn-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.register-btn-secondary:hover:not(:disabled){background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.register-btn-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.register-panel-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%)}.register-no-access-panel{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;max-width:400px;text-align:center}.register-no-access-image{width:150px;height:auto;margin-bottom:16px}.register-no-access-panel h3{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 10px}.register-no-access-panel p{font-size:13px;color:#6c757d;line-height:1.5;margin:0}@media(max-width:1024px){.register-stats-grid,.register-filters-grid{grid-template-columns:repeat(2,1fr)}.register-details-grid{grid-template-columns:1fr}}@media(max-width:768px){.register-container{padding:8px}.register-header{padding:10px 12px}.register-title{font-size:16px}.register-stats-grid,.register-filters-grid{grid-template-columns:1fr}.register-filter-actions{width:100%;justify-content:stretch}.register-btn-action-primary,.register-btn-action-secondary{flex:1}.register-export-buttons{width:100%}.register-export-btn{flex:1;justify-content:center}.register-table{font-size:11px}.register-table thead th,.register-table tbody td{padding:8px}.register-modal-content{max-width:90vw}.register-details-grid{grid-template-columns:1fr}}@media(max-width:480px){.register-title{font-size:14px}.register-table{font-size:10px}.register-table thead th,.register-table tbody td{padding:6px}.register-pagination-btn{padding:4px 8px;font-size:10px}.register-export-btn{font-size:9px;padding:6px 8px}.register-stat-value{font-size:16px}.register-action-btn{padding:4px 6px;font-size:9px}.register-modal-content{max-width:95vw}.register-details-grid{grid-template-columns:1fr}.register-modal-header,.register-modal-body{padding:12px}.register-modal-footer{padding:12px;flex-direction:column}.register-btn-primary,.register-btn-secondary{width:100%}}.register-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.register-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.register-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.register-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.register-modal-content::-webkit-scrollbar{width:6px}.register-modal-content::-webkit-scrollbar-track{background:#f1f5f9}.register-modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.register-modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.register-header,.register-filters-section,.register-export-section,.register-pagination,.register-action-group{display:none}.register-container{background:#fff;padding:0}.register-table-section{box-shadow:none;page-break-inside:avoid}.register-stats-grid{page-break-inside:avoid}.register-table{font-size:10px}}.register-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.register-header-content{flex:1}.register-btn-add-new{display:flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,#23252c,#2d2c2e);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.register-btn-add-new:hover{transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.register-btn-add-new:active{transform:translateY(0)}@media(max-width:768px){.register-header{flex-direction:column;gap:15px;align-items:flex-start}.register-btn-add-new{width:100%;justify-content:center}}.modal-overlay-register{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}.modal-register-container{background:#fff;border-radius:12px;width:90%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-register-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:2px solid #f0f0f0;background:#fafafa}.modal-register-title-section{display:flex;align-items:center;gap:12px}.modal-register-icon-add{color:#2ecc71;width:24px;height:24px}.modal-register-icon-edit{color:#3498db;width:24px;height:24px}.modal-register-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.modal-register-close-btn{background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.modal-register-close-btn:hover:not(:disabled){background:#e0e0e0;color:#000}.modal-register-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-register-body{padding:24px}.modal-register-form{display:flex;flex-direction:column;gap:20px}.modal-register-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.modal-register-row:last-of-type{margin-bottom:8px}.modal-register-group{display:flex;flex-direction:column;gap:6px}.modal-register-label{font-size:13px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px}.modal-register-required{color:#e74c3c;margin-left:2px}.modal-register-input,.modal-register-select{padding:10px 12px;border:1.5px solid #d0d0d0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff;color:#1a1a1a;transition:all .2s ease}.modal-register-input:focus,.modal-register-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}.modal-register-input:disabled,.modal-register-select:disabled{background:#f5f5f5;color:#999;cursor:not-allowed;border-color:#e0e0e0}.modal-register-input-error{border-color:#e74c3c!important;background:#fff5f5}.modal-register-input-error:focus{box-shadow:0 0 0 3px #e74c3c1a!important}.modal-register-error{display:flex;align-items:center;gap:4px;font-size:12px;color:#e74c3c;font-weight:500;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal-register-section-title{font-size:13px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;padding:12px 0;margin-top:8px;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0}.modal-register-info-box{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#f0f8ff;border-left:3px solid #3498db;border-radius:4px;font-size:13px;color:#1a1a1a;line-height:1.5}.modal-register-info-box svg{color:#3498db;flex-shrink:0;margin-top:2px}.modal-register-footer{display:flex;gap:12px;justify-content:flex-end;padding-top:20px;border-top:1px solid #f0f0f0;margin-top:20px}.modal-register-btn-cancel,.modal-register-btn-submit{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.modal-register-btn-cancel{background:#f0f0f0;color:#1a1a1a;border:1.5px solid #d0d0d0}.modal-register-btn-cancel:hover:not(:disabled){background:#e0e0e0;border-color:#1a1a1a}.modal-register-btn-submit{background:#1a1a1a;color:#fff}.modal-register-btn-submit:hover:not(:disabled){background:#2a2a2a;box-shadow:0 4px 12px #1a1a1a33}.modal-register-btn-cancel:disabled,.modal-register-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.modal-register-container{width:95%;max-height:95vh}.modal-register-header,.modal-register-body{padding:16px}.modal-register-row{grid-template-columns:1fr;gap:12px}.modal-register-title{font-size:18px}.modal-register-footer{flex-direction:column-reverse}.modal-register-btn-cancel,.modal-register-btn-submit{width:100%;justify-content:center}}.modal-register-input-wrapper{position:relative;width:100%}.modal-register-validation-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none}.modal-register-validation-loading{color:#3498db;animation:spin 1s linear infinite}.modal-register-validation-valid{color:#2ecc71}.modal-register-validation-invalid{color:#e74c3c}.modal-register-input-valid{border-color:#2ecc71!important;background:#f0fff4}.modal-register-input-valid:focus{box-shadow:0 0 0 3px #2ecc711a!important}.modal-register-input-invalid{border-color:#e74c3c!important;background:#fff5f5}.modal-register-input-invalid:focus{box-shadow:0 0 0 3px #e74c3c1a!important}.modal-register-validation-message{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;margin-top:4px;animation:slideDown .2s ease-out}.modal-register-validation-success{color:#2ecc71}.modal-register-validation-error{color:#e74c3c}.modal-register-autocomplete-wrapper{position:relative;width:100%}.modal-register-autocomplete-input{padding-right:32px!important}.modal-register-autocomplete-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#999;pointer-events:none}.modal-register-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid #d0d0d0;border-top:none;border-radius:0 0 6px 6px;max-height:300px;overflow-y:auto;z-index:1001;box-shadow:0 4px 12px #0000001a;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-register-suggestion-item{padding:12px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .2s ease}.modal-register-suggestion-item:hover:not(.modal-register-suggestion-loading):not(.modal-register-suggestion-empty){background:#f8f8f8;padding-left:16px}.modal-register-suggestion-item:last-child{border-bottom:none}.modal-register-suggestion-loading,.modal-register-suggestion-empty{cursor:not-allowed;color:#999;text-align:center;padding:16px 12px}.modal-register-suggestion-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.modal-register-suggestion-header strong{font-size:14px;color:#1a1a1a}.modal-register-suggestion-store{font-size:11px;background:#f0f0f0;color:#666;padding:2px 8px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px}.modal-register-suggestion-details{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:4px}.modal-register-suggestion-user{color:#666}.modal-register-suggestion-amount{font-weight:600;color:#2ecc71}.modal-register-suggestion-date{font-size:11px;color:#999}.modal-register-suggestions::-webkit-scrollbar{width:6px}.modal-register-suggestions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-register-suggestions::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:3px}.modal-register-suggestions::-webkit-scrollbar-thumb:hover{background:#999}@media(max-width:600px){.modal-register-suggestions{max-height:250px}.modal-register-suggestion-header{flex-direction:column;align-items:flex-start;gap:4px}.modal-register-suggestion-store{align-self:flex-start}}.modal-register-documents-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.modal-register-document-card{border:2px solid #e0e0e0;border-radius:8px;padding:16px;background:#f9f9f9;transition:all .3s ease}.modal-register-document-card:hover{border-color:#007bff;background:#f0f7ff}.modal-register-document-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.modal-register-document-icon{font-size:20px}.modal-register-document-label{font-size:14px;font-weight:600;color:#333;margin:0}.modal-register-document-upload-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;border:2px dashed #007bff;border-radius:6px;background:#f0f7ff;cursor:pointer;transition:all .3s ease;text-align:center}.modal-register-document-upload-area:hover{border-color:#0056b3;background:#e7f1ff}.modal-register-upload-icon{color:#007bff;margin-bottom:4px}.modal-register-upload-spinner{color:#007bff;animation:spin 1s linear infinite}.modal-register-document-upload-area p{margin:0;font-size:13px;font-weight:500;color:#333}.modal-register-upload-hint{font-size:11px;color:#999}.modal-register-document-uploaded{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f0fff4;border:1px solid #86efac;border-radius:6px}.modal-register-file-icon{color:#22c55e}.modal-register-file-name{margin:0;font-size:12px;font-weight:600;color:#333;word-break:break-word;text-align:center;max-height:40px;overflow:hidden;text-overflow:ellipsis}.modal-register-file-size{margin:0;font-size:11px;color:#666}.modal-register-document-actions{display:flex;gap:8px;width:100%;margin-top:8px}.modal-register-btn-reupload,.modal-register-btn-delete{flex:1;padding:6px 8px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;transition:all .3s ease}.modal-register-btn-reupload{background:#007bff;color:#fff}.modal-register-btn-reupload:hover:not(:disabled){background:#0056b3}.modal-register-btn-delete{background:#fee;color:#dc3545;flex:.5}.modal-register-btn-delete:hover:not(:disabled){background:#fdd}.modal-register-btn-reupload:disabled,.modal-register-btn-delete:disabled{opacity:.6;cursor:not-allowed}.modal-register-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:16px 0;padding:12px;background:#f9f9f9;border-radius:6px}.modal-register-status-item{display:flex;flex-direction:column;gap:6px}.modal-register-status-label{font-size:12px;font-weight:600;color:#666}.modal-register-status-badge{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:600;text-align:center;text-transform:uppercase}.modal-register-status-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.modal-register-status-pending{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.modal-register-section-title{font-size:14px;font-weight:700;color:#333;margin:20px 0 12px;padding-bottom:8px;border-bottom:2px solid #007bff}.modal-register-info-box{display:flex;align-items:center;gap:12px;padding:12px;background:#e7f3ff;border-left:4px solid #007bff;border-radius:4px;margin:16px 0;font-size:13px;color:#004085}.modal-register-info-box svg{color:#007bff;flex-shrink:0}.modal-register-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.modal-register-documents-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal-register-status-grid{grid-template-columns:repeat(2,1fr)}}.register-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.register-popup-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:450px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.register-popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #eee;background:#f9f9f9}.register-popup-title{font-size:14px;font-weight:700;color:#333;margin:0}.register-popup-close{background:none;border:none;cursor:pointer;color:#999;transition:color .2s;padding:4px;display:flex;align-items:center;justify-content:center}.register-popup-close:hover:not(:disabled){color:#333}.register-popup-close:disabled{opacity:.5;cursor:not-allowed}.register-popup-body{padding:16px}.register-popup-form-group{margin-bottom:14px}.register-popup-label{display:block;font-size:11px;font-weight:700;color:#555;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.register-popup-input{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:6px;font-size:12px;font-family:inherit;transition:all .2s}.register-popup-input:focus{outline:none;border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a}.register-popup-input:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.register-popup-input-group{display:flex;gap:8px}.register-popup-input-group .register-popup-input{flex:1}.register-popup-fetch-btn{background:#2196f3;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:all .2s;min-width:44px}.register-popup-fetch-btn:hover:not(:disabled){background:#1976d2;transform:translateY(-1px);box-shadow:0 2px 8px #1976d24d}.register-popup-fetch-btn:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.register-popup-fetch-btn .spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.register-popup-product-info{background:#f0f7ff;border:1px solid #b3d9ff;border-radius:8px;padding:12px;margin-top:12px}.register-popup-product-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:600;font-size:12px;color:#1976d2}.register-popup-product-header svg{color:#4caf50;flex-shrink:0}.register-popup-product-details{display:flex;flex-direction:column;gap:6px}.register-popup-product-row{display:flex;justify-content:space-between;font-size:11px;padding:4px 0;gap:8px}.register-popup-product-label{font-weight:600;color:#666;flex-shrink:0}.register-popup-product-value{color:#333;text-align:right;flex:1;word-break:break-word}.register-popup-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #eee;background:#f9f9f9;justify-content:flex-end}.register-popup-btn-cancel{background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s}.register-popup-btn-cancel:hover:not(:disabled){background:#e8e8e8;border-color:#bbb}.register-popup-btn-cancel:disabled{opacity:.5;cursor:not-allowed}.register-popup-btn-save{background:#4caf50;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.register-popup-btn-save:hover:not(:disabled){background:#45a049;transform:translateY(-1px);box-shadow:0 2px 8px #4caf504d}.register-popup-btn-save:disabled{background:#ccc;cursor:not-allowed;opacity:.7}.register-popup-btn-save .spinner{animation:spin 1s linear infinite}.register-number-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600}.register-add-number-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666}.register-add-number-btn:hover{background:#e8e8e8;border-color:#bbb;color:#333}.register-add-number-btn:disabled{opacity:.5;cursor:not-allowed}.register-number-cell{text-align:center;padding:8px}.register-number-cell-content{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.register-number-badge{display:inline-block;background:#e3f2fd;color:#1976d2;padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.register-add-number-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:6px;padding:6px 10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;color:#666;min-width:32px;min-height:32px}.register-add-number-btn:hover{background:#2196f3;border-color:#1976d2;color:#fff;transform:scale(1.05)}.register-add-number-btn:active{transform:scale(.95)}.register-add-number-btn:disabled{opacity:.5;cursor:not-allowed;transform:scale(1)}.sbu-custom-sidebar-dark{width:260px;height:100vh;background:linear-gradient(180deg,#1a1a1a,#0f0f0f);border-right:1px solid #2d2d2d;box-shadow:2px 0 15px #0000004d;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;z-index:10;display:flex;flex-direction:column}.sbu-custom-sidebar-dark.ant-layout-sider-collapsed{width:80px}.sbu-sidebar-logo-dark{height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a1a,#0d0d0d);flex-shrink:0;border-bottom:1px solid #2d2d2d;position:relative;box-shadow:0 2px 8px #0006}.sbu-sidebar-logo-dark a{color:#fff!important;text-decoration:none;font-size:1.4rem;font-weight:700;letter-spacing:1px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-shadow:0 2px 4px rgba(0,0,0,.5)}.sbu-sidebar-scroll-dark{flex:1;height:100%;overflow-y:auto;overflow-x:hidden;position:relative}.sbu-sidebar-scroll-dark::-webkit-scrollbar{width:6px}.sbu-sidebar-scroll-dark::-webkit-scrollbar-track{background:#1a1a1a}.sbu-sidebar-scroll-dark::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.sbu-sidebar-scroll-dark::-webkit-scrollbar-thumb:hover{background:#555}.sbu-sidebar-menu-dark.ant-menu{background:transparent;border-right:none;font-size:13px;color:#b0b0b0;padding:12px 8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sbu-sidebar-menu-dark .ant-menu-item,.sbu-sidebar-menu-dark .ant-menu-submenu-title{height:auto;line-height:1.5;padding:10px 12px!important;margin:2px 4px;border-radius:8px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;color:#b0b0b0;font-weight:500;font-size:13px;border:1px solid transparent;text-transform:capitalize;letter-spacing:.3px}.sbu-sidebar-menu-dark .ant-menu-item:hover,.sbu-sidebar-menu-dark .ant-menu-submenu-title:hover{background:#ffffff14;color:#e0e0e0;transform:translate(4px);border-color:#404040}.sbu-sidebar-menu-dark .ant-menu-item-selected{background:#ffffff14;color:#e0e0e0;font-weight:500;border-left:none;border-color:transparent;box-shadow:none}.sbu-sidebar-menu-dark .ant-menu-item-selected:after{display:none}.sbu-sidebar-menu-dark .ant-menu-submenu-open>.ant-menu-submenu-title{background:#ffffff14;color:#e0e0e0;border-color:transparent}.sbu-sidebar-menu-dark .ant-menu-sub{background:#141414cc;border-radius:8px;margin:4px 8px;border-left:2px solid #3a3a3a;padding:4px 0;animation:sbu-slideDown .3s ease;box-shadow:inset 0 2px 8px #0000004d}@keyframes sbu-slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item{height:auto;line-height:1.5;padding:10px 12px 10px 28px!important;margin:3px 6px;font-size:12px;font-weight:400;color:#a8a8a8;border-radius:6px;text-transform:capitalize;letter-spacing:.2px;border-left:none;transition:all .2s ease;background:transparent}.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover{background:#ffffff1a;color:#fff;transform:translate(2px);border-radius:6px}.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#ffffff1a;color:#fff;font-weight:400;border-left:none;border-radius:6px;box-shadow:none}.sbu-sidebar-menu-dark .anticon{font-size:14px;margin-right:10px;width:16px;text-align:center;color:gray;transition:color .3s ease}.sbu-sidebar-menu-dark .ant-menu-item:hover .anticon,.sbu-sidebar-menu-dark .ant-menu-submenu-title:hover .anticon,.sbu-sidebar-menu-dark .ant-menu-item-selected .anticon{color:#fff}.sbu-sidebar-menu-dark .ant-menu-title-content{flex:1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-transform:capitalize;font-weight:500;letter-spacing:.2px;font-size:13px;white-space:nowrap;color:inherit}.sbu-sidebar-menu-dark .ant-menu-submenu-arrow{font-size:10px;color:#606060;transition:all .3s ease;right:16px}.sbu-sidebar-menu-dark .ant-menu-submenu-open .ant-menu-submenu-arrow{transform:rotate(180deg);color:gray}.sbu-sidebar-menu-dark .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#fff}.sbu-menu-divider-dark{height:1px;background:linear-gradient(90deg,transparent 0%,#2d2d2d 20%,#2d2d2d 80%,transparent 100%);margin:8px 12px;opacity:.6}.sbu-sidebar-logout-menu-dark{border-top:1px solid #2d2d2d;background:transparent;margin-top:auto;padding:12px 8px}.sbu-sidebar-logout-menu-dark.ant-menu{background:transparent;border-right:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.sbu-sidebar-logout-menu-dark .ant-menu-item{background:transparent;color:#b0b0b0;margin:2px 4px;height:auto;line-height:1.5;padding:10px 12px!important;border-radius:8px;border:1px solid transparent;font-weight:500;font-size:13px;transition:all .3s ease}.sbu-sidebar-logout-menu-dark .ant-menu-item:hover{background:#ff64641f;color:#e0e0e0;transform:translate(4px);border-color:#404040}.sbu-sidebar-logout-menu-dark .ant-menu-item .anticon{color:gray;font-size:14px;margin-right:10px;width:16px;text-align:center;transition:color .3s ease}.sbu-sidebar-logout-menu-dark .ant-menu-item:hover .anticon{color:#e0e0e0}.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-menu-dark .ant-menu-item,.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-menu-dark .ant-menu-submenu-title{padding:12px calc(50% - 8px)!important;text-align:center;justify-content:center;margin:2px 0}.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-menu-dark .anticon{margin-right:0;font-size:18px}.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-menu-dark .ant-menu-title-content,.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-menu-dark .ant-menu-submenu-arrow{display:none}.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-logout-menu-dark .ant-menu-item{padding:12px calc(50% - 8px)!important;text-align:center;justify-content:center;margin:2px 0}.sbu-custom-sidebar-dark.ant-layout-sider-collapsed .sbu-sidebar-logout-menu-dark .anticon{margin-right:0;font-size:18px}.sbu-sidebar-menu-dark.ant-menu-dark,.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-sub,.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-title,.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-item{background:transparent!important;color:#b0b0b0!important;border-color:transparent!important}.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-item-selected,.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-item-active,.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-selected{background:#ffffff14!important;color:#e0e0e0!important;border-color:transparent!important}.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-title:hover,.sbu-sidebar-menu-dark.ant-menu-dark .ant-menu-item:hover{background:#ffffff14!important;color:#e0e0e0!important}.sbu-sidebar-menu-dark .ant-menu-sub.ant-menu-inline{background:#141414cc!important}.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item{background:transparent!important;color:#a8a8a8!important}.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover,.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#ffffff1a!important;color:#fff!important}.sbu-sidebar-logout-menu-dark.ant-menu-dark,.sbu-sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item{background:transparent!important;color:#b0b0b0!important}.sbu-sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item:hover{background:#ff64641f!important;color:#e0e0e0!important}@media(max-width:768px){.sbu-sidebar-logo-dark{height:50px}.sbu-sidebar-logo-dark a{font-size:1.2rem}.sbu-sidebar-menu-dark .ant-menu-item,.sbu-sidebar-menu-dark .ant-menu-submenu-title{font-size:12px;padding:8px 10px!important}.sbu-sidebar-menu-dark .ant-menu-sub .ant-menu-item{font-size:11px;padding:6px 10px 6px 24px!important}.sbu-sidebar-menu-dark .anticon{font-size:13px}}@media(max-width:480px){.sbu-custom-sidebar-dark{width:70px}.sbu-sidebar-logo-dark{height:45px}.sbu-sidebar-logo-dark a{font-size:1rem}.sbu-sidebar-menu-dark .ant-menu-item,.sbu-sidebar-menu-dark .ant-menu-submenu-title{font-size:11px;padding:6px 8px!important}}.sbu-sidebar-menu-dark .ant-menu-item,.sbu-sidebar-menu-dark .ant-menu-submenu-title,.sbu-sidebar-menu-dark .anticon,.sbu-sidebar-logout-menu-dark .ant-menu-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.sbu-sidebar-menu-dark .ant-menu-item:focus,.sbu-sidebar-menu-dark .ant-menu-submenu-title:focus{outline:2px solid #606060;outline-offset:2px}.sbu-sidebar-logout-menu-dark .ant-menu-item:focus{outline:2px solid #808080;outline-offset:2px}@media print{.sbu-custom-sidebar-dark{display:none}}:root{--ipu-primary-color: #1a1a1a;--ipu-primary-dark: #0f0f0f;--ipu-primary-light: #2d2d2d;--ipu-success-color: #10b981;--ipu-success-dark: #059669;--ipu-warning-color: #f59e0b;--ipu-danger-color: #ef4444;--ipu-danger-dark: #dc2626;--ipu-info-color: #06b6d4;--ipu-bg-primary: #ffffff;--ipu-bg-secondary: #f9fafb;--ipu-bg-tertiary: #f3f4f6;--ipu-bg-dark: #1f2937;--ipu-text-primary: #111827;--ipu-text-secondary: #6b7280;--ipu-text-light: #9ca3af;--ipu-text-white: #ffffff;--ipu-border-color: #e5e7eb;--ipu-border-light: #f3f4f6;--ipu-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--ipu-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--ipu-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--ipu-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--ipu-radius-sm: .375rem;--ipu-radius-md: .5rem;--ipu-radius-lg: .75rem;--ipu-radius-xl: 1rem;--ipu-transition-fast: .15s ease;--ipu-transition-base: .2s ease;--ipu-transition-slow: .3s ease}.ipu-panel-container{width:100%;height:80vh;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:1rem;overflow:hidden}.ipu-invoice-panel-container{width:100%;height:100%;background:#fafafa;border-radius:var(--ipu-radius-xl);box-shadow:var(--ipu-shadow-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid #e0e0e0}.ipu-invoice-panel-header{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:var(--ipu-text-white);padding:1rem 1.5rem;border-bottom:2px solid #0f0f0f}.ipu-invoice-panel-header-content{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ipu-invoice-panel-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;margin:0}.ipu-invoice-panel-title-icon{animation:ipu-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes ipu-pulse{0%,to{opacity:1}50%{opacity:.7}}.ipu-title-text{background:linear-gradient(to right,#fff,#d1d5db);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ipu-invoice-panel-user-info{display:flex;gap:1.5rem;align-items:center}.ipu-invoice-panel-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem}.ipu-invoice-panel-info-label{opacity:.8;font-weight:500}.ipu-invoice-panel-info-value{font-weight:600;background:#ffffff1a;padding:.25rem .75rem;border-radius:var(--ipu-radius-md);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ipu-invoice-panel-main{display:flex;flex:1;overflow:hidden;gap:1rem;padding:1rem}.ipu-invoice-panel-left{flex:1;display:flex;flex-direction:column;gap:1rem;overflow:hidden}.ipu-invoice-panel-right{width:420px;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;padding-right:.5rem}.ipu-invoice-panel-right::-webkit-scrollbar{width:6px}.ipu-invoice-panel-right::-webkit-scrollbar-track{background:#f0f0f0;border-radius:var(--ipu-radius-sm)}.ipu-invoice-panel-right::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:var(--ipu-radius-sm)}.ipu-invoice-panel-right::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.ipu-invoice-panel-search-section{background:var(--ipu-bg-primary);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border-color);padding:1rem;box-shadow:var(--ipu-shadow-sm)}.ipu-invoice-panel-search-row{display:flex;gap:.75rem;align-items:center}.ipu-invoice-panel-search-type{min-width:120px;padding:.625rem .875rem;border:2px solid var(--ipu-border-color);border-radius:var(--ipu-radius-md);font-size:.875rem;font-weight:600;background:var(--ipu-bg-primary);color:var(--ipu-text-primary);cursor:pointer;transition:all var(--ipu-transition-base)}.ipu-invoice-panel-search-type:focus{outline:none;border-color:var(--ipu-primary-color);box-shadow:0 0 0 3px #1a1a1a1a}.ipu-invoice-panel-input-group{flex:1;position:relative}.ipu-invoice-panel-input{width:100%;padding:.625rem .875rem;border:2px solid var(--ipu-border-color);border-radius:var(--ipu-radius-md);font-size:.875rem;font-weight:500;transition:all var(--ipu-transition-base);background:var(--ipu-bg-primary)}.ipu-invoice-panel-input:focus{outline:none;border-color:var(--ipu-primary-color);box-shadow:0 0 0 3px #1a1a1a1a}.ipu-invoice-panel-input::placeholder{color:var(--ipu-text-light)}.ipu-invoice-panel-suggestions{position:absolute;top:calc(100% + .5rem);left:0;right:0;background:var(--ipu-bg-primary);border:2px solid var(--ipu-primary-color);border-radius:var(--ipu-radius-md);box-shadow:var(--ipu-shadow-lg);max-height:300px;overflow-y:auto;z-index:1000;animation:ipu-slideDown .2s ease}@keyframes ipu-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ipu-invoice-panel-suggestion-item{padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid var(--ipu-border-light);transition:all var(--ipu-transition-fast)}.ipu-invoice-panel-suggestion-item:last-child{border-bottom:none}.ipu-invoice-panel-suggestion-item:hover{background:var(--ipu-bg-secondary);padding-left:1.25rem}.ipu-suggestion-main{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem;font-weight:600;color:var(--ipu-text-primary)}.ipu-suggestion-icon{color:var(--ipu-primary-color);flex-shrink:0}.ipu-invoice-panel-suggestion-details{font-size:.75rem;color:var(--ipu-text-secondary);display:block;margin-left:1.75rem}.ipu-invoice-panel-cards-section{flex:1;display:flex;flex-direction:column;background:var(--ipu-bg-primary);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border-color);box-shadow:var(--ipu-shadow-sm);overflow:hidden;min-height:300px}.ipu-invoice-panel-table-header{padding:.75rem 1.5rem;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.ipu-invoice-panel-table-title{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.95rem;font-weight:700;color:var(--ipu-text-white)}.ipu-section-icon{flex-shrink:0}.ipu-invoice-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto;max-height:350px}.ipu-invoice-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.ipu-invoice-table-wrapper::-webkit-scrollbar-track{background:#f5f5f5}.ipu-invoice-table-wrapper::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:var(--ipu-radius-sm)}.ipu-invoice-table-wrapper::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.ipu-invoice-items-table{width:100%;border-collapse:collapse;font-size:.8rem}.ipu-invoice-items-table thead{background:#f9fafb;position:sticky;top:0;z-index:10}.ipu-invoice-items-table th{padding:.6rem .8rem;text-align:left;font-weight:700;color:var(--ipu-text-primary);border-bottom:2px solid var(--ipu-border-color);white-space:nowrap;font-size:.75rem;text-transform:uppercase;letter-spacing:.025em}.ipu-invoice-items-table tbody tr{border-bottom:1px solid var(--ipu-border-light);transition:all var(--ipu-transition-fast);height:50px}.ipu-invoice-items-table tbody tr:hover{background:#f9fafb}.ipu-invoice-items-table tbody tr.ipu-empty-row:hover{background:transparent}.ipu-invoice-items-table td{padding:.6rem .8rem;vertical-align:middle}.ipu-table-item-thumb{width:40px;height:40px;border-radius:var(--ipu-radius-md);overflow:hidden;border:2px solid var(--ipu-border-color);display:flex;align-items:center;justify-content:center;background:var(--ipu-bg-secondary);flex-shrink:0}.ipu-table-item-thumb img{width:100%;height:100%;object-fit:cover}.ipu-product-name-cell{max-width:150px}.ipu-product-name-wrapper{display:flex;flex-direction:column;gap:.2rem}.ipu-product-name{font-weight:600;color:var(--ipu-text-primary);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.ipu-product-id{font-size:.7rem;color:var(--ipu-text-secondary);font-family:ui-monospace,SFMono-Regular,monospace}.ipu-barcode-cell{font-family:ui-monospace,SFMono-Regular,monospace;font-weight:600;color:var(--ipu-text-secondary);font-size:.75rem}.ipu-price-cell,.ipu-qty-cell,.ipu-amount-cell{font-weight:600;font-family:ui-monospace,SFMono-Regular,monospace;text-align:right;font-size:.8rem}.ipu-amount-cell{color:var(--ipu-success-color);font-weight:700}.ipu-actions-cell{text-align:center;display:flex;gap:.3rem;justify-content:center;flex-shrink:0}.ipu-table-action-btn{padding:.4rem;border:none;border-radius:var(--ipu-radius-md);cursor:pointer;transition:all var(--ipu-transition-fast);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.ipu-view-btn{background:#fbbf24;color:#fff}.ipu-view-btn:hover{background:#f59e0b;transform:translateY(-1px);box-shadow:var(--ipu-shadow-sm)}.ipu-delete-btn{background:var(--ipu-danger-color);color:var(--ipu-text-white)}.ipu-delete-btn:hover{background:var(--ipu-danger-dark);transform:translateY(-1px);box-shadow:var(--ipu-shadow-sm)}.pdm-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000a6;display:flex;align-items:center;justify-content:center;z-index:2000;padding:.5rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:pdm-fadeIn .3s ease-out}@keyframes pdm-fadeIn{0%{opacity:0}to{opacity:1}}.pdm-modal-container{position:relative;background:#fafafa;border-radius:10px;width:100%;max-width:750px;max-height:80vh;box-shadow:0 20px 60px #0000004d;border:2px solid #1a1a1a;animation:pdm-slideUp .3s ease-out;overflow:hidden;display:flex;flex-direction:column}@keyframes pdm-slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.pdm-modal-header{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff;padding:.75rem 1rem;border-bottom:2px solid #0f0f0f;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.pdm-modal-title-section{display:flex;align-items:center;gap:.5rem}.pdm-modal-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.3px;display:flex;align-items:center;gap:.5rem;color:#fff}.pdm-modal-title svg{flex-shrink:0;width:18px;height:18px}.pdm-close-btn{background:#ffffff26;color:#fff;border:none;border-radius:6px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0;padding:0}.pdm-close-btn:hover{background:#ffffff40;transform:scale(1.1)}.pdm-close-btn:active{transform:scale(.95)}.pdm-close-btn svg{width:16px;height:16px}.pdm-modal-body{padding:.875rem;overflow-y:auto;flex:1;background:#fafafa}.pdm-modal-body::-webkit-scrollbar{width:6px}.pdm-modal-body::-webkit-scrollbar-track{background:#f0f0f0;border-radius:10px}.pdm-modal-body::-webkit-scrollbar-thumb{background:#d0d0d0;border-radius:10px}.pdm-modal-body::-webkit-scrollbar-thumb:hover{background:#b0b0b0}.pdm-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem}.pdm-detail-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;padding:.65rem;transition:all .3s ease;display:flex;flex-direction:column;gap:.4rem;box-shadow:0 2px 6px #0000000a}.pdm-detail-card:hover{border-color:#1a1a1a;box-shadow:0 4px 12px #1a1a1a14;transform:translateY(-1px)}.pdm-detail-header{display:flex;align-items:center;gap:.35rem}.pdm-detail-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff;border-radius:5px;flex-shrink:0}.pdm-detail-icon svg{width:14px;height:14px}.pdm-detail-label{font-size:.65rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;line-height:1}.pdm-detail-value{font-size:.8rem;font-weight:600;color:#111827;word-break:break-word;line-height:1.3}.pdm-detail-value.pdm-code{font-family:ui-monospace,SFMono-Regular,monospace;background:#f3f4f6;padding:.35rem .5rem;border-radius:4px;font-size:.75rem;border-left:2px solid #1a1a1a;display:inline-block;max-width:100%;overflow-x:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.pdm-detail-value.pdm-price{color:#10b981;font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:.9rem}.pdm-modal-footer{display:flex;gap:.5rem;padding:.65rem .875rem;background:#f9fafb;border-top:1px solid #e0e0e0;justify-content:flex-end;flex-shrink:0}.pdm-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;display:flex;align-items:center;gap:.35rem;box-shadow:0 2px 6px #00000014}.pdm-btn-close{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff}.pdm-btn-close:hover{transform:translateY(-1px);box-shadow:0 4px 12px #1a1a1a26}.pdm-btn-close:active{transform:translateY(0)}.pdm-btn svg{width:14px;height:14px}@media(max-width:1024px){.pdm-modal-container{max-width:85%}.pdm-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.pdm-detail-card{padding:.6rem;gap:.35rem}.pdm-modal-body{padding:.75rem}}@media(max-width:768px){.pdm-modal-container{max-width:90%;max-height:85vh}.pdm-modal-header{padding:.65rem .875rem}.pdm-modal-title{font-size:.95rem}.pdm-modal-body{padding:.65rem}.pdm-details-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.55rem}.pdm-detail-card{padding:.55rem;gap:.3rem}.pdm-detail-label{font-size:.62rem}.pdm-detail-value{font-size:.75rem}.pdm-detail-value.pdm-code{font-size:.7rem;padding:.3rem .4rem}.pdm-modal-footer{padding:.55rem .75rem;gap:.4rem}.pdm-btn{padding:.45rem .85rem;font-size:.7rem}}@media(max-width:480px){.pdm-modal-container{max-width:95%;border-radius:8px}.pdm-modal-header{padding:.6rem .75rem;gap:.4rem}.pdm-modal-title{font-size:.9rem;gap:.35rem}.pdm-modal-title svg{width:16px;height:16px}.pdm-close-btn{width:30px;height:30px}.pdm-close-btn svg{width:14px;height:14px}.pdm-modal-body{padding:.55rem}.pdm-details-grid{grid-template-columns:1fr;gap:.5rem}.pdm-detail-card{padding:.5rem;gap:.25rem}.pdm-detail-header{gap:.3rem}.pdm-detail-icon{width:22px;height:22px}.pdm-detail-icon svg{width:12px;height:12px}.pdm-detail-label{font-size:.6rem}.pdm-detail-value{font-size:.72rem}.pdm-detail-value.pdm-code{font-size:.65rem;padding:.25rem .35rem}.pdm-detail-value.pdm-price{font-size:.85rem}.pdm-modal-footer{padding:.5rem .65rem;flex-direction:column}.pdm-btn{width:100%;justify-content:center;padding:.4rem .75rem;font-size:.68rem}}@media(prefers-color-scheme:dark){.pdm-modal-container,.pdm-modal-body{background:#1a1a1a}.pdm-detail-card{background:#2d2d2d;border-color:#3a3a3a}.pdm-detail-card:hover{border-color:#fff;box-shadow:0 4px 12px #ffffff1a}.pdm-detail-label{color:#9ca3af}.pdm-detail-value{color:#e5e7eb}.pdm-detail-value.pdm-code{background:#1a1a1a;border-left-color:#fff}.pdm-modal-footer{background:#2d2d2d;border-top-color:#3a3a3a}}@media print{.pdm-modal-overlay{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.pdm-modal-container{box-shadow:none;border:1px solid #ccc}.pdm-modal-footer{display:none}.pdm-details-grid{grid-template-columns:repeat(2,1fr)}}.pdm-close-btn:focus-visible,.pdm-btn:focus-visible{outline:2px solid #1a1a1a;outline-offset:2px}@media(prefers-reduced-motion:reduce){.pdm-modal-overlay,.pdm-modal-container,.pdm-detail-card,.pdm-btn{animation:none;transition:none}}.ipu-action-buttons-section{background:var(--ipu-bg-primary);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border-color);padding:.65rem;box-shadow:var(--ipu-shadow-sm);flex-shrink:0}.ipu-action-buttons-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .65rem;font-size:.75rem;font-weight:700;color:var(--ipu-text-primary);text-transform:uppercase;letter-spacing:.05em}.ipu-action-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem}.ipu-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.55rem;background:var(--ipu-bg-secondary);border:2px solid var(--ipu-border-color);border-radius:var(--ipu-radius-lg);cursor:pointer;transition:all var(--ipu-transition-base);position:relative;overflow:hidden;min-height:78px;font-size:.65rem;font-weight:600;color:var(--ipu-text-primary);white-space:normal;line-height:1.1}.ipu-action-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--button-color);opacity:0;transition:opacity var(--ipu-transition-base);z-index:-1}.ipu-action-button:hover{border-color:var(--button-color);color:var(--ipu-text-white);transform:translateY(-2px);box-shadow:var(--ipu-shadow-md)}.ipu-action-button:hover:before{opacity:.9}.ipu-action-button:active{transform:translateY(0)}.ipu-action-button-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--button-color);color:#fff;border-radius:var(--ipu-radius-md);transition:all var(--ipu-transition-base);flex-shrink:0}.ipu-action-button:hover .ipu-action-button-icon{transform:scale(1.15)}.ipu-action-button-label{text-align:center;line-height:1.1;word-break:break-word;font-size:.65rem;font-weight:600;color:inherit}.ipu-action-button-shortcut{font-size:.55rem;opacity:.7;font-family:monospace;margin-top:.1rem;font-weight:500}.ipu-summary-section{background:var(--ipu-bg-primary);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border-color);padding:.65rem;box-shadow:var(--ipu-shadow-sm);margin-top:auto;flex-shrink:0}.ipu-summary-title{display:flex;align-items:center;gap:.5rem;margin:0 0 .65rem;font-size:.75rem;font-weight:700;color:var(--ipu-text-primary);text-transform:uppercase;letter-spacing:.05em}.ipu-summary-items{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.65rem}.ipu-summary-item{display:flex;align-items:center;justify-content:space-between;padding:.45rem;background:var(--ipu-bg-secondary);border-radius:var(--ipu-radius-md);border-left:3px solid var(--ipu-primary-color)}.ipu-summary-item-label{font-size:.7rem;font-weight:600;color:var(--ipu-text-secondary)}.ipu-summary-item-value{font-size:.75rem;font-weight:700;color:var(--ipu-text-primary);font-family:monospace}.ipu-summary-item.ipu-total{background:linear-gradient(135deg,var(--ipu-primary-color) 0%,var(--ipu-primary-dark) 100%);border-left-color:var(--ipu-primary-color)}.ipu-summary-item.ipu-total .ipu-summary-item-label,.ipu-summary-item.ipu-total .ipu-summary-item-value{color:#fff}.ipu-payment-button-section{margin-top:.65rem}.ipu-invoice-panel-payment-btn{width:100%;padding:.65rem;background:linear-gradient(135deg,var(--ipu-success-color) 0%,var(--ipu-success-dark) 100%);color:var(--ipu-text-white);border:none;border-radius:var(--ipu-radius-lg);font-size:.8rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all var(--ipu-transition-base);box-shadow:var(--ipu-shadow-md)}.ipu-invoice-panel-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--ipu-shadow-lg)}.ipu-invoice-panel-payment-btn:active:not(:disabled){transform:translateY(0)}.ipu-invoice-panel-payment-btn:disabled{background:var(--ipu-bg-tertiary);color:var(--ipu-text-light);cursor:not-allowed;box-shadow:none}.invoice-product-modal-wrapper .ant-modal-content{background:var(--ipu-bg-primary)}.invoice-product-modal-wrapper .ant-modal-header{background:var(--ipu-bg-secondary);border-bottom:2px solid var(--ipu-border-color)}.invoice-product-modal-wrapper .ant-modal-title{color:var(--ipu-text-primary)}.invoice-product-modal-content{padding:1rem 0}.invoice-product-modal-image-container{width:100%;height:200px;background:var(--ipu-bg-secondary);border-radius:var(--ipu-radius-lg);overflow:hidden;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;border:2px solid var(--ipu-border-color)}.invoice-product-modal-image{width:100%;height:100%;object-fit:contain;padding:.5rem}.invoice-product-modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.invoice-product-modal-detail-item{display:flex;flex-direction:column;gap:.375rem;padding:.875rem;background:var(--ipu-bg-secondary);border-radius:var(--ipu-radius-md);border:1px solid var(--ipu-border-color);transition:all var(--ipu-transition-base)}.invoice-product-modal-detail-item:hover{border-color:var(--ipu-primary-color);transform:translateY(-2px);box-shadow:var(--ipu-shadow-sm)}.invoice-detail-item-label{display:flex;align-items:center;gap:.5rem;font-size:.7rem;font-weight:700;color:var(--ipu-text-secondary);text-transform:uppercase;letter-spacing:.025em}.invoice-detail-item-label svg{color:var(--ipu-primary-color);flex-shrink:0}.invoice-detail-item-value{font-size:.875rem;font-weight:600;color:var(--ipu-text-primary);word-break:break-word}.invoice-detail-item-value.invoice-detail-code{font-family:ui-monospace,SFMono-Regular,monospace;background:#f3f4f6;padding:.375rem .625rem;border-radius:var(--ipu-radius-sm);font-size:.8rem;display:inline-block}.invoice-detail-item-value.invoice-detail-price{color:var(--ipu-success-color);font-family:ui-monospace,SFMono-Regular,monospace;font-weight:700;font-size:1rem}@media(max-width:1600px){.ipu-invoice-panel-right{width:400px}.ipu-action-button{min-height:76px;font-size:.64rem;padding:.5rem}.ipu-action-button-icon{width:22px;height:22px}}@media(max-width:1400px){.ipu-invoice-panel-right{width:380px}.ipu-action-buttons-grid{grid-template-columns:repeat(4,1fr)}.ipu-action-button{min-height:74px;font-size:.62rem;padding:.5rem}.ipu-action-button-icon{width:22px;height:22px}}@media(max-width:1200px){.ipu-invoice-panel-right{width:360px}.ipu-action-buttons-grid{grid-template-columns:repeat(4,1fr)}.ipu-action-button{min-height:72px;font-size:.6rem;padding:.48rem;gap:.25rem}.ipu-action-button-label{font-size:.6rem}.ipu-action-button-icon{width:20px;height:20px}}@media(max-width:1024px){.ipu-invoice-panel-right{width:340px}.ipu-action-buttons-grid{grid-template-columns:repeat(4,1fr)}.ipu-action-button{min-height:70px;font-size:.58rem;padding:.45rem}.ipu-action-button-icon{width:20px;height:20px}.ipu-action-button-label{font-size:.58rem}.ipu-invoice-panel-user-info{flex-direction:column;gap:.5rem;align-items:flex-end}.ipu-invoice-table-wrapper{max-height:300px}.ipu-invoice-items-table tbody tr{height:45px}}@media(max-width:768px){.ipu-panel-container{padding:.5rem}.ipu-invoice-panel-main{flex-direction:column;padding:.5rem}.ipu-invoice-panel-right{width:100%;max-height:45vh}.ipu-action-buttons-grid{grid-template-columns:repeat(3,1fr)}.ipu-action-button{min-height:65px;font-size:.55rem}.ipu-action-button-label{font-size:.55rem}.ipu-invoice-panel-search-row{flex-wrap:wrap}.ipu-invoice-panel-input-group{flex:1 1 100%}.invoice-product-modal-details-grid{grid-template-columns:1fr}.invoice-product-modal-image-container{height:150px}.ipu-invoice-items-table{font-size:.7rem}.ipu-table-item-thumb{width:35px;height:35px}.ipu-invoice-table-wrapper{max-height:250px}.ipu-invoice-items-table tbody tr{height:40px}}@media(max-width:480px){.ipu-invoice-panel-right{width:100%;max-height:40vh}.ipu-action-buttons-grid{grid-template-columns:repeat(2,1fr)}.ipu-action-button{min-height:60px;font-size:.5rem;padding:.35rem}.ipu-action-button-label{font-size:.5rem}.ipu-action-button-icon{width:18px;height:18px}.ipu-invoice-panel-title{font-size:1rem}.ipu-invoice-items-table{font-size:.65rem}.ipu-table-item-thumb{width:30px;height:30px}.ipu-invoice-panel-user-info{flex-direction:column;gap:.25rem;align-items:flex-end;font-size:.7rem}.ipu-invoice-table-wrapper{max-height:200px}.ipu-invoice-items-table tbody tr{height:35px}}@media print{.ipu-panel-container{background:#fff;padding:0}.ipu-invoice-panel-header,.ipu-invoice-panel-right,.ipu-payment-button-section{display:none}.ipu-invoice-panel-main{padding:0}.ipu-invoice-items-table{page-break-inside:avoid}}.ipu-empty-row{height:45px}.ipu-empty-row:hover{background:transparent!important}.ipu-invoice-panel-input:focus-visible,.ipu-invoice-panel-search-type:focus-visible,.ipu-action-button:focus-visible,.ipu-table-action-btn:focus-visible,.ipu-invoice-panel-payment-btn:focus-visible{outline:2px solid var(--ipu-primary-color);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ipu-action-button,.ipu-invoice-panel-input,.ipu-table-action-btn,.ipu-invoice-panel-payment-btn{transition:none;animation:none}}.apm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:apmFadeIn .2s ease-in-out}@keyframes apmFadeIn{0%{opacity:0}to{opacity:1}}.apm-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:1100px;height:800px;display:flex;flex-direction:column;animation:apmSlideUp .3s ease-out;overflow:hidden}@keyframes apmSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.apm-header{padding:14px 18px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.apm-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}.apm-close{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.apm-close:hover{background:#ffffff40;transform:rotate(90deg)}.apm-content{flex:1;overflow-y:auto;padding:16px;background:#fff;display:flex;flex-direction:column;gap:14px}.apm-section{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid #e5e7eb;border-radius:8px;padding:14px;box-shadow:0 1px 3px #0000000d;transition:all .2s ease}.apm-section:hover{box-shadow:0 4px 6px #00000014}.apm-section-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1a1a1a;font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;padding-bottom:8px;border-bottom:2px solid #d1d5db}.apm-section-title svg{color:#6b7280;flex-shrink:0}.apm-form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px}.apm-form-row.apm-form-row-3col{grid-template-columns:repeat(3,1fr)}.apm-form-row.apm-form-row-full{grid-template-columns:1fr}.apm-form-group{display:flex;flex-direction:column;gap:6px}.apm-form-group label{display:block;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.apm-form-group label span.required{color:#dc2626;margin-left:2px}.apm-input-wrapper{position:relative;display:flex;align-items:center}.apm-input,.apm-select,.apm-textarea{width:100%;padding:9px 10px 9px 32px;border:1.5px solid #d1d5db;border-radius:6px;font-size:12px;background:#fff;color:#1a1a1a;transition:all .2s ease;font-family:inherit}.apm-input:focus,.apm-select:focus,.apm-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a14;background:#fafbfc}.apm-input:disabled,.apm-input-readonly{background-color:#f3f4f6;cursor:not-allowed;opacity:.75;color:#6b7280}.apm-input-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;flex-shrink:0}.apm-textarea{padding:9px 10px;resize:vertical;min-height:70px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.apm-suggestions{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;max-height:180px;overflow-y:auto;z-index:100;box-shadow:0 10px 25px #00000026}.apm-suggestion-item{padding:10px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:all .15s ease;display:flex;justify-content:space-between;align-items:center}.apm-suggestion-item:hover{background:#f0f9ff;border-left:3px solid #0369a1;padding-left:9px}.apm-suggestion-item:last-child{border-bottom:none}.apm-suggestion-main{display:flex;flex-direction:column;gap:3px;flex:1}.apm-suggestion-main strong{font-weight:700;color:#1a1a1a;font-size:12px}.apm-suggestion-id{font-size:10px;color:#9ca3af;font-weight:600;background:#f3f4f6;padding:2px 6px;border-radius:3px;width:fit-content}.apm-suggestion-mobile{font-size:11px;color:#6b7280;font-weight:500}.apm-customer-search-group{margin-bottom:12px}.apm-customer-details{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.apm-customer-details.apm-customer-details-2col{grid-template-columns:repeat(2,1fr)}.apm-customer-details-item{display:flex;flex-direction:column;gap:6px}.apm-customer-details-item label{font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.apm-customer-details-item input{padding:8px 10px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;background:#fff;color:#1a1a1a;transition:all .2s ease}.apm-customer-details-item input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.apm-customer-details-item input:disabled{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.apm-bike-details{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1.5px solid #fbbf24;border-radius:8px;padding:12px;margin-top:8px;box-shadow:0 2px 8px #fbbf241a}.apm-bike-header{font-weight:700;color:#92400e;margin-bottom:10px;padding-bottom:8px;border-bottom:2px solid #fbbf24;font-size:12px;text-transform:uppercase;letter-spacing:.3px}.apm-bike-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.apm-bike-grid.apm-bike-grid-2col{grid-template-columns:repeat(2,1fr)}.apm-bike-item{display:flex;flex-direction:column;gap:3px;padding:8px;background:#ffffffb3;border-radius:5px;border:1px solid rgba(251,191,36,.3);font-size:11px;transition:all .2s ease}.apm-bike-item:hover{background:#fff;box-shadow:0 2px 4px #0000000d}.apm-bike-item.highlight{background:linear-gradient(135deg,#fef3c7,#fef9e7);border:1.5px solid #f59e0b;padding:10px;font-weight:600}.apm-bike-label{color:#6b7280;font-weight:700;text-transform:uppercase;letter-spacing:.2px;font-size:10px}.apm-bike-value{color:#1a1a1a;font-weight:600;font-size:12px}.apm-bike-item.highlight .apm-bike-value{color:#d97706;font-size:13px}.apm-summary{background:linear-gradient(135deg,#dbeafe,#e0f2fe);border:1.5px solid #0284c7;border-radius:8px;padding:12px;margin-top:10px;box-shadow:0 2px 8px #0284c71a}.apm-summary-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:12px;color:#1a1a1a;border-bottom:1px solid rgba(2,132,199,.2)}.apm-summary-row:last-child{border-bottom:none}.apm-summary-row span:first-child{font-weight:600;color:#0c4a6e}.apm-summary-row span:last-child{font-weight:700;color:#0369a1}.apm-summary-row.apm-summary-total{border-top:2px solid #0284c7;padding-top:10px;margin-top:8px;font-size:13px}.apm-summary-row.apm-summary-total span:last-child{color:#0c4a6e;font-size:14px}.apm-highlight{color:#dc2626;font-weight:700}.apm-highlight-success{color:#059669;font-weight:700}.apm-footer{display:flex;gap:10px;padding:12px;border-top:1px solid #e5e7eb;background:linear-gradient(135deg,#f9fafb,#f3f4f6)}.apm-btn{flex:1;padding:10px 14px;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;justify-content:center;gap:6px}.apm-btn-primary{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);color:#fff;box-shadow:0 4px 12px #00000026}.apm-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0f0f0f,#000);transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.apm-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.apm-btn-secondary{background:#e5e7eb;color:#1a1a1a;border:1px solid #d1d5db}.apm-btn-secondary:hover{background:#d1d5db;transform:translateY(-1px)}.apm-content::-webkit-scrollbar{width:8px}.apm-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.apm-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d1d5db,#9ca3af);border-radius:4px;border:2px solid #f3f4f6}.apm-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#9ca3af,#6b7280)}.apm-suggestions::-webkit-scrollbar{width:6px}.apm-suggestions::-webkit-scrollbar-track{background:#f9fafb}.apm-suggestions::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.apm-suggestions::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:1200px){.apm-modal{width:95%;height:85vh}.apm-customer-details,.apm-bike-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:992px){.apm-modal{width:98%;height:90vh}.apm-form-row{grid-template-columns:1fr}.apm-form-row.apm-form-row-3col,.apm-customer-details{grid-template-columns:repeat(2,1fr)}.apm-bike-grid{grid-template-columns:1fr}}@media(max-width:768px){.apm-modal{width:98%;height:95vh;border-radius:8px}.apm-header{padding:12px}.apm-title{font-size:14px}.apm-content{padding:12px;gap:10px}.apm-section{padding:10px}.apm-section-title{font-size:12px;margin-bottom:8px}.apm-form-row,.apm-form-row.apm-form-row-3col,.apm-customer-details,.apm-customer-details.apm-customer-details-2col,.apm-bike-grid,.apm-bike-grid.apm-bike-grid-2col{grid-template-columns:1fr;gap:8px}.apm-btn{font-size:11px;padding:9px 12px}.apm-footer{gap:8px;padding:10px}.apm-input,.apm-select,.apm-textarea{font-size:11px;padding:8px 10px 8px 30px}}@media(max-width:480px){.apm-modal{width:100%;height:100vh;border-radius:0}.apm-header{padding:10px}.apm-title{font-size:13px}.apm-close{width:28px;height:28px}.apm-content{padding:10px;gap:8px}.apm-section{padding:8px}.apm-section-title{font-size:11px;gap:6px}.apm-form-group label{font-size:10px}.apm-input,.apm-select,.apm-textarea{font-size:10px;padding:7px 10px 7px 28px}.apm-btn{font-size:10px;padding:8px 10px}.apm-bike-item{font-size:10px;padding:6px}.apm-summary-row{font-size:11px;padding:6px 0}}.apm-text-center{text-align:center}.apm-text-muted{color:#6b7280}.apm-text-error{color:#dc2626}.apm-text-success{color:#059669}.apm-text-warning{color:#f59e0b}.apm-mt-0{margin-top:0}.apm-mt-1{margin-top:4px}.apm-mt-2{margin-top:8px}.apm-mt-3{margin-top:12px}.apm-mt-4{margin-top:16px}.apm-mb-0{margin-bottom:0}.apm-mb-1{margin-bottom:4px}.apm-mb-2{margin-bottom:8px}.apm-mb-3{margin-bottom:12px}.apm-mb-4{margin-bottom:16px}.rfm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:rfmFadeIn .2s ease-in-out}@keyframes rfmFadeIn{0%{opacity:0}to{opacity:1}}.rfm-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:420px;display:flex;flex-direction:column;position:relative;animation:rfmSlideUp .3s ease-out;overflow:hidden}@keyframes rfmSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.rfm-loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:40px 32px;box-shadow:0 25px 50px #0000004d;display:flex;align-items:center;justify-content:center;z-index:2000;min-width:280px;animation:rfmLoadingSlideIn .3s ease-out}@keyframes rfmLoadingSlideIn{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.rfm-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.rfm-spinner{display:flex;align-items:center;justify-content:center;color:#1a1a1a;animation:rfmSpin 1s linear infinite}@keyframes rfmSpin{to{transform:rotate(360deg)}}.rfm-loading-text{font-size:14px;font-weight:600;color:#1a1a1a}.rfm-header{padding:16px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border-radius:10px 10px 0 0}.rfm-title{font-size:16px;font-weight:700;color:#fff;margin:0}.rfm-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.rfm-close-btn:hover:not(:disabled){background:#ffffff40}.rfm-close-btn:disabled{opacity:.5;cursor:not-allowed}.rfm-body{padding:16px 18px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:#fff}.rfm-field-group{display:flex;flex-direction:column;gap:6px}.rfm-label{font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.rfm-required{color:#dc2626;font-size:13px}.rfm-input{width:100%;padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:inherit;transition:all .2s ease;background:#fff;color:#1a1a1a}.rfm-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.rfm-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.rfm-hint{font-size:11px;color:#9ca3af;margin-top:1px}.rfm-input-wrapper{position:relative;display:flex;align-items:center}.rfm-currency{position:absolute;left:10px;font-weight:600;color:#6b7280;font-size:13px}.rfm-amount-input{padding-left:32px!important}.rfm-preview-card{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:12px 14px;margin-top:4px}.rfm-preview-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.rfm-preview-name{font-size:13px;font-weight:600;color:#1a1a1a}.rfm-preview-amount{font-size:14px;font-weight:700;color:#1a1a1a}.rfm-footer{padding:12px 18px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 10px 10px;display:flex;gap:10px;justify-content:flex-end}.rfm-btn{padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center}.rfm-btn:disabled{opacity:.5;cursor:not-allowed}.rfm-btn-cancel{background:#e5e7eb;color:#1a1a1a}.rfm-btn-cancel:hover:not(:disabled){background:#d1d5db}.rfm-btn-add{background:#1a1a1a;color:#fff}.rfm-btn-add:hover:not(:disabled){background:#000;box-shadow:0 6px 12px #00000040}.rfm-btn-spinner{animation:rfmSpin 1s linear infinite}.rfm-body::-webkit-scrollbar{width:5px}.rfm-body::-webkit-scrollbar-track{background:#f3f4f6}.rfm-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.rfm-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:600px){.rfm-modal{max-width:95%}.rfm-header{padding:14px 16px}.rfm-body{padding:14px 16px;gap:12px}.rfm-footer{padding:10px 16px;flex-direction:column-reverse}.rfm-btn{width:100%}.rfm-title{font-size:15px}.rfm-loading-overlay{min-width:260px;padding:36px 28px}}.im-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:imFadeIn .2s ease-in-out}@keyframes imFadeIn{0%{opacity:0}to{opacity:1}}.im-modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #0000004d;width:90%;max-width:420px;display:flex;flex-direction:column;position:relative;animation:imSlideUp .3s ease-out;overflow:hidden}@keyframes imSlideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.im-loading-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;padding:40px 32px;box-shadow:0 25px 50px #0000004d;display:flex;align-items:center;justify-content:center;z-index:2000;min-width:280px;animation:imLoadingSlideIn .3s ease-out}@keyframes imLoadingSlideIn{0%{transform:translate(-50%,-50%) scale(.95);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.im-loading-content{display:flex;flex-direction:column;align-items:center;gap:16px}.im-spinner{display:flex;align-items:center;justify-content:center;color:#1a1a1a;animation:imSpin 1s linear infinite}@keyframes imSpin{to{transform:rotate(360deg)}}.im-loading-text{font-size:14px;font-weight:600;color:#1a1a1a}.im-header{padding:16px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#1a1a1a;border-radius:10px 10px 0 0}.im-title{font-size:16px;font-weight:700;color:#fff;margin:0}.im-close-btn{background:#ffffff26;border:none;color:#fff;width:32px;height:32px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.im-close-btn:hover:not(:disabled){background:#ffffff40}.im-close-btn:disabled{opacity:.5;cursor:not-allowed}.im-body{padding:16px 18px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;background:#fff}.im-field-group{display:flex;flex-direction:column;gap:6px}.im-label{font-size:12px;font-weight:600;color:#1a1a1a;text-transform:uppercase;letter-spacing:.2px;display:flex;align-items:center;gap:4px}.im-required{color:#dc2626;font-size:13px}.im-dropdown-wrapper{position:relative}.im-dropdown-btn{width:100%;padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:#1a1a1a;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:center;text-align:left}.im-dropdown-btn:hover:not(:disabled){border-color:#d1d5db}.im-dropdown-btn:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.im-dropdown-btn:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.im-dropdown-icon{transition:transform .2s ease;color:#6b7280}.im-dropdown-icon.open{transform:rotate(180deg)}.im-dropdown-menu{position:absolute;top:100%;left:0;right:0;background:#fff;border:1.5px solid #e5e7eb;border-top:none;border-radius:0 0 6px 6px;box-shadow:0 4px 12px #0000001a;z-index:10;overflow:hidden;animation:imDropdownSlide .2s ease-out}@keyframes imDropdownSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.im-dropdown-item{width:100%;padding:8px 10px;border:none;background:#fff;color:#1a1a1a;font-size:13px;cursor:pointer;text-align:left;transition:all .2s ease;font-family:inherit}.im-dropdown-item:hover:not(:disabled){background:#f3f4f6}.im-dropdown-item.active{background:#e5e7eb;font-weight:600}.im-dropdown-item:disabled{color:#9ca3af;cursor:not-allowed}.im-input{width:100%;padding:8px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:13px;font-family:inherit;transition:all .2s ease;background:#fff;color:#1a1a1a}.im-input:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.im-input:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.im-hint{font-size:11px;color:#9ca3af;margin-top:1px}.im-input-wrapper{position:relative;display:flex;align-items:center}.im-currency{position:absolute;left:10px;font-weight:600;color:#6b7280;font-size:13px}.im-amount-input{padding-left:32px!important}.im-preview-card{background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:8px;padding:12px 14px;margin-top:4px}.im-preview-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.im-preview-name{font-size:13px;font-weight:600;color:#1a1a1a}.im-preview-amount{font-size:14px;font-weight:700;color:#1a1a1a}.im-footer{padding:12px 18px;border-top:1px solid #e5e7eb;background:#fff;border-radius:0 0 10px 10px;display:flex;gap:10px;justify-content:flex-end}.im-btn{padding:8px 16px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;min-width:100px;justify-content:center}.im-btn:disabled{opacity:.5;cursor:not-allowed}.im-btn-cancel{background:#e5e7eb;color:#1a1a1a}.im-btn-cancel:hover:not(:disabled){background:#d1d5db}.im-btn-add{background:#1a1a1a;color:#fff}.im-btn-add:hover:not(:disabled){background:#000;box-shadow:0 6px 12px #00000040}.im-btn-spinner{animation:imSpin 1s linear infinite}.im-body::-webkit-scrollbar{width:5px}.im-body::-webkit-scrollbar-track{background:#f3f4f6}.im-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.im-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media(max-width:600px){.im-modal{max-width:95%}.im-header{padding:14px 16px}.im-body{padding:14px 16px;gap:12px}.im-footer{padding:10px 16px;flex-direction:column-reverse}.im-btn{width:100%}.im-title{font-size:15px}.im-loading-overlay{min-width:260px;padding:36px 28px}}.view-expense-container{padding:12px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.view-expense-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.view-expense-header-content{flex:1;min-width:250px}.view-expense-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.view-expense-subtitle{font-size:12px;color:#6c757d;margin:4px 0 0;font-weight:500}.view-expense-view-tabs{display:flex;gap:6px;margin-bottom:12px;background:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap}.view-expense-view-tab{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.view-expense-view-tab:hover{border-color:#1a1a1a;color:#1a1a1a}.view-expense-view-tab.active{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff;border-color:#1a1a1a;box-shadow:0 2px 8px #1a1a1a33}.view-expense-filters-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px}.view-expense-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px}.view-expense-filter-group{display:flex;flex-direction:column;gap:4px}.view-expense-filter-label{font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:3px}.view-expense-filter-input,.view-expense-filter-select{padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.view-expense-filter-input:hover,.view-expense-filter-select:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.view-expense-filter-input:focus,.view-expense-filter-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.view-expense-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:14px;padding-right:24px;cursor:pointer}.view-expense-filter-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.view-expense-btn-action-primary,.view-expense-btn-action-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.view-expense-btn-action-primary{background:#2d3748;color:#fff;box-shadow:0 2px 8px #2d374833}.view-expense-btn-action-primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #2d37484d}.view-expense-btn-action-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.view-expense-btn-action-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.view-expense-btn-action-primary:disabled,.view-expense-btn-action-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.view-expense-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.view-expense-stat-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;border-left:3px solid;transition:all .3s ease}.view-expense-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.view-expense-stat-purple{border-left-color:#667eea}.view-expense-stat-blue{border-left-color:#0d6efd}.view-expense-stat-green{border-left-color:#28a745}.view-expense-stat-orange{border-left-color:#ffc107}.view-expense-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.view-expense-stat-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.view-expense-stat-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f8f9fa;border-radius:6px;color:#495057}.view-expense-stat-value{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.view-expense-stat-footer{font-size:11px;color:#6c757d;font-weight:500}.view-expense-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:12px}.view-expense-table-wrapper{overflow-x:auto;max-height:600px;position:relative}.view-expense-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.view-expense-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.view-expense-table thead th{padding:10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.view-expense-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.view-expense-table tbody tr:hover{background:#f8f9fa}.view-expense-table tbody td{padding:10px;color:#2d3748;vertical-align:middle}.view-expense-amount-cell{font-weight:600;color:#1a1a1a}.view-expense-action-group{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.view-expense-action-btn{display:flex;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border:2px solid #dc3545;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s ease;background:#fff;color:#dc3545;text-transform:uppercase;letter-spacing:.3px}.view-expense-action-delete{border-color:#dc3545;color:#dc3545;background:#fff}.view-expense-action-delete:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.view-expense-action-delete:active{transform:translateY(0)}.view-expense-action-delete:disabled{opacity:.5;cursor:not-allowed;transform:none}.view-expense-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.view-expense-no-data img{width:100px;height:auto;opacity:.6;margin-bottom:10px}.view-expense-no-data p{font-size:13px;color:#6c757d;margin:0}.view-expense-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:view-expense-spin .8s linear infinite;margin-bottom:12px}@keyframes view-expense-spin{to{transform:rotate(360deg)}}.view-expense-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;flex-wrap:wrap;background:#fff;border-top:1px solid #e9ecef}.view-expense-pagination-btn{padding:6px 10px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:11px}.view-expense-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.view-expense-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.view-expense-pagination-info{display:flex;align-items:center;gap:6px;font-size:11px;color:#495057;font-weight:600}.view-expense-pagination-input{width:50px;padding:4px 6px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:11px;font-weight:600;color:#1a1a1a}.view-expense-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.view-expense-pagination-text{font-size:11px;color:#495057;font-weight:600;min-width:100px}.view-expense-export-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px}.view-expense-export-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.view-expense-export-buttons{display:flex;gap:8px;flex-wrap:wrap}.view-expense-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:2px solid;border-radius:6px;background:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.view-expense-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000001a;color:#fff}.view-expense-export-btn:disabled{opacity:.4;cursor:not-allowed}.view-expense-export-excel{border-color:#28a745;color:#28a745}.view-expense-export-excel:hover:not(:disabled){background:#28a745}.view-expense-export-csv{border-color:#17a2b8;color:#17a2b8}.view-expense-export-csv:hover:not(:disabled){background:#17a2b8}.view-expense-export-pdf{border-color:#dc3545;color:#dc3545}.view-expense-export-pdf:hover:not(:disabled){background:#dc3545}.view-expense-analytics-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f}.view-expense-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;margin-bottom:12px}.view-expense-chart-container{background:#fff;border-radius:8px;padding:12px;border:1px solid #e9ecef}.view-expense-section-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.view-expense-panel-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%)}.view-expense-no-access-panel{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;max-width:400px;text-align:center}.view-expense-no-access-image{width:150px;height:auto;margin-bottom:16px}.view-expense-no-access-panel h3{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 10px}.view-expense-no-access-panel p{font-size:13px;color:#6c757d;line-height:1.5;margin:0}@media(max-width:1024px){.view-expense-stats-grid,.view-expense-filters-grid{grid-template-columns:repeat(2,1fr)}.view-expense-charts-row{grid-template-columns:1fr}}@media(max-width:768px){.view-expense-container{padding:8px}.view-expense-header{padding:10px 12px}.view-expense-title{font-size:16px}.view-expense-stats-grid,.view-expense-filters-grid{grid-template-columns:1fr}.view-expense-filter-actions{width:100%;justify-content:stretch}.view-expense-btn-action-primary,.view-expense-btn-action-secondary{flex:1}.view-expense-export-buttons{width:100%}.view-expense-export-btn{flex:1;justify-content:center}.view-expense-table{font-size:11px}.view-expense-table thead th,.view-expense-table tbody td{padding:8px}}@media(max-width:480px){.view-expense-title{font-size:14px}.view-expense-table{font-size:10px}.view-expense-table thead th,.view-expense-table tbody td{padding:6px}.view-expense-pagination-btn{padding:4px 8px;font-size:10px}.view-expense-export-btn{font-size:9px;padding:6px 8px}.view-expense-stat-value{font-size:16px}.view-expense-view-tabs{flex-direction:column}.view-expense-view-tab{width:100%}.view-expense-charts-row{grid-template-columns:1fr}}.view-expense-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.view-expense-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.view-expense-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.view-expense-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.view-expense-header,.view-expense-view-tabs,.view-expense-filters-section,.view-expense-export-section,.view-expense-pagination{display:none}.view-expense-container{background:#fff;padding:0}.view-expense-table-section{box-shadow:none;page-break-inside:avoid}.view-expense-stats-grid{page-break-inside:avoid}}.bank-trans-container{background:#f8f8f8;min-height:100vh;padding:.75rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.bank-trans-header{background:#2d3748;color:#fff;padding:.75rem 1rem;border-radius:6px;margin-bottom:.75rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.bank-trans-header-left{display:flex;align-items:flex-start;gap:.5rem}.bank-trans-title{font-size:1.3rem;font-weight:700;margin:0;display:flex;align-items:center;gap:.4rem}.bank-trans-subtitle{font-size:.75rem;color:#cbd5e0;margin:.2rem 0 0 1.7rem;letter-spacing:0px}.bank-trans-reset-btn{background:#fff;color:#2d3748;border:none;padding:.4rem .8rem;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-weight:600;font-size:.8rem;transition:all .2s}.bank-trans-reset-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.bank-trans-filters-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;margin-bottom:.75rem}.bank-trans-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem;margin-bottom:.5rem}.bank-trans-filter-row:last-child{margin-bottom:0}.bank-trans-filter-group{display:flex;flex-direction:column;gap:.2rem}.bank-trans-filter-label{font-size:.7rem;font-weight:600;color:#4a5568;display:flex;align-items:center;gap:.2rem;text-transform:uppercase;letter-spacing:0px}.bank-trans-input,.bank-trans-select{padding:.4rem .6rem;border:1px solid #cbd5e0;border-radius:3px;font-size:.8rem;outline:none;transition:border-color .2s}.bank-trans-input:focus,.bank-trans-select:focus{border-color:#4299e1;box-shadow:0 0 0 2px #4299e11a}.bank-trans-time-display{padding:.4rem .6rem;background:#f7fafc;border:1px solid #cbd5e0;border-radius:3px;display:flex;align-items:center}.bank-trans-time-badge{background:#bee3f8;color:#2c5282;padding:.2rem .5rem;border-radius:2px;font-weight:600;font-size:.75rem}.bank-trans-search-section{margin-top:.5rem}.bank-trans-search-box{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;background:#f7fafc;border:1px solid #cbd5e0;border-radius:3px}.bank-trans-search-input{flex:1;border:none;background:transparent;outline:none;font-size:.8rem}.bank-trans-stats-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin-bottom:.75rem}.bank-trans-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.75rem;display:flex;align-items:center;gap:.6rem;transition:all .2s}.bank-trans-stat-card:hover{border-color:#cbd5e0;box-shadow:0 2px 8px #0000000f}.bank-trans-stat-icon{width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.bank-trans-stat-icon.transactions{background:#4299e1}.bank-trans-stat-icon.amount{background:#48bb78}.bank-trans-stat-icon.average{background:#ed8936}.bank-trans-stat-content{flex:1;min-width:0}.bank-trans-stat-number{font-size:1.1rem;font-weight:700;color:#2d3748;line-height:1}.bank-trans-stat-label{font-size:.7rem;color:#718096;margin-top:.1rem}.bank-trans-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;overflow:hidden;margin-bottom:.75rem}.bank-trans-table-wrapper{overflow-x:auto}.bank-trans-table{width:100%;border-collapse:collapse;font-size:.8rem}.bank-trans-table thead{background:#f7fafc;border-bottom:1px solid #e2e8f0}.bank-trans-table th{padding:.5rem;text-align:left;font-weight:700;color:#2d3748;text-transform:uppercase;font-size:.65rem;letter-spacing:0px;white-space:nowrap}.bank-trans-table tbody tr{border-bottom:1px solid #e2e8f0;transition:background .2s}.bank-trans-table tbody tr:hover{background:#f7fafc}.bank-trans-table td{padding:.5rem;color:#4a5568}.bank-trans-bank{font-weight:600;color:#2d3748;font-size:.8rem}.bank-trans-account{font-family:Courier New,monospace;font-size:.75rem;color:#718096}.bank-trans-amount-badge{background:#c6f6d5;color:#22543d;padding:.2rem .4rem;border-radius:3px;font-weight:600;font-size:.75rem;display:inline-block}.bank-trans-user-info{display:flex;align-items:center;gap:.3rem}.bank-trans-user-avatar{width:24px;height:24px;border-radius:50%;background:#4299e1;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.7rem;flex-shrink:0}.bank-trans-category-badge{background:#bee3f8;color:#2c5282;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-weight:500;display:inline-block}.bank-trans-datetime-content{display:flex;flex-direction:column;gap:.1rem}.bank-trans-date{font-weight:500;color:#2d3748;font-size:.75rem}.bank-trans-time{font-size:.7rem;color:#718096}.bank-trans-ref-badge{background:#feebc8;color:#7c2d12;padding:.2rem .4rem;border-radius:3px;font-size:.7rem;font-family:Courier New,monospace;display:inline-block}.bank-trans-image-btn{background:#4299e1;color:#fff;border:none;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .2s}.bank-trans-image-btn:hover{background:#3182ce;transform:translateY(-1px)}.bank-trans-no-image{color:#cbd5e0;font-size:.75rem}.bank-trans-pagination-section{padding:.6rem;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;justify-content:center}.bank-trans-pagination-controls{display:flex;align-items:center;gap:.5rem}.bank-trans-pagination-btn{background:#4299e1;color:#fff;border:none;padding:.3rem .6rem;border-radius:3px;cursor:pointer;font-weight:600;font-size:.75rem;transition:all .2s}.bank-trans-pagination-btn:hover:not(:disabled){background:#3182ce;transform:translateY(-1px)}.bank-trans-pagination-btn:disabled{background:#cbd5e0;cursor:not-allowed}.bank-trans-pagination-goto{display:flex;align-items:center;gap:.3rem;font-size:.75rem;color:#4a5568}.bank-trans-pagination-input{width:40px;padding:.3rem;border:1px solid #cbd5e0;border-radius:3px;text-align:center;font-weight:600;font-size:.75rem}.bank-trans-export-section{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.6rem .75rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem}.bank-trans-export-info{font-weight:600;color:#2d3748;font-size:.8rem}.bank-trans-export-buttons{display:flex;gap:.4rem}.bank-trans-export-btn{border:none;padding:.4rem .8rem;border-radius:3px;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-size:.75rem;font-weight:600;transition:all .2s}.bank-trans-export-btn.excel{background:#48bb78;color:#fff}.bank-trans-export-btn.excel:hover{background:#38a169}.bank-trans-export-btn.csv{background:#4299e1;color:#fff}.bank-trans-export-btn.csv:hover{background:#3182ce}.bank-trans-export-btn.pdf{background:#ed8936;color:#fff}.bank-trans-export-btn.pdf:hover{background:#dd6b20}.bank-trans-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}.bank-trans-modal-content{background:#fff;border-radius:6px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto}.bank-trans-modal-header{padding:.75rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.bank-trans-modal-header h3{margin:0;font-size:1rem;color:#2d3748}.bank-trans-modal-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#718096;transition:color .2s;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bank-trans-modal-close:hover{color:#2d3748}.bank-trans-modal-body{padding:1rem;text-align:center}.bank-trans-modal-image{max-width:100%;max-height:400px;border-radius:4px}.bank-trans-modal-footer{padding:.75rem;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:.5rem}.bank-trans-modal-close-btn{background:#e2e8f0;color:#2d3748;border:none;padding:.4rem .8rem;border-radius:3px;cursor:pointer;font-weight:600;font-size:.8rem;transition:all .2s}.bank-trans-modal-close-btn:hover{background:#cbd5e0}.bank-trans-loading-state,.bank-trans-no-data-container{padding:2rem 1rem;text-align:center;color:#718096}.bank-trans-spinner{width:30px;height:30px;border:3px solid #e2e8f0;border-top-color:#4299e1;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto .75rem}@keyframes spin{to{transform:rotate(360deg)}}.bank-trans-no-data-image{max-width:150px;margin-bottom:.75rem;opacity:.7}.bank-trans-loading-panel,.bank-trans-no-access-panel{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1.5rem;text-align:center}.bank-trans-no-access-image{max-width:150px;margin-bottom:.75rem}@media(max-width:768px){.bank-trans-container{padding:.5rem}.bank-trans-header{flex-direction:column;padding:.5rem .75rem}.bank-trans-filter-row{grid-template-columns:repeat(2,1fr)}.bank-trans-stats-section{grid-template-columns:1fr}.bank-trans-table{font-size:.75rem}.bank-trans-table th,.bank-trans-table td{padding:.4rem}.bank-trans-export-section{flex-direction:column;align-items:stretch}.bank-trans-export-buttons{width:100%}.bank-trans-export-btn{flex:1;justify-content:center}}@media(max-width:480px){.bank-trans-filter-row{grid-template-columns:1fr}.bank-trans-table th,.bank-trans-table td{padding:.3rem;font-size:.7rem}}.vap-container{padding:12px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.vap-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:14px 16px;background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap;gap:12px}.vap-header-content{flex:1;min-width:250px}.vap-title{font-size:20px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.vap-subtitle{font-size:12px;color:#6c757d;margin:4px 0 0;font-weight:500}.vap-view-tabs{display:flex;gap:6px;margin-bottom:12px;background:#fff;padding:10px 12px;border-radius:8px;box-shadow:0 2px 6px #0000000f;flex-wrap:wrap}.vap-view-tab{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:2px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.vap-view-tab:hover{border-color:#1a1a1a;color:#1a1a1a}.vap-view-tab.active{background:linear-gradient(135deg,#1a1a1a,#2d3748);color:#fff;border-color:#1a1a1a;box-shadow:0 2px 8px #1a1a1a33}.vap-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:12px}.vap-stat-card{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;border-left:3px solid;transition:all .3s ease}.vap-stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.vap-stat-purple{border-left-color:#667eea}.vap-stat-blue{border-left-color:#0d6efd}.vap-stat-green{border-left-color:#28a745}.vap-stat-orange{border-left-color:#ffc107}.vap-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.vap-stat-label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.vap-stat-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#f8f9fa;border-radius:6px;color:#495057}.vap-stat-value{font-size:18px;font-weight:700;color:#1a1a1a;margin-bottom:3px}.vap-stat-footer{font-size:11px;color:#6c757d;font-weight:500}.vap-filters-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px}.vap-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px}.vap-filter-group{display:flex;flex-direction:column;gap:4px}.vap-filter-label{font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:3px}.vap-filter-input,.vap-filter-select{padding:8px 10px;border:2px solid #e9ecef;border-radius:6px;font-size:12px;color:#2d3748;background:#fff;font-family:inherit;transition:all .3s ease;font-weight:500}.vap-filter-input:hover,.vap-filter-select:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.vap-filter-input:focus,.vap-filter-select:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.vap-filter-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23495057' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 6px center;background-size:14px;padding-right:24px;cursor:pointer}.vap-filter-actions{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap}.vap-btn-action-primary,.vap-btn-action-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.vap-btn-action-primary{background:#2d3748;color:#fff;box-shadow:0 2px 8px #2d374833}.vap-btn-action-primary:hover:not(:disabled){background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 12px #2d37484d}.vap-btn-action-secondary{background:#f8f9fa;color:#495057;border:2px solid #e9ecef}.vap-btn-action-secondary:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.vap-btn-action-primary:disabled,.vap-btn-action-secondary:disabled{opacity:.5;cursor:not-allowed;transform:none}.vap-table-section{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;overflow:hidden;margin-bottom:12px}.vap-table-wrapper{overflow-x:auto;max-height:600px;position:relative}.vap-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.vap-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.vap-table thead th{padding:10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-size:11px;color:#fff;border-bottom:2px solid #1a1a1a}.vap-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .2s ease}.vap-table tbody tr:hover{background:#f8f9fa}.vap-table tbody td{padding:10px;color:#2d3748;vertical-align:middle}.vap-bill-cell{font-weight:600;color:#0d6efd}.vap-customer-info,.vap-bike-info{display:flex;flex-direction:column;gap:2px}.vap-customer-name,.vap-bike-name{font-weight:600;color:#1a1a1a;font-size:12px}.vap-customer-mobile,.vap-bike-model{font-size:11px;color:#6c757d}.vap-amount-cell,.vap-remaining-cell{font-weight:600;color:#1a1a1a}.vap-amount-cell{color:#28a745}.vap-remaining-cell{color:#dc3545}.vap-date-cell{font-size:11px;color:#6c757d}.vap-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.vap-badge-method{background:#e7f3ff;color:#0d6efd}.vap-badge-active{background:#d4edda;color:#155724}.vap-badge-completed{background:#d1ecf1;color:#0c5460}.vap-badge-cancelled{background:#f8d7da;color:#721c24}.vap-action-group{display:flex;gap:4px;justify-content:center;flex-wrap:wrap}.vap-action-btn{display:flex;align-items:center;justify-content:center;gap:2px;padding:6px 10px;border:2px solid;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;transition:all .3s ease;background:#fff;text-transform:uppercase;letter-spacing:.3px}.vap-action-view{border-color:#0d6efd;color:#0d6efd}.vap-action-view:hover{background:#0d6efd;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #0d6efd4d}.vap-action-delete{border-color:#dc3545;color:#dc3545}.vap-action-delete:hover{background:#dc3545;color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #dc35454d}.vap-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.vap-no-data img{width:100px;height:auto;opacity:.6;margin-bottom:10px}.vap-no-data p{font-size:13px;color:#6c757d;margin:0}.vap-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top-color:#2d3748;border-radius:50%;animation:vap-spin .8s linear infinite;margin-bottom:12px}@keyframes vap-spin{to{transform:rotate(360deg)}}.vap-pagination{display:flex;justify-content:center;align-items:center;gap:10px;padding:12px;flex-wrap:wrap;background:#fff;border-top:1px solid #e9ecef}.vap-pagination-btn{padding:6px 10px;background:#fff;border:2px solid #e9ecef;border-radius:4px;cursor:pointer;transition:all .3s ease;color:#495057;font-weight:600;font-size:11px}.vap-pagination-btn:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.vap-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.vap-pagination-info{display:flex;align-items:center;gap:6px;font-size:11px;color:#495057;font-weight:600}.vap-pagination-input{width:50px;padding:4px 6px;border:2px solid #e9ecef;border-radius:4px;text-align:center;font-size:11px;font-weight:600;color:#1a1a1a}.vap-pagination-input:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a}.vap-pagination-text{font-size:11px;color:#495057;font-weight:600;min-width:100px}.vap-export-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f;margin-bottom:12px}.vap-export-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.vap-export-buttons{display:flex;gap:8px;flex-wrap:wrap}.vap-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:2px solid;border-radius:6px;background:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.vap-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 6px #0000001a;color:#fff}.vap-export-btn:disabled{opacity:.4;cursor:not-allowed}.vap-export-excel{border-color:#28a745;color:#28a745}.vap-export-excel:hover:not(:disabled){background:#28a745}.vap-export-csv{border-color:#17a2b8;color:#17a2b8}.vap-export-csv:hover:not(:disabled){background:#17a2b8}.vap-export-pdf{border-color:#dc3545;color:#dc3545}.vap-export-pdf:hover:not(:disabled){background:#dc3545}.vap-analytics-section{background:#fff;border-radius:8px;padding:12px;box-shadow:0 2px 6px #0000000f}.vap-charts-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;margin-bottom:12px}.vap-chart-container{background:#fff;border-radius:8px;padding:12px;border:1px solid #e9ecef}.vap-section-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.vap-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;animation:vap-fadeIn .3s ease}@keyframes vap-fadeIn{0%{opacity:0}to{opacity:1}}.vap-modal{background:#fff;border-radius:8px;box-shadow:0 10px 40px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:vap-slideUp .3s ease}@keyframes vap-slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.vap-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e9ecef;background:#f8f9fa}.vap-modal-header h2{font-size:16px;font-weight:700;color:#1a1a1a;margin:0}.vap-modal-close{background:none;border:none;font-size:20px;color:#6c757d;cursor:pointer;transition:all .3s ease}.vap-modal-close:hover{color:#1a1a1a;transform:scale(1.2)}.vap-modal-content{padding:16px}.vap-modal-section{margin-bottom:16px}.vap-modal-section:last-child{margin-bottom:0}.vap-modal-section h3{font-size:12px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.vap-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.vap-modal-item{display:flex;flex-direction:column;gap:4px}.vap-modal-item label{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.3px}.vap-modal-item span{font-size:13px;color:#1a1a1a;font-weight:500}.vap-highlight-green{color:#28a745!important;font-weight:700!important}.vap-highlight-red{color:#dc3545!important;font-weight:700!important}.vap-remarks{font-size:13px;color:#495057;line-height:1.6;margin:0;padding:10px;background:#f8f9fa;border-radius:6px;border-left:3px solid #0d6efd}.vap-modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #e9ecef;background:#f8f9fa;justify-content:flex-end}.vap-modal-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 16px;border:none;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.3px}.vap-modal-btn-primary{background:#2d3748;color:#fff}.vap-modal-btn-primary:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 2px 6px #2d37484d}.vap-modal-btn-secondary{background:#e9ecef;color:#495057;border:2px solid #dee2e6}.vap-modal-btn-secondary:hover{background:#dee2e6;border-color:#adb5bd}.vap-panel-container-access{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%)}.vap-no-access-panel{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;max-width:400px;text-align:center}.vap-no-access-image{width:150px;height:auto;margin-bottom:16px}.vap-no-access-panel h3{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 10px}.vap-no-access-panel p{font-size:13px;color:#6c757d;line-height:1.5;margin:0}@media(max-width:1024px){.vap-stats-grid,.vap-filters-grid{grid-template-columns:repeat(2,1fr)}.vap-charts-row,.vap-modal-grid{grid-template-columns:1fr}}@media(max-width:768px){.vap-container{padding:8px}.vap-header{padding:10px 12px}.vap-title{font-size:16px}.vap-stats-grid,.vap-filters-grid{grid-template-columns:1fr}.vap-filter-actions{width:100%;justify-content:stretch}.vap-btn-action-primary,.vap-btn-action-secondary{flex:1}.vap-export-buttons{width:100%}.vap-export-btn{flex:1;justify-content:center}.vap-table{font-size:11px}.vap-table thead th,.vap-table tbody td{padding:8px}.vap-modal{max-width:90%}.vap-modal-grid{grid-template-columns:1fr}}@media(max-width:480px){.vap-title{font-size:14px}.vap-table{font-size:10px}.vap-table thead th,.vap-table tbody td{padding:6px}.vap-pagination-btn{padding:4px 8px;font-size:10px}.vap-export-btn{font-size:9px;padding:6px 8px}.vap-stat-value{font-size:16px}.vap-view-tabs{flex-direction:column}.vap-view-tab{width:100%}.vap-charts-row{grid-template-columns:1fr}.vap-modal{max-width:95%}.vap-modal-header h2{font-size:14px}.vap-modal-grid{grid-template-columns:1fr}}.vap-table-wrapper::-webkit-scrollbar{width:6px;height:6px}.vap-table-wrapper::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.vap-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vap-table-wrapper::-webkit-scrollbar-thumb:hover{background:#94a3b8}.vap-modal::-webkit-scrollbar{width:6px}.vap-modal::-webkit-scrollbar-track{background:#f1f5f9}.vap-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.vap-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media print{.vap-header,.vap-view-tabs,.vap-filters-section,.vap-export-section,.vap-pagination{display:none}.vap-container{background:#fff;padding:0}.vap-table-section{box-shadow:none;page-break-inside:avoid}.vap-stats-grid{page-break-inside:avoid}}.ahuser-custom-app-header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f;box-shadow:0 4px 20px #0006;position:sticky;top:0;height:60px;z-index:1000;transition:all .3s ease}.ahuser-custom-header-left-section{display:flex;align-items:center;gap:12px;flex-shrink:0}.ahuser-custom-header-center-section{flex:1;display:flex;align-items:center;justify-content:center;margin:0 20px}.ahuser-custom-header-right-section{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto}.ahuser-custom-header-space-wrapper{display:flex;align-items:center;gap:12px!important}.ahuser-custom-toggle-menu-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1.5px solid #d0d0d0;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #00000026;padding:0;font-size:0;line-height:0}.ahuser-custom-toggle-menu-button:hover{background:linear-gradient(135deg,#fff,#f0f0f0);border-color:#b0b0b0;box-shadow:0 4px 16px #1a1a1a40;transform:translateY(-1px)}.ahuser-custom-toggle-menu-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.ahuser-custom-toggle-menu-icon{font-size:18px;color:#2d2d2d;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.ahuser-custom-company-branding-box{display:flex;align-items:center;gap:10px;padding:6px 16px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border-radius:10px;border:1.5px solid #d0d0d0;box-shadow:0 2px 8px #00000026}.ahuser-custom-company-branding-icon{font-size:20px;line-height:1}.ahuser-custom-company-branding-text{font-size:15px;font-weight:800;color:#2d2d2d;letter-spacing:-.3px}.ahuser-custom-action-icon-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);border:1.5px solid #d0d0d0;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:700;color:#2d2d2d;box-shadow:0 2px 8px #00000026;line-height:1;padding:0}.ahuser-custom-action-icon-button:hover{background:linear-gradient(135deg,#fff,#f0f0f0);border-color:#b0b0b0;box-shadow:0 4px 16px #0003;transform:translateY(-2px)}.ahuser-custom-action-icon-button:active{transform:translateY(0);box-shadow:0 2px 8px #00000026}.ahuser-custom-calculator-icon-btn{color:#667eea!important}.ahuser-custom-calculator-icon-btn:hover{background:linear-gradient(135deg,#eff6ff,#e0e7ff)!important;border-color:#667eea!important;box-shadow:0 4px 16px #667eea4d!important}.ahuser-custom-notification-bell-btn{color:#f59e0b!important}.ahuser-custom-notification-bell-btn:hover{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-color:#f59e0b!important;box-shadow:0 4px 16px #f59e0b4d!important}.ahuser-custom-logout-icon-btn{color:#ef4444!important}.ahuser-custom-logout-icon-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#ef4444!important;box-shadow:0 4px 16px #ef44444d!important}.ahuser-custom-restart-icon-btn{color:#10b981!important}.ahuser-custom-restart-icon-btn:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5)!important;border-color:#10b981!important;box-shadow:0 4px 16px #10b9814d!important}.ahuser-custom-reboot-icon-btn{color:#ef4444!important}.ahuser-custom-reboot-icon-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca)!important;border-color:#ef4444!important;box-shadow:0 4px 16px #ef44444d!important}.ahuser-custom-notification-badge .ant-badge-count{background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #f5f5f5;box-shadow:0 2px 12px #ef444466;font-weight:800;font-size:11px;color:#fff;animation:ahuser-pulse-badge-animation 2s infinite}@keyframes ahuser-pulse-badge-animation{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.ahuser-custom-user-profile-avatar{width:40px!important;height:40px!important;border:2px solid #d0d0d0;box-shadow:0 2px 12px #0003;transition:all .3s ease;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2)!important}.ahuser-custom-user-profile-avatar:hover{border-color:#667eea;box-shadow:0 4px 20px #667eea66;transform:scale(1.05)}.ahuser-custom-user-info-text-wrapper{display:flex;flex-direction:column;line-height:1.2;gap:2px}.ahuser-custom-user-fullname-text{color:#fff;font-weight:700;font-size:14px;letter-spacing:-.3px}.ahuser-custom-user-role-text{color:#b0b0b0;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.ahuser-notifications-dropdown-menu{width:320px;max-height:420px;background:#2a2a2a;border-radius:12px;border:1px solid #404040;box-shadow:0 10px 40px #00000080;overflow-y:auto;animation:ahuser-slide-down-animation .3s ease}.ahuser-notifications-dropdown-menu .ant-divider{border-color:#3a3a3a;margin:8px 0}.ahuser-notifications-dropdown-menu .ant-typography{color:#fff!important}.ahuser-notifications-dropdown-menu .ant-typography-secondary{color:#b0b0b0!important}.ahuser-notifications-dropdown-menu .ant-list-item{color:#fff}.ahuser-notifications-dropdown-menu .ant-list-item-meta-title{color:#fff!important}.ahuser-notifications-dropdown-menu .ant-list-item-meta-description{color:#b0b0b0!important}.ahuser-profile-dropdown-menu{width:280px;background:#2a2a2a;border-radius:12px;border:1px solid #404040;box-shadow:0 10px 40px #00000080;overflow:hidden;animation:ahuser-slide-down-animation .3s ease}.ahuser-profile-dropdown-menu .ant-divider{border-color:#3a3a3a;margin:8px 0}.ahuser-profile-dropdown-menu .ant-typography{color:#fff!important}.ahuser-profile-dropdown-menu .ant-typography-secondary{color:#b0b0b0!important}.ahuser-profile-dropdown-menu .ant-typography-strong{color:#fff!important;font-weight:700}@keyframes ahuser-slide-down-animation{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.ahuser-dropdown-loading-state{text-align:center;padding:24px;display:flex;align-items:center;justify-content:center}.ahuser-dropdown-empty-state{text-align:center;padding:32px 16px;display:flex;flex-direction:column;align-items:center;gap:12px;color:#6b7280}.ahuser-dropdown-empty-state p{margin:0;font-size:13px;color:#9ca3af}.ahuser-notification-list-item{padding:12px 16px!important;border-bottom:1px solid #3a3a3a;transition:all .2s ease}.ahuser-notification-list-item:hover{background:#333}.ahuser-notification-list-item:last-child{border-bottom:none}.ahuser-notification-item-title{font-size:13px;color:#fff;font-weight:600}.ahuser-notification-item-description{font-size:11px;color:#b0b0b0}.ahuser-dropdown-footer-section{text-align:center;padding:12px;background:#333;border-top:1px solid #3a3a3a}.ahuser-view-all-notifications-link{font-size:12px;font-weight:700;color:#667eea;text-decoration:none;transition:all .3s ease;cursor:pointer}.ahuser-view-all-notifications-link:hover{color:#764ba2;text-decoration:underline}.ahuser-profile-header-section{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#333,#2a2a2a);border-bottom:1px solid #404040}.ahuser-profile-info-wrapper{flex:1;display:flex;flex-direction:column;gap:2px}.ahuser-profile-fullname{display:block;font-size:14px;color:#fff!important;font-weight:700;margin-bottom:2px}.ahuser-profile-username{display:block;font-size:12px;color:#b0b0b0!important}.ahuser-dropdown-menu-item{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid #3a3a3a;font-size:13px;color:#fff}.ahuser-dropdown-menu-item:hover{background:#333;padding-left:20px;color:#fff}.ahuser-dropdown-menu-item:last-child{border-bottom:none}.ahuser-dropdown-menu-item .ant-typography{color:#fff!important}.ahuser-dropdown-menu-icon{font-size:14px;color:#667eea;font-weight:700}.ahuser-dropdown-menu-icon.logout-style{color:#ef4444}.ahuser-notifications-dropdown-menu::-webkit-scrollbar{width:6px}.ahuser-notifications-dropdown-menu::-webkit-scrollbar-track{background:#2a2a2a}.ahuser-notifications-dropdown-menu::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.ahuser-notifications-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#505050}.ahuser-profile-dropdown-menu::-webkit-scrollbar{width:6px}.ahuser-profile-dropdown-menu::-webkit-scrollbar-track{background:#2a2a2a}.ahuser-profile-dropdown-menu::-webkit-scrollbar-thumb{background:#404040;border-radius:3px}.ahuser-profile-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#505050}.ant-dropdown-menu{background:#2a2a2a!important;border-color:#404040!important}.ant-dropdown-menu-item{color:#fff!important}.ant-dropdown-menu-item:hover{color:#fff!important;background:#333!important}.ant-dropdown-menu-item-selected{background:#333!important;color:#fff!important}.ahuser-modal-wrapper .ant-modal-content{background:#2a2a2a}.ahuser-modal-wrapper .ant-modal-header{background:linear-gradient(135deg,#1a1a1a,#2d3748);border-bottom:2px solid #0f0f0f}.ahuser-modal-wrapper .ant-modal-title,.ahuser-modal-wrapper .ant-modal-close{color:#fff}@media(max-width:1024px){.ahuser-custom-app-header{padding:8px 16px}.ahuser-custom-header-center-section{margin:0 12px}.ahuser-custom-company-branding-text{font-size:14px}.ahuser-custom-user-info-text-wrapper{display:none}}@media(max-width:768px){.ahuser-custom-app-header{padding:8px 12px;height:56px}.ahuser-custom-header-center-section{display:none}.ahuser-custom-header-right-section{gap:6px}.ahuser-custom-header-space-wrapper{gap:6px!important}.ahuser-custom-action-icon-button,.ahuser-custom-toggle-menu-button{width:36px;height:36px;font-size:14px}.ahuser-custom-user-profile-avatar{width:36px!important;height:36px!important}.ahuser-custom-user-info-text-wrapper{display:none}.ahuser-notifications-dropdown-menu{width:280px;max-height:380px}.ahuser-profile-dropdown-menu{width:240px}}@media(max-width:480px){.ahuser-custom-app-header{padding:6px 8px;height:52px}.ahuser-custom-action-icon-button,.ahuser-custom-toggle-menu-button{width:32px;height:32px;font-size:13px}.ahuser-custom-user-profile-avatar{width:32px!important;height:32px!important}.ahuser-custom-toggle-menu-icon{font-size:16px}.ahuser-custom-notification-badge .ant-badge-count{font-size:10px;min-width:18px;height:18px;line-height:18px}.ahuser-notifications-dropdown-menu{width:260px;max-height:340px}.ahuser-profile-dropdown-menu{width:220px}.ahuser-notification-item-title{font-size:12px}.ahuser-notification-item-description{font-size:10px}.ahuser-profile-fullname{font-size:13px}.ahuser-profile-username{font-size:11px}.ahuser-dropdown-menu-item{font-size:12px;padding:10px 12px}.ahuser-custom-company-branding-box{padding:4px 12px}.ahuser-custom-company-branding-text{font-size:13px}}.ahuser-custom-toggle-menu-button:focus,.ahuser-custom-action-icon-button:focus,.ahuser-custom-user-profile-avatar:focus{outline:2px solid #667eea;outline-offset:2px}@media(prefers-reduced-motion:reduce){.ahuser-custom-toggle-menu-button,.ahuser-custom-action-icon-button,.ahuser-custom-user-profile-avatar,.ahuser-notifications-dropdown-menu,.ahuser-profile-dropdown-menu{transition:none;animation:none}}@media print{.ahuser-custom-app-header{display:none}}.profile-overlay{min-height:100vh;width:100vw;background:#f8faff;display:flex;align-items:center;justify-content:center;z-index:10;position:fixed;top:0;left:0}.profile-card{background:#fff;box-shadow:0 8px 32px #2a57b41a;border-radius:20px;border:1.5px solid #e3eefd;padding:34px 24px 16px;min-width:330px;max-width:950px;width:96vw;margin:20px auto;position:relative;display:flex;flex-direction:column;max-height:85vh;transition:box-shadow .2s,background .3s;animation:profile-popIn .35s}@keyframes profile-popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.profile-close{background:#e6f0fb;color:#2857b4;border:none;border-radius:50%;position:absolute;top:14px;left:14px;font-size:20px;width:34px;height:34px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s}.profile-close:hover{background:#2857b4;color:#fff}.profile-header{display:flex;align-items:center;gap:20px;margin-bottom:10px;text-align:left}.profile-avatar{box-shadow:0 6px 18px #2857b414;background:#f2f7fe}.profile-title{font-size:1.13rem;font-weight:700;color:#24488c;margin-bottom:2px;letter-spacing:-.3px}.profile-username{font-size:.93rem;color:#385b8c;opacity:.87;font-weight:500}.profile-store{font-size:.88rem;margin-top:3px;color:#24488c}.profile-scroll-panel{overflow-y:auto;padding-right:3px;flex:1;max-height:68vh;min-height:160px}.profile-section-title{margin-bottom:6px;color:#2466c7;font-weight:700;font-size:.99rem;letter-spacing:.04em;text-align:left}.profile-section{margin-top:13px}.profile-grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 14px}@media(max-width:900px){.profile-grid-3col{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.profile-card{padding:7px 0vw 8px;max-width:99vw}.profile-header{flex-direction:column;gap:7px}.profile-grid-3col{grid-template-columns:1fr;gap:7px}}.profile-field{display:flex;flex-direction:column}.profile-field label{font-size:.92rem;font-weight:600;margin-bottom:2px;color:#1b1f30;opacity:.92;letter-spacing:.03em}.profile-field input{font-size:.98rem;padding:5px 8px;background:#f7faff;border:1.2px solid #e3eefd;border-radius:7px;color:#191e2c;font-family:inherit;pointer-events:none;outline:none;transition:background .15s;box-shadow:0 1px 3px #2a57b405}.profile-field input:disabled{background:#f8faff;color:#1b1f30}.profile-card.loading{min-width:170px;min-height:100px;display:flex;align-items:center;justify-content:center;background:#ffffff6e;box-shadow:none;border:none;padding:30px}