@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Rajdhani:wght@600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.login-page{height:100vh;width:100vw;display:flex;overflow:hidden}.login-page.loading-state{background:linear-gradient(135deg,#7c3aed,#4f46e5);align-items:center;justify-content:center}.loading-container{text-align:center}.loading-text{color:#fff;font-size:.9rem;font-weight:600;margin-top:14px}.login-left{flex:1.1;position:relative;background:#0d0d1a;display:flex;align-items:center;justify-content:center;overflow:hidden}.left-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center}.left-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0d0d1aeb,#1e143ce0,#0d0d1aeb)}.left-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:28px;padding:36px 28px;width:100%}.cube-scene{width:110px;height:110px;perspective:600px;margin-bottom:4px}.cube-3d{width:110px;height:110px;position:relative;transform-style:preserve-3d;animation:spinCube 10s linear infinite}@keyframes spinCube{0%{transform:rotateX(0) rotateY(0)}25%{transform:rotateX(15deg) rotateY(90deg)}50%{transform:rotateX(0) rotateY(180deg)}75%{transform:rotateX(-15deg) rotateY(270deg)}to{transform:rotateX(0) rotateY(360deg)}}.cube-face{position:absolute;width:110px;height:110px;background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid rgba(124,58,237,.5);border-radius:12px;overflow:hidden;box-shadow:inset 0 0 20px #7c3aed40}.cf-front{transform:translateZ(55px)}.cf-back{transform:rotateY(180deg) translateZ(55px)}.cf-left{transform:rotateY(-90deg) translateZ(55px)}.cf-right{transform:rotateY(90deg) translateZ(55px)}.cf-top{transform:rotateX(90deg) translateZ(55px)}.cf-bottom{transform:rotateX(-90deg) translateZ(55px)}.brand-section{text-align:center}.brand-title{font-size:2.2rem;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,#fff 30%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 20px rgba(167,139,250,.4))}.brand-sub{font-size:.62rem;font-weight:600;letter-spacing:2.5px;color:#a78bfaa6;margin-top:5px;text-transform:uppercase}.badges-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px}.feature-badge{display:flex;align-items:center;gap:10px;padding:11px 13px;background:#ffffff0a;border:1px solid rgba(124,58,237,.18);border-radius:12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:all .3s ease;cursor:default}.feature-badge:hover{background:#7c3aed1a;border-color:#7c3aed59;transform:translateY(-2px)}.feature-badge-icon{font-size:1.25rem;flex-shrink:0;line-height:1}.feature-badge-title{display:block;font-size:.76rem;font-weight:700;color:#e2e8f0}.feature-badge-sub{display:block;font-size:.62rem;color:#ffffff61;margin-top:1px}.live-clock{text-align:center;padding:14px 24px;background:#7c3aed14;border:1px solid rgba(124,58,237,.2);border-radius:14px;width:100%;max-width:340px}.clock-time{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:2px;font-variant-numeric:tabular-nums;text-shadow:0 0 20px rgba(167,139,250,.5)}.clock-date{font-size:.7rem;color:#a78bfaa6;margin-top:4px;font-weight:500;letter-spacing:.4px}.login-right{flex:.9;background:#f0f2f8;display:flex;align-items:center;justify-content:center;padding:24px 32px;overflow-y:auto;position:relative}.login-right:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 15% 15%,rgba(124,58,237,.06) 0%,transparent 50%),radial-gradient(circle at 85% 85%,rgba(79,70,229,.06) 0%,transparent 50%);pointer-events:none}.login-card-wrapper{width:100%;max-width:400px;background:#fff;border-radius:24px;padding:36px 32px 24px;box-shadow:0 20px 60px #00000014,0 0 0 1px #7c3aed0f;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.avatar-ring{width:64px;height:64px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:3px solid #7c3aed;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:14px;box-shadow:0 8px 24px #7c3aed33,0 0 0 6px #7c3aed12}.card-title{font-size:1.5rem;font-weight:800;color:#1e1b4b;margin-bottom:4px;text-align:center}.card-subtitle{font-size:.8rem;color:#6b7280;text-align:center;margin-bottom:20px}.tab-switcher{display:flex;width:100%;background:#f3f4f6;border-radius:10px;padding:4px;margin-bottom:20px;gap:4px}.tab-btn{flex:1;padding:9px 10px;font-size:.71rem;font-weight:700;letter-spacing:.4px;border:none;border-radius:7px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .25s ease;background:transparent;color:#9ca3af;white-space:nowrap}.tab-btn svg{flex-shrink:0;display:block}.tab-btn span{line-height:1}.tab-btn.active{background:#7c3aed;color:#fff;box-shadow:0 4px 12px #7c3aed4d}.tab-btn:not(.active):hover{background:#ede9fe;color:#7c3aed}.login-form{width:100%;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-label{font-size:.68rem;font-weight:800;color:#374151;letter-spacing:1px;text-transform:uppercase}.input-wrapper{position:relative;display:flex;align-items:center;width:100%}.input-icon-left{position:absolute;left:13px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:#9ca3af;pointer-events:none;z-index:2;width:16px;height:16px;flex-shrink:0}.input-icon-left svg{display:block}.input-icon-right{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:2;flex-shrink:0}.eye-btn{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:color .2s;line-height:0}.eye-btn:hover{color:#7c3aed}.eye-btn svg{display:block}.form-input{width:100%;height:46px;font-size:.88rem;font-weight:500;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:10px;color:#111827;outline:none;transition:all .25s ease;padding:0 14px}.form-input.has-left-icon{padding-left:38px}.form-input.has-right-icon{padding-right:42px}.form-input::placeholder{color:#9ca3af;font-size:.82rem}.form-input:focus{border-color:#7c3aed;background:#faf5ff;box-shadow:0 0 0 3px #7c3aed1a}.form-input:hover:not(:focus){border-color:#c4b5fd}.input-hint{font-size:.69rem;color:#9ca3af;margin-top:2px;font-style:italic}.submit-btn{width:100%;height:46px;margin-top:4px;font-size:.82rem;font-weight:800;letter-spacing:.8px;text-transform:uppercase;border:none;border-radius:12px;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;box-shadow:0 5px #5b21b6,0 8px 20px #7c3aed4d;transform:translateY(0);transition:all .15s ease}.submit-btn svg{flex-shrink:0;display:block}.submit-btn span{line-height:1}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transition:left .5s}.submit-btn:hover:before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px #5b21b6,0 12px 28px #7c3aed66}.submit-btn:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px #5b21b6,0 3px 8px #7c3aed33}.submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:0 3px #5b21b6}.apikey-btn{background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 5px #047857,0 8px 20px #0596694d}.apikey-btn:hover:not(:disabled){box-shadow:0 7px #047857,0 12px 28px #05966966}.apikey-btn:active:not(:disabled){box-shadow:0 1px #047857}.verify-btn{background:linear-gradient(135deg,#059669,#0d9488);box-shadow:0 5px #047857,0 8px 20px #0596694d}.verify-btn:hover:not(:disabled){box-shadow:0 7px #047857,0 12px 28px #05966966}.card-footer-links{margin-top:16px;text-align:center}.footer-link{font-size:.75rem;color:#6b7280}.footer-link a{color:#7c3aed;font-weight:600;text-decoration:none}.footer-link a:hover{text-decoration:underline}.ssl-badge{margin-top:16px;display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;font-size:.68rem;font-weight:700;color:#15803d;letter-spacing:.5px}.ssl-badge svg{flex-shrink:0}.otp-panel{width:100%;display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:4px}.otp-icon-wrap{width:56px;height:56px;background:linear-gradient(135deg,#ede9fe,#ddd6fe);border:2px solid #c4b5fd;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 6px #7c3aed14;animation:pulseOtp 2s ease-in-out infinite}@keyframes pulseOtp{0%,to{box-shadow:0 0 0 6px #7c3aed14}50%{box-shadow:0 0 0 10px #7c3aed0a}}.otp-sent-text{font-size:.82rem;color:#374151;text-align:center}.otp-sent-text strong{color:#7c3aed}.otp-timer-badge{padding:6px 20px;background:#ede9fe;border:1px solid #c4b5fd;border-radius:20px;font-size:.88rem;font-weight:700;color:#7c3aed;font-variant-numeric:tabular-nums;transition:all .3s}.otp-timer-badge.danger{background:#fef2f2;border-color:#fca5a5;color:#dc2626;animation:blinkTimer 1s ease-in-out infinite}@keyframes blinkTimer{0%,to{opacity:1}50%{opacity:.55}}.otp-inputs-row{display:flex;gap:10px;justify-content:center;width:100%}.otp-box{width:46px;height:54px;text-align:center;font-size:1.5rem;font-weight:800;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#1e1b4b;outline:none;transition:all .2s ease;box-shadow:0 3px #e5e7eb;caret-color:#7c3aed}.otp-box:focus{border-color:#7c3aed;background:#faf5ff;box-shadow:0 0 0 3px #7c3aed1f,0 3px #7c3aed;transform:translateY(-2px)}.otp-box.filled{border-color:#7c3aed;background:#faf5ff;color:#7c3aed;box-shadow:0 3px #c4b5fd}.otp-actions{display:flex;gap:10px;width:100%}.resend-btn,.back-btn{flex:1;height:38px;font-size:.74rem;font-weight:700;border-radius:9px;cursor:pointer;transition:all .2s ease;border:1.5px solid #e5e7eb;letter-spacing:.2px}.resend-btn{background:#f5f3ff;color:#9ca3af}.resend-btn.active{background:#ede9fe;color:#7c3aed;border-color:#c4b5fd}.resend-btn.active:hover{background:#ddd6fe;border-color:#7c3aed}.resend-btn:disabled{cursor:not-allowed;opacity:.6}.back-btn{background:#f9fafb;color:#6b7280}.back-btn:hover{background:#f3f4f6;color:#374151;border-color:#d1d5db}.otp-note{font-size:.68rem;color:#9ca3af;text-align:center;padding:8px 12px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;width:100%}.btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.lf-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}.swal2-popup{font-family:Inter,sans-serif!important;border-radius:16px!important}.swal2-confirm{border-radius:8px!important;font-weight:700!important}.swal2-loader{border-color:#7c3aed transparent #7c3aed transparent!important}@media(max-width:1024px){.login-left,.login-right{flex:1}}@media(max-width:900px){.login-left{display:none}.login-right{flex:1;width:100%;background:linear-gradient(160deg,#f0f2f8,#ede9fe)}}@media(max-width:600px){.login-right{padding:16px 14px}.login-card-wrapper{padding:28px 20px 20px;border-radius:18px}.otp-box{width:40px;height:48px;font-size:1.3rem}.otp-inputs-row{gap:8px}.clock-time{font-size:1.5rem}.cube-scene,.cube-3d,.cube-face{width:90px;height:90px}.cf-front{transform:translateZ(45px)}.cf-back{transform:rotateY(180deg) translateZ(45px)}.cf-left{transform:rotateY(-90deg) translateZ(45px)}.cf-right{transform:rotateY(90deg) translateZ(45px)}.cf-top{transform:rotateX(90deg) translateZ(45px)}.cf-bottom{transform:rotateX(-90deg) translateZ(45px)}}@media(max-width:400px){.login-card-wrapper{padding:24px 16px 18px}.otp-box{width:36px;height:44px;font-size:1.2rem}.otp-inputs-row{gap:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!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}}:root{--sb-bg-top: #0b0f1e;--sb-bg-mid: #0e1628;--sb-bg-bottom: #0a1020;--sb-accent: #2a4a8a;--sb-accent-glow: rgba(42, 74, 138, .35);--sb-border: rgba(100, 140, 255, .08);--sb-border-bright: rgba(100, 140, 255, .18);--sb-text-dim: #5a6a8a;--sb-text-normal: #8fa4cc;--sb-text-bright: #dce8ff;--sb-icon-dim: #fff;--sb-radius: 9px;--sb-font-ui: "Inter", sans-serif;--sb-font-brand: "Rajdhani", sans-serif;--sb-ease: cubic-bezier(.4, 0, .2, 1)}.custom-sidebar-dark{height:100vh!important;background:linear-gradient(170deg,#0b0f1e,#0d1530,#0e1a3a,#0c1428,#0a1020)!important;border-right:1px solid var(--sb-border-bright)!important;transition:width .3s var(--sb-ease)!important;position:relative;z-index:100;display:flex!important;flex-direction:column!important;overflow:hidden!important}.custom-sidebar-dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 28px,rgba(80,120,220,.025) 28px,rgba(80,120,220,.025) 29px),repeating-linear-gradient(90deg,transparent,transparent 28px,rgba(80,120,220,.015) 28px,rgba(80,120,220,.015) 29px);pointer-events:none;z-index:0}.custom-sidebar-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(80,140,255,.3) 20%,rgba(120,180,255,.8) 50%,rgba(80,140,255,.3) 80%,transparent 100%);z-index:3}.sidebar-logo-dark{height:66px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-bottom:1px solid var(--sb-border-bright);background:#1e3c781f;position:relative;z-index:2;padding:0 16px;overflow:hidden;transition:padding .3s var(--sb-ease)}.sidebar-logo-dark:after{content:"";position:absolute;bottom:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(100,160,255,.25),transparent)}.sidebar-brand-wrap{display:flex;align-items:center;gap:11px;overflow:hidden}.sidebar-brand-text-group{display:flex;flex-direction:column;line-height:1;overflow:hidden;white-space:nowrap}.sidebar-brand-main{font-family:var(--sb-font-brand);font-size:1.35rem;font-weight:700;color:#dce8ff;letter-spacing:1.5px;text-transform:uppercase;line-height:1.1;text-shadow:0 0 20px rgba(100,160,255,.4)}.sidebar-brand-sub{font-family:var(--sb-font-ui);font-size:.6rem;font-weight:500;color:#8cb4ff8c;letter-spacing:2.8px;text-transform:uppercase;margin-top:3px}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-logo-dark{padding:0!important;justify-content:center}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-brand-wrap{gap:0;justify-content:center}.sidebar-scroll-dark{flex:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 66px);position:relative;z-index:2}.sidebar-scroll-dark::-webkit-scrollbar{width:3px}.sidebar-scroll-dark::-webkit-scrollbar-track{background:transparent}.sidebar-scroll-dark::-webkit-scrollbar-thumb{background:#5078dc33;border-radius:3px}.sidebar-scroll-dark::-webkit-scrollbar-thumb:hover{background:#5078dc66}.sidebar-menu-dark.ant-menu{background:transparent!important;border-right:none!important;font-family:var(--sb-font-ui)!important;padding:8px!important;flex:1}.sidebar-menu-dark .ant-menu-item-divider{background:linear-gradient(90deg,transparent,rgba(80,120,220,.15),transparent)!important;margin:4px 8px!important;height:1px!important;opacity:1!important;border:none!important}.sidebar-menu-dark .ant-menu-item,.sidebar-menu-dark .ant-menu-submenu-title{height:38px!important;line-height:38px!important;margin:2px 0!important;border-radius:var(--sb-radius)!important;color:#fff!important;font-weight:500!important;font-size:12px!important;letter-spacing:.25px!important;border:1px solid rgba(80,120,220,.1)!important;background:#14285a40!important;transition:all .18s var(--sb-ease)!important;position:relative!important;will-change:transform,box-shadow;padding:0 12px!important;transform:translate(2px) translateY(-1px)!important;box-shadow:-2px 2px #00051499,0 4px 12px #00051e66,inset 0 1px #648cff0f!important}.sidebar-menu-dark .ant-menu-item:hover,.sidebar-menu-dark .ant-menu-submenu-title:hover{background:#fff!important;color:#0b0f1e!important;border-color:#ffffffe6!important;font-weight:600!important;transform:translate(4px) translateY(-2px)!important;box-shadow:-4px 4px #00051eb3,0 8px 24px #000a3280,inset 0 1px #fff!important}.sidebar-menu-dark .ant-menu-item-selected,.sidebar-menu-dark.ant-menu-dark .ant-menu-item-selected,.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected{background:#fff!important;color:#0b0f1e!important;border-color:#ffffffe6!important;font-weight:700!important;transform:translate(4px) translateY(-1px)!important;box-shadow:-4px 4px #00051eb3,0 8px 24px #000a3280,inset 0 1px #fff!important}.sidebar-menu-dark .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:3px;background:linear-gradient(180deg,#3a6adf,#1a3a8a);border-radius:0 3px 3px 0;box-shadow:2px 0 8px #3c64dc80}.sidebar-menu-dark .ant-menu-item:after,.sidebar-menu-dark .ant-menu-item-selected:after{display:none!important;border:none!important}.sidebar-menu-dark.ant-menu-dark .ant-menu-item:active{background:#3c64dc1a!important}.sidebar-menu-dark .ant-menu-item .anticon,.sidebar-menu-dark .ant-menu-submenu-title .anticon{font-size:14px!important;color:var(--sb-icon-dim)!important;transition:all .18s var(--sb-ease)!important;width:18px!important;min-width:18px!important;max-width:18px!important;margin-right:10px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;flex-shrink:0!important}.sidebar-menu-dark .ant-menu-item .react-icon-wrap,.sidebar-menu-dark .ant-menu-submenu-title .react-icon-wrap{font-size:15px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;min-width:18px!important;height:18px!important;margin-right:10px!important;flex-shrink:0!important;vertical-align:middle!important;color:var(--sb-icon-dim)!important}.sidebar-menu-dark .ant-menu-item .react-icon-wrap svg,.sidebar-menu-dark .ant-menu-submenu-title .react-icon-wrap svg{width:15px!important;height:15px!important;margin:0!important;display:block!important}.sidebar-menu-dark .ant-menu-item .speedo-wrap,.sidebar-menu-dark .ant-menu-submenu-title .speedo-wrap{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;min-width:18px!important;height:18px!important;margin-right:10px!important;flex-shrink:0!important;vertical-align:middle!important;color:var(--sb-icon-dim)!important}.sidebar-menu-dark .ant-menu-item .speedo-wrap svg{width:15px!important;height:15px!important;margin:0!important;display:block!important}.sidebar-menu-dark .ant-menu-item:hover .anticon,.sidebar-menu-dark .ant-menu-item:hover .react-icon-wrap,.sidebar-menu-dark .ant-menu-item:hover .speedo-wrap,.sidebar-menu-dark .ant-menu-submenu-title:hover .anticon,.sidebar-menu-dark .ant-menu-submenu-title:hover .react-icon-wrap,.sidebar-menu-dark .ant-menu-item-selected .anticon,.sidebar-menu-dark .ant-menu-item-selected .react-icon-wrap,.sidebar-menu-dark .ant-menu-item-selected .speedo-wrap{color:#0b0f1e!important;filter:none!important}.sidebar-menu-dark .ant-menu-title-content{font-family:var(--sb-font-ui)!important;font-size:13px!important;font-weight:inherit!important;letter-spacing:.25px!important;color:inherit!important;white-space:nowrap!important;overflow:hidden!important;transition:opacity .2s var(--sb-ease),width .2s var(--sb-ease)!important}.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:0!important;width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;height:38px!important;line-height:38px!important;transform:translateY(-1px)!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item .anticon,.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item .react-icon-wrap,.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item .speedo-wrap{font-size:17px!important;width:20px!important;min-width:20px!important;height:20px!important;margin:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item .react-icon-wrap svg,.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item .speedo-wrap svg{width:17px!important;height:17px!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-title-content{display:none!important;width:0!important;opacity:0!important;overflow:hidden!important;max-width:0!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item-divider{margin:4px 6px!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item-selected{transform:translateY(-1px)!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-menu-dark .ant-menu-item:hover{transform:translateY(-2px)!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-logout-menu-dark .ant-menu-item{padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;height:40px!important;transform:translateY(-1px)!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-logout-menu-dark .ant-menu-item .anticon{font-size:17px!important;margin:0!important;width:20px!important;min-width:20px!important}.custom-sidebar-dark.ant-layout-sider-collapsed .sidebar-logout-menu-dark .ant-menu-title-content{display:none!important;width:0!important;opacity:0!important;max-width:0!important}.sidebar-menu-dark .ant-menu-submenu-arrow{color:var(--sb-icon-dim)!important;transition:all .18s var(--sb-ease)!important}.sidebar-menu-dark .ant-menu-submenu-open .ant-menu-submenu-arrow,.sidebar-menu-dark .ant-menu-submenu-title:hover .ant-menu-submenu-arrow{color:#0b0f1e!important}.sidebar-menu-dark .ant-menu-sub.ant-menu-inline{background:#050f2d80!important;border-radius:8px!important;margin:2px 3px!important;padding:2px 0!important;border-left:2px solid rgba(80,120,220,.15)!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item{height:35px!important;line-height:35px!important;padding:0 11px 0 28px!important;margin:1px 0!important;font-size:12.5px!important;color:var(--sb-text-dim)!important;border-radius:7px!important;background:#14285a33!important;border:1px solid rgba(80,120,220,.07)!important;transition:all .18s var(--sb-ease)!important;transform:translate(1px) translateY(-1px)!important;box-shadow:-1px 1px #00051480,0 2px 6px #00051e4d!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover{background:#fff!important;color:#0b0f1e!important;border-color:#ffffffe6!important;transform:translate(3px) translateY(-1px)!important;box-shadow:-3px 3px #00051e99,0 5px 14px #000a3266!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected{background:#fff!important;color:#0b0f1e!important;border-color:#ffffffe6!important;font-weight:600!important;box-shadow:-3px 3px #00051e99,0 5px 14px #000a3266!important}.sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover .anticon,.sidebar-menu-dark .ant-menu-sub .ant-menu-item:hover svg,.sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected .anticon,.sidebar-menu-dark .ant-menu-sub .ant-menu-item-selected svg{color:#0b0f1e!important;filter:none!important}.sidebar-logout-menu-dark.ant-menu{background:transparent!important;border-right:none!important;padding:6px 8px 12px!important;font-family:var(--sb-font-ui)!important;flex-shrink:0!important;position:relative;z-index:2}.sidebar-logout-menu-dark.ant-menu:before{content:"";display:block;height:1px;margin:0 4px 8px;background:linear-gradient(90deg,transparent,rgba(239,68,68,.3),rgba(239,68,68,.6),rgba(239,68,68,.3),transparent)}.sidebar-logout-menu-dark.ant-menu-dark,.sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item{background:transparent!important}.sidebar-logout-menu-dark .ant-menu-item{height:40px!important;line-height:40px!important;padding:0 12px!important;margin:0!important;border-radius:var(--sb-radius)!important;color:#f87171!important;font-size:13px!important;font-weight:600!important;letter-spacing:.3px!important;border:1px solid rgba(239,68,68,.25)!important;background:#ef444414!important;transition:all .18s var(--sb-ease)!important;transform:translate(2px) translateY(-1px)!important;box-shadow:-2px 2px #00000080,0 3px 10px #ef44441a,inset 0 1px #ef44441a!important}.sidebar-logout-menu-dark .ant-menu-item:hover,.sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item:hover{background:#fff1f1!important;color:#991b1b!important;border-color:#ef444480!important;font-weight:700!important;transform:translate(4px) translateY(-2px)!important;box-shadow:-4px 4px #00000080,0 8px 22px #ef444440,inset 0 1px #fff!important}.sidebar-logout-menu-dark .ant-menu-item .anticon{color:#f87171!important;font-size:14px!important;transition:all .18s var(--sb-ease)!important;width:18px!important;min-width:18px!important}.sidebar-logout-menu-dark .ant-menu-item:hover .anticon{color:#991b1b!important}.sidebar-logout-menu-dark .ant-menu-title-content{font-size:13px!important;font-weight:inherit!important;letter-spacing:.3px!important}.sidebar-menu-dark.ant-menu-dark,.sidebar-menu-dark.ant-menu-dark .ant-menu-sub,.sidebar-menu-dark.ant-menu-dark .ant-menu-item,.sidebar-menu-dark.ant-menu-dark .ant-menu-submenu-title{background:transparent!important}.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected{background:#fff!important;color:#0b0f1e!important}.sidebar-menu-dark.ant-menu-dark .ant-menu-item-selected,.sidebar-menu-dark.ant-menu-dark .ant-menu-item-active{background:#fff!important;color:#0b0f1e!important}.sidebar-logout-menu-dark.ant-menu-dark .ant-menu-item:hover{background:#fff1f1!important}.ant-menu-inline-collapsed>.ant-menu-item,.ant-menu-inline-collapsed>.ant-menu-submenu>.ant-menu-submenu-title{padding:0!important}@media(max-width:768px){.sidebar-logo-dark{height:58px}.sidebar-menu-dark .ant-menu-item,.sidebar-menu-dark .ant-menu-submenu-title{height:35px!important;line-height:35px!important;font-size:12.5px!important}.sidebar-brand-main{font-size:1.1rem}.sidebar-brand-sub{font-size:.55rem}}.calculator-model-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1e2a4a59;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:#f0f4ff;border-radius:0;border:1px solid #c7d4f0;box-shadow:0 12px 40px #3a6adf26;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:14px 18px;background:#1a2a5e;border-bottom:1px solid #c7d4f0}.calculator-model-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px}.calculator-model-title-icon{width:18px;height:18px;color:#a5b4fc;stroke-width:2.5}.calculator-model-close-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:50%;cursor:pointer;transition:background .2s,color .2s;color:#fff;padding:0}.calculator-model-close-btn:hover{background:#f871714d;border-color:#fca5a5;color:#fca5a5;transform:rotate(90deg);transition:all .25s ease}.calculator-model-close-btn svg{width:14px;height:14px;stroke-width:2.5}.calculator-model-history{padding:10px 16px;background:#e8eeff;border-bottom:1px solid #c7d4f0;max-height:100px;overflow-y:auto}.calculator-model-history-title{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;color:#3a6adf;text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px}.calculator-model-history-title svg{width:12px;height:12px;color:#3a6adf}.calculator-model-history-list{display:flex;flex-direction:column;gap:4px}.calculator-model-history-item{font-size:11px;color:#2d3f6e;font-family:Courier New,monospace;padding:5px 8px;background:#fff;border-radius:5px;border-left:2px solid #3a6adf;transition:background .15s}.calculator-model-history-item:hover{background:#dce8ff}.calculator-model-display{padding:16px;background:#eaf0ff;border-bottom:1px solid #c7d4f0}.calculator-model-display-input{background:#fff;border:1px solid #c7d4f0;border-radius:8px;padding:14px 16px;text-align:right;min-height:58px;display:flex;align-items:center;justify-content:flex-end;box-shadow:inset 0 1px 4px #3a6adf14}.calculator-model-value{font-size:28px;font-weight:700;color:#1a2a5e;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:6px;padding:14px;background:#f0f4ff}.calculator-model-btn{padding:13px;border:1px solid #c7d4f0;border-radius:8px;background:#fff;color:#1e2a4a;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;min-height:46px;letter-spacing:.2px;box-shadow:0 1px 3px #3a6adf14}.calculator-model-btn:hover{background:#dce8ff;border-color:#a5b4fc;transform:translateY(-1px);box-shadow:0 3px 8px #3a6adf26}.calculator-model-btn:active{transform:translateY(0);box-shadow:0 1px 3px #3a6adf14}.calculator-model-btn-number{color:#1e2a4a;background:#fff}.calculator-model-btn-number:hover{background:#dce8ff;border-color:#a5b4fc}.calculator-model-btn-operator{color:#3a6adf;background:#eaf0ff;border-color:#a5b4fc;font-weight:700}.calculator-model-btn-operator:hover{background:#dce8ff;border-color:#3a6adf;box-shadow:0 3px 8px #3a6adf33}.calculator-model-btn-clear{color:#ef4444;background:#fff5f5;border-color:#fca5a5;font-weight:700}.calculator-model-btn-clear:hover{background:#fee2e2;border-color:#ef4444;box-shadow:0 3px 8px #ef444426}.calculator-model-btn-equals{background:linear-gradient(135deg,#3a6adf,#1a3a8a);border-color:#3a6adf;color:#fff;font-weight:800;box-shadow:0 2px 8px #3a6adf4d}.calculator-model-btn-equals:hover{background:linear-gradient(135deg,#1a3a8a,#3a6adf);border-color:#1a3a8a;box-shadow:0 4px 14px #3a6adf66;transform:translateY(-1px)}.calculator-model-btn-span-2{grid-column:span 2}.calculator-model-btn svg{width:16px;height:16px;stroke-width:2.5}.calculator-model-shortcuts{padding:10px 14px;background:#e8eeff;border-top:1px solid #c7d4f0}.calculator-model-shortcuts-title{font-size:10px;font-weight:700;color:#3a6adf;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.calculator-model-shortcuts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.calculator-model-shortcuts-list span{font-size:10px;color:#2d3f6e;padding:5px 8px;background:#fff;border-radius:5px;border-left:2px solid #3a6adf;font-family:Courier New,monospace}.calculator-model-guide{padding:10px 14px;background:#eaf0ff}.calculator-model-guide-title{font-size:10px;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.calculator-model-guide-list{display:flex;flex-direction:column;gap:4px}.calculator-model-guide-list span{font-size:10px;color:#2d3f6e;padding:5px 8px;background:#fff;border-radius:5px;border-left:2px solid #10b981;font-family:Courier New,monospace}.calculator-model-history::-webkit-scrollbar,.calculator-model-container::-webkit-scrollbar{width:5px}.calculator-model-history::-webkit-scrollbar-track,.calculator-model-container::-webkit-scrollbar-track{background:#eaf0ff}.calculator-model-history::-webkit-scrollbar-thumb,.calculator-model-container::-webkit-scrollbar-thumb{background:#a5b4fc;border-radius:3px}.calculator-model-history::-webkit-scrollbar-thumb:hover,.calculator-model-container::-webkit-scrollbar-thumb:hover{background:#3a6adf}@media(max-width:480px){.calculator-model-container{max-width:95%}.calculator-model-buttons{gap:5px;padding:10px}.calculator-model-btn{font-size:14px;padding:11px;min-height:42px}.calculator-model-value{font-size:24px}.calculator-model-shortcuts-list{grid-template-columns:1fr}}@media(max-width:360px){.calculator-model-btn{font-size:12px;padding:9px;min-height:38px}.calculator-model-value{font-size:20px}.calculator-model-shortcuts,.calculator-model-guide{display:none}}.calculator-model-btn:focus{outline:2px solid #3a6adf;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}}: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-color:#d5d7f3}.panel-wrapper{font-size:12px;width:100%;min-height:100vh;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}.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 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-time-picker{flex-direction:column}#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}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}#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,.cp-header,.cp-toggle,.cp-btn,.cp-datetime,.cp-user-chip,.cp-header-left,.cp-header-right,.cp-header-center{all:unset!important;display:none!important}:root{--ah-bg: linear-gradient(90deg, #0b0f1e 0%, #0d1530 35%, #0e1a3a 65%, #0b0f1e 100%);--ah-border: rgba(100, 140, 255, .18);--ah-card: rgba(20, 40, 90, .45);--ah-card-b: rgba(80, 120, 220, .18);--ah-text: #dce8ff;--ah-text-dim: #8fa4cc;--ah-accent: #3a6adf;--ah-ease: cubic-bezier(.4, 0, .2, 1);--ah-radius: 10px;--ah-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ah-font-b: "Rajdhani", "Inter", sans-serif}.ah-bar{position:sticky;top:0;z-index:999;display:flex;align-items:center;justify-content:space-between;height:62px;padding:0 20px 0 16px;font-family:var(--ah-font);background:var(--ah-bg);border-bottom:1px solid var(--ah-border);box-shadow:0 2px 20px #00000059}.ah-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(80,140,255,.35) 20%,rgba(120,180,255,.85) 50%,rgba(80,140,255,.35) 80%,transparent 100%);pointer-events:none}.ah-left{display:flex;align-items:center;flex-shrink:0}.ah-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ah-hamburger{width:38px;height:38px;border-radius:var(--ah-radius);border:1px solid var(--ah-card-b);background:var(--ah-card);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;transition:all .2s var(--ah-ease);transform:translateY(-1px);box-shadow:-2px 2px #0005148c,0 4px 14px #00051e59;flex-shrink:0}.ah-hamburger:hover{background:#fff;border-color:#ffffffe6;transform:translateY(-2px);box-shadow:-3px 3px #00051ea6,0 8px 22px #000a3273}.ah-hamburger:hover span{color:#0b0f1e!important}.ah-hamburger:active{transform:scale(.93)!important}.ah-clock{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:7px 14px;background:var(--ah-card);border:1px solid var(--ah-card-b);border-radius:12px;transform:translateY(-1px);transition:all .2s var(--ah-ease);cursor:default;flex-shrink:0;box-shadow:-2px 2px #00051480,0 4px 14px #00051e4d,inset 0 1px #648cff0f}.ah-clock:hover{background:#1e376e8c;border-color:#5082ff59}.ah-clock-date{font-size:10.5px;font-weight:500;color:var(--ah-text-dim);letter-spacing:.5px;text-transform:uppercase;line-height:1.2}.ah-clock-time{font-family:var(--ah-font-b);font-size:1.05rem;font-weight:700;color:var(--ah-text);letter-spacing:1px;line-height:1.2;font-variant-numeric:tabular-nums;text-shadow:0 0 12px rgba(100,160,255,.3)}.ah-divider{width:1px;height:26px;background:linear-gradient(180deg,transparent,rgba(100,140,255,.25),transparent);flex-shrink:0;margin:0 2px}.ah-sms{display:flex;align-items:center;gap:5px;padding:0 12px;height:38px;min-width:68px;border-radius:var(--ah-radius);border:1px solid rgba(5,150,105,.35);background:#0596691a;color:#6ee7b7;font-size:11px;font-weight:700;white-space:nowrap;cursor:pointer;outline:none;transition:all .2s var(--ah-ease);position:relative;transform:translateY(-1px);flex-shrink:0;box-shadow:-2px 2px #00051480,0 4px 12px #00051e4d}.ah-sms:hover{background:#05966938;border-color:#6ee7b78c;color:#a7f3d0;transform:translateY(-3px);box-shadow:-3px 3px #00051e99,0 8px 22px #05966940}.ah-sms:active{transform:scale(.95)!important}.ah-sms--low{border-color:#ef444473;background:#ef44441a;color:#fca5a5}.ah-sms--low:hover{background:#ef444433;border-color:#ef4444b3;color:#fecaca}.ah-sms-icon{flex-shrink:0}.ah-sms-val{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.ah-sms-dot{width:6px;height:6px;border-radius:50%;background:#ef4444;animation:ah-pulse 1.5s infinite;flex-shrink:0}@keyframes ah-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}.ah-icon-btn{width:38px;height:38px;border-radius:var(--ah-radius);border:1px solid var(--ah-card-b);background:var(--ah-card);color:#ffffffa6;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;transition:all .2s var(--ah-ease);transform:translateY(-1px);flex-shrink:0;box-shadow:-2px 2px #00051480,0 4px 12px #00051e4d}.ah-icon-btn:hover{background:#ffffff1f;border-color:#ffffff38;color:#fff;transform:translateY(-3px);box-shadow:-3px 3px #00051e99,0 8px 22px #000a3259}.ah-icon-btn:active{transform:scale(.92)!important}.ah-icon-btn--calendar{color:#a5b4fc}.ah-icon-btn--calendar:hover{background:#6366f133;border-color:#6366f180;color:#c7d2fe;box-shadow:-3px 3px #00051e99,0 8px 22px #6366f140}.ah-icon-btn--calculator{color:#fcd34d}.ah-icon-btn--calculator:hover{background:#f59e0b26;border-color:#f59e0b66;color:#fde68a;box-shadow:-3px 3px #00051e99,0 8px 22px #f59e0b33}.ah-icon-btn--bell{color:#fbbf24}.ah-icon-btn--bell:hover{background:#fbbf241f;border-color:#fbbf2461;color:#fcd34d;box-shadow:-3px 3px #00051e99,0 8px 22px #fbbf2433}.ah-bell-wrap{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ah-bell-badge{position:absolute;top:-5px;right:-5px;min-width:16px;height:16px;padding:0 4px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;font-size:9px;font-weight:800;border-radius:8px;display:flex;align-items:center;justify-content:center;line-height:1;border:1.5px solid #0b0f1e;pointer-events:none;box-shadow:0 2px 10px #ef444480;animation:ah-badge-pulse 2s infinite}@keyframes ah-badge-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}.ah-action-btn{width:38px;height:38px;border-radius:var(--ah-radius);border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;outline:none;transition:all .2s var(--ah-ease);transform:translateY(-1px);flex-shrink:0}.ah-action-btn:active{transform:scale(.92)!important}.ah-action-btn--restart{background:#ef44441f;border-color:#ef44444d;color:#fc8181;box-shadow:-2px 2px #00051480,0 4px 12px #00051e4d}.ah-action-btn--restart:hover{background:#e53e3e;border-color:#e53e3e;color:#fff;transform:translateY(-3px);box-shadow:0 6px 18px #e53e3e73}.ah-action-btn--update{background:#48bb781f;border-color:#48bb784d;color:#68d391;box-shadow:-2px 2px #00051480,0 4px 12px #00051e4d}.ah-action-btn--update:hover{background:#38a169;border-color:#38a169;color:#fff;transform:translateY(-3px);box-shadow:0 6px 18px #38a16973}.ah-profile{display:flex;align-items:center;gap:9px;padding:5px 12px 5px 5px;border-radius:40px;border:1px solid var(--ah-card-b);background:var(--ah-card);cursor:pointer;transition:all .2s var(--ah-ease);transform:translateY(-1px);flex-shrink:0;box-shadow:-2px 2px #00051480,0 4px 12px #00051e4d}.ah-profile:hover{background:#1e376e99;border-color:#5082ff66;transform:translateY(-2px);box-shadow:-3px 3px #00051e99,0 8px 22px #000a3266}.ah-profile:active{transform:scale(.97)!important}.ah-profile-avatar{background:linear-gradient(135deg,#3a6adf,#1a3a8a)!important;border:2px solid rgba(100,140,255,.3)!important;flex-shrink:0;transition:border-color .2s var(--ah-ease)}.ah-profile:hover .ah-profile-avatar{border-color:#64a0ff99!important}.ah-profile-texts{display:flex;flex-direction:column;gap:2px;line-height:1}.ah-profile-name{font-size:13px;font-weight:700;color:var(--ah-text);white-space:nowrap;letter-spacing:.2px}.ah-profile-role{font-size:10px;font-weight:500;color:var(--ah-text-dim);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.ah-dropdown .ant-dropdown-menu{background:linear-gradient(160deg,#0d1530,#0e1a3a)!important;border:1px solid var(--ah-border)!important;border-radius:14px!important;box-shadow:0 16px 56px #000828d9!important;padding:6px!important;min-width:240px;overflow:hidden;animation:ah-drop-in .2s var(--ah-ease)}@keyframes ah-drop-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.ah-dropdown .ant-dropdown-menu-item{border-radius:8px!important;color:var(--ah-text)!important;transition:all .15s var(--ah-ease)!important;margin:2px 0!important;font-family:var(--ah-font)!important}.ah-dropdown .ant-dropdown-menu-item:hover{background:#3a6adf26!important;padding-left:18px!important}.ah-dropdown .ant-dropdown-menu-item-divider{background:var(--ah-border)!important;margin:4px 0!important}.ah-profile-head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#14285a66;border-radius:10px;border:1px solid var(--ah-card-b)}.ah-profile-info{display:flex;flex-direction:column;gap:4px}.ah-profile-name{font-size:14px;font-weight:700;color:var(--ah-text)}.ah-profile-sub{font-size:11px;color:var(--ah-text-dim)}.ah-menu-label{font-size:13px;color:var(--ah-text);font-weight:500}.ah-menu-label--logout{color:#f87171!important}.ah-drop-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 20px;color:var(--ah-text-dim);font-size:13px}.ah-notif-row{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(80,120,220,.1)}.ah-notif-body{display:flex;flex-direction:column;gap:4px}.ah-notif-title{font-size:12.5px;color:var(--ah-text);font-weight:600}.ah-notif-desc{font-size:11px;color:var(--ah-text-dim)}.ah-view-all{display:block;text-align:center;font-size:12px;font-weight:700;color:var(--ah-accent);padding:6px 0;cursor:pointer;transition:color .15s ease}.ah-view-all:hover{color:#7aa4ff}@media(max-width:1024px){.ah-bar{padding:0 14px 0 12px}.ah-clock{padding:6px 11px}}@media(max-width:768px){.ah-bar{height:56px;padding:0 12px 0 10px}.ah-right{gap:6px}.ah-icon-btn,.ah-action-btn,.ah-hamburger{width:34px;height:34px}.ah-profile-texts{display:none}.ah-profile{padding:4px;border-radius:50%}.ah-action-btn--restart,.ah-action-btn--update{display:none}}@media(max-width:600px){.ah-clock-date{display:none}.ah-clock{padding:6px 10px}}@media(max-width:480px){.ah-bar{height:52px;padding:0 8px}.ah-sms,.ah-icon-btn--calendar{display:none}.ah-icon-btn,.ah-action-btn,.ah-hamburger{width:30px;height:30px}}.ah-hamburger:focus-visible,.ah-icon-btn:focus-visible,.ah-action-btn:focus-visible,.ah-sms:focus-visible{outline:2px solid var(--ah-accent);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ah-hamburger,.ah-icon-btn,.ah-action-btn,.ah-sms,.ah-profile,.ah-clock,.ah-sms-dot,.ah-bell-badge{transition:none!important;animation:none!important}}@media print{.ah-bar{display:none}}.cal-wrap{background:#f0f4ff;overflow:hidden;font-family:Inter,Segoe UI,sans-serif;color:#1e2a4a;-webkit-user-select:none;user-select:none;min-width:360px;border-radius:0}.cal-header{background:#1a2a5e;padding:14px 18px 12px;border-bottom:1px solid #c7d4f0}.cal-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cal-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#fff;letter-spacing:.3px}.cal-icon{font-size:16px}.cal-close{background:#ffffff1f;border:none;color:#fff;width:26px;height:26px;border-radius:50%;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.cal-close:hover{background:#f871714d;color:#fca5a5}.cal-nav{display:flex;align-items:center;gap:8px}.cal-nav-btn{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.cal-nav-btn:hover{background:#ffffff40}.cal-month-label{flex:1;text-align:center;font-size:14px;font-weight:700;color:#fff;letter-spacing:.5px}.cal-today-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;transition:background .2s;letter-spacing:.4px}.cal-today-btn:hover{background:#ffffff47}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;padding:10px 14px;background:#f0f4ff}.cal-grid--head{padding-bottom:2px;background:#e8eeff}.cal-grid--body{padding-top:4px}.cal-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:6px;aspect-ratio:1;position:relative;transition:background .15s}.cal-cell--head{font-size:10px;font-weight:700;color:#3a6adf;letter-spacing:.6px;text-transform:uppercase;aspect-ratio:unset;padding:5px 0}.cal-cell--empty{background:transparent}.cal-cell--day{background:transparent;border:1px solid transparent;cursor:pointer;color:#2d3f6e;font-size:13px;font-weight:500;gap:2px}.cal-cell--day:hover{background:#dce8ff;border-color:#a5b4fc;color:#1a2a5e}.cal-cell--today{background:#e0e9ff!important;border-color:#3a6adf!important;color:#1a2a5e!important;font-weight:700!important}.cal-cell--selected{background:linear-gradient(135deg,#3a6adf,#1a3a8a)!important;border-color:#3a6adf!important;color:#fff!important;font-weight:700!important;box-shadow:0 2px 8px #3a6adf59}.cal-day-num{line-height:1}.cal-dot{width:4px;height:4px;border-radius:50%;background:#3a6adf;flex-shrink:0}.cal-cell--selected .cal-dot{background:#fff}.cal-events{border-top:1px solid #c7d4f0;padding:12px 16px 16px;background:#eaf0ff}.cal-events-title{font-size:11px;font-weight:700;color:#3a6adf;margin-bottom:8px;letter-spacing:.3px;text-transform:uppercase}.cal-events-empty{font-size:12px;color:#7a90c0;margin:0 0 10px;font-style:italic}.cal-events-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.cal-event-item{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #c7d4f0;border-radius:6px;padding:6px 10px}.cal-event-dot{width:6px;height:6px;border-radius:50%;background:#3a6adf;flex-shrink:0}.cal-event-text{flex:1;font-size:12px;color:#1e2a4a;word-break:break-word}.cal-event-del{background:none;border:none;color:#a0b0d0;cursor:pointer;font-size:11px;padding:0 2px;line-height:1;transition:color .15s;flex-shrink:0}.cal-event-del:hover{color:#ef4444}.cal-add-row{display:flex;gap:8px}.cal-add-input{flex:1;background:#fff;border:1px solid #c7d4f0;border-radius:6px;color:#1e2a4a;font-size:12px;padding:7px 12px;outline:none;transition:border-color .2s;font-family:inherit}.cal-add-input::placeholder{color:#9ab0d0}.cal-add-input:focus{border-color:#3a6adf}.cal-add-btn{background:linear-gradient(135deg,#3a6adf,#1a3a8a);border:none;color:#fff;width:34px;height:34px;border-radius:6px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.cal-add-btn:hover{opacity:.85}.gc-wrapper{width:100%;margin-bottom:20px;font-family:Inter,system-ui,-apple-system,sans-serif;perspective:1200px}.gc-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;width:100%}.gc-card{position:relative;border-radius:20px;padding:18px 16px 16px;overflow:hidden;cursor:default;transition:transform .4s cubic-bezier(.34,1.56,.64,1),box-shadow .4s ease;background:linear-gradient(160deg,#fffffffa,#f8fafcf2);border:1px solid rgba(255,255,255,.9);box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000a,0 8px 16px #0000000f,0 20px 40px #0000000d,0 1px #fff inset;transform-style:preserve-3d;animation:gc-rise .55s cubic-bezier(.34,1.56,.64,1) both}.gc-card:nth-child(1){animation-delay:.04s}.gc-card:nth-child(2){animation-delay:.1s}.gc-card:nth-child(3){animation-delay:.16s}.gc-card:nth-child(4){animation-delay:.22s}.gc-card:nth-child(5){animation-delay:.28s}.gc-card:nth-child(6){animation-delay:.34s}.gc-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:0 0 0 1px #0000000a,0 4px 8px #0000000f,0 16px 32px #0000001a,0 32px 64px #00000012,0 1px #fff inset,0 0 40px var(--cg, rgba(6,182,212,.15))}.gc-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,var(--cc, #06b6d4) 0%,var(--ce, #0891b2) 50%,var(--cc, #06b6d4) 100%);background-size:200%;animation:gc-shimmer 3s linear infinite;z-index:10}.gc-card:after{content:"";position:absolute;bottom:-4px;left:6px;right:6px;height:8px;border-radius:0 0 20px 20px;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 100%);filter:blur(4px);z-index:-1}.gc-scene{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden;border-radius:20px}.gc-orb{position:absolute;border-radius:50%;filter:blur(22px);opacity:.13;background:var(--cc, #06b6d4)}.gc-orb--a{width:90px;height:90px;top:-30px;right:-20px}.gc-orb--b{width:55px;height:55px;bottom:-15px;left:5px;opacity:.08}.gc-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(0,0,0,.06) 1px,transparent 1px);background-size:16px 16px;opacity:.5}.gc-body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px}.gc-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:20px;font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;width:fit-content;margin-bottom:4px;background:#06b6d41a;color:#0891b2;border:1px solid rgba(6,182,212,.2);box-shadow:0 1px #fffc inset,0 1px 3px #0000000f}.gc-chip--green{background:#10b9811a;color:#059669;border-color:#10b98133}.gc-chip--amber{background:#f59e0b1a;color:#d97706;border-color:#f59e0b33}.gc-chip--purple{background:#8b5cf61a;color:#7c3aed;border-color:#8b5cf633}.gc-chip--pink{background:#ec48991a;color:#db2777;border-color:#ec489933}.gc-chip-dot{width:5px;height:5px;border-radius:50%;background:#06b6d4;animation:gc-pulse 2s infinite;flex-shrink:0}.gc-chip-dot--green{background:#10b981}.gc-chip-dot--amber{background:#f59e0b}.gc-chip-dot--purple{background:#8b5cf6}.gc-chip-dot--pink{background:#ec4899}.gc-emoji-stage{position:absolute;top:12px;right:12px;z-index:3}.gc-emoji-float{position:relative;animation:gc-float 3s ease-in-out infinite}.gc-emoji-body{width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#ffffffe6,#f8fafcb3);border:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 2px #ffffffe6 inset,0 4px 12px #0000001a,0 8px 24px var(--cg, rgba(6,182,212,.2))}.gc-emoji-face{font-size:1.8rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.gc-emoji-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:50%;border:2px solid var(--cc, #06b6d4);opacity:.25;animation:gc-spin-slow 8s linear infinite;border-style:dashed}.gc-emoji-glow{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:radial-gradient(circle,var(--cg, rgba(6,182,212,.3)) 0%,transparent 70%);z-index:1;animation:gc-glow-pulse 2s ease-in-out infinite}.gc-emoji-shadow{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:36px;height:10px;background:var(--cc, #06b6d4);border-radius:50%;opacity:.2;filter:blur(6px);z-index:0}.gc-greeting-title{font-size:.95rem;font-weight:800;color:#0f172a;margin:0;line-height:1.35;letter-spacing:-.3px}.gc-greeting-text{font-size:.85rem;font-weight:700;color:#334155}.gc-greeting-name{font-size:1rem;font-weight:900;background:linear-gradient(135deg,var(--cc, #06b6d4),var(--ce, #0891b2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gc-greeting-sub{font-size:.65rem;color:#64748b;margin:0;font-weight:500;line-height:1.4}.gc-calendar-3d{position:absolute;top:12px;right:12px;z-index:3;transform-style:preserve-3d;animation:gc-float 4s ease-in-out infinite}.gc-cal-top{width:52px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px 8px 0 0;padding:3px 6px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:3}.gc-cal-month{font-size:.42rem;font-weight:800;color:#ffffffe6;text-transform:uppercase;letter-spacing:.05em}.gc-cal-year{font-size:.38rem;font-weight:600;color:#ffffffb3}.gc-cal-face{width:52px;height:44px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(16,185,129,.15);border-top:none;border-radius:0 0 6px 6px;display:flex;align-items:center;justify-content:center;position:relative;z-index:3;box-shadow:0 1px #ffffffe6 inset,0 2px 6px #00000014}.gc-cal-num{font-size:1.5rem;font-weight:900;color:#0f172a;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.1)}.gc-cal-side{position:absolute;top:8px;right:-5px;width:5px;height:calc(100% - 8px);background:linear-gradient(180deg,#059669,#047857);border-radius:0 4px 4px 0;z-index:2;transform:skewY(0)}.gc-cal-bottom{position:absolute;bottom:-4px;left:4px;width:52px;height:4px;background:#0000001f;border-radius:0 0 6px 6px;filter:blur(2px);z-index:1}.gc-cal-shadow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:44px;height:10px;background:#10b981;border-radius:50%;opacity:.15;filter:blur(6px)}.gc-date-day{font-size:.92rem;font-weight:800;color:#0f172a;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.06)}.gc-date-full{font-size:.65rem;color:#64748b;font-weight:500}.gc-badges-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:2px}.gc-badge{font-size:.55rem;font-weight:700;padding:2px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 1px #fffc inset,0 1px 3px #00000014}.gc-badge--green{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.2)}.gc-badge--teal{background:#06b6d41f;color:#0891b2;border:1px solid rgba(6,182,212,.2)}.gc-badge--pink{background:#ec48991f;color:#db2777;border:1px solid rgba(236,72,153,.2)}.gc-flipclock{display:flex;align-items:center;gap:4px;margin:4px 0}.gc-fc-group{display:flex;gap:2px}.gc-digit{width:26px;height:34px;border-radius:6px;position:relative;overflow:hidden;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.08);box-shadow:0 1px #ffffff1a inset,0 -1px #0000004d inset,0 3px 6px #0000004d,0 6px 12px #0003}.gc-digit--accent{background:linear-gradient(180deg,#78350f,#451a03);box-shadow:0 1px #ffffff1a inset,0 -1px #0000004d inset,0 3px 6px #f59e0b4d,0 6px 12px #f59e0b26}.gc-digit-top{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:1px;font-size:.95rem;font-weight:900;font-family:Courier New,monospace;color:#f1f5f9;text-shadow:0 0 8px rgba(255,255,255,.3);background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 100%)}.gc-digit-bottom{flex:1;display:flex;align-items:flex-start;justify-content:center;padding-top:1px;font-size:.95rem;font-weight:900;font-family:Courier New,monospace;color:#94a3b8;text-shadow:none;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 100%)}.gc-digit-line{position:absolute;left:0;right:0;top:50%;height:1px;background:#00000080;z-index:5;box-shadow:0 1px #ffffff0d}.gc-fc-colon{display:flex;flex-direction:column;gap:5px;padding:4px 0;align-items:center;animation:gc-blink 1s step-end infinite}.gc-fc-dot{width:4px;height:4px;border-radius:50%;background:#f59e0b;box-shadow:0 0 6px #f59e0b99}.gc-fc-ampm{font-size:.55rem;font-weight:800;color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);padding:3px 5px;border-radius:5px;align-self:flex-end;margin-bottom:2px;letter-spacing:.04em;box-shadow:0 2px 6px #f59e0b66}.gc-clock-labels{display:flex;gap:4px;align-items:center}.gc-clock-labels span{font-size:.48rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;width:54px;text-align:center}.gc-ring-stage{position:absolute;top:10px;right:8px;z-index:3;animation:gc-float 3.5s ease-in-out infinite}.gc-ring-svg{width:60px;height:60px;transform:rotate(-90deg);filter:drop-shadow(0 4px 8px rgba(139,92,246,.3))}.gc-ring-track{fill:none;stroke:#e2e8f0;stroke-width:6}.gc-ring-fill{fill:none;stroke-width:6;stroke-linecap:round;stroke-dasharray:201;transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1)}.gc-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.gc-ring-pct{font-size:.7rem;font-weight:900;color:#0f172a;font-family:Courier New,monospace}.gc-ring-shadow{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:40px;height:8px;background:#8b5cf6;border-radius:50%;opacity:.15;filter:blur(5px)}.gc-progress-label{font-size:.72rem;font-weight:700;color:#0f172a;text-shadow:0 1px 0 rgba(255,255,255,.8)}.gc-bar-3d{position:relative;margin:4px 0 2px}.gc-bar-track{position:relative;width:100%;height:8px;background:#e2e8f0;border-radius:10px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a,inset 0 1px 2px #0000000f}.gc-bar-fill{height:100%;border-radius:10px;background:linear-gradient(90deg,#a78bfa,#8b5cf6 60%,#7c3aed);transition:width 1s cubic-bezier(.4,0,.2,1);box-shadow:0 0 8px #8b5cf680}.gc-bar-shine{position:absolute;top:0;left:0;height:50%;border-radius:10px 10px 0 0;background:linear-gradient(180deg,rgba(255,255,255,.35) 0%,transparent 100%);transition:width 1s cubic-bezier(.4,0,.2,1);pointer-events:none}.gc-bar-side{position:absolute;bottom:-3px;left:0;height:3px;border-radius:0 0 4px 4px;background:#6d28d9;opacity:.4;transition:width 1s cubic-bezier(.4,0,.2,1)}.gc-bar-ends{display:flex;justify-content:space-between;font-size:.5rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.gc-year-stage{position:absolute;top:10px;right:10px;z-index:3;animation:gc-float 5s ease-in-out infinite}.gc-year-block{position:relative;transform-style:preserve-3d}.gc-year-num{display:block;font-size:1.1rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#ec4899,#db2777);padding:6px 10px;border-radius:8px;position:relative;z-index:3;letter-spacing:1px;box-shadow:0 1px #ffffff4d inset,0 4px 12px #ec489966;text-shadow:0 1px 2px rgba(0,0,0,.2)}.gc-year-side{position:absolute;top:4px;right:-5px;width:5px;height:100%;background:linear-gradient(180deg,#be185d,#9d174d);border-radius:0 4px 4px 0;z-index:2}.gc-year-bottom{position:absolute;bottom:-4px;left:4px;right:0;height:4px;background:#9d174d;border-radius:0 0 4px 4px;z-index:1}.gc-year-glow{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:50px;height:10px;background:#ec4899;border-radius:50%;opacity:.2;filter:blur(6px)}.gc-year-stats{display:flex;align-items:center;gap:10px;margin:4px 0}.gc-year-stat{display:flex;flex-direction:column;gap:1px}.gc-year-stat-val{font-size:1rem;font-weight:900;color:#0f172a;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.8),0 2px 4px rgba(0,0,0,.08)}.gc-year-stat-lbl{font-size:.52rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em}.gc-year-divider{width:1px;height:28px;background:linear-gradient(180deg,transparent,#e2e8f0,transparent)}.gc-seg-bar{display:flex;gap:2px;margin:4px 0 2px}.gc-seg{flex:1;height:7px;border-radius:3px;background:#e2e8f0;box-shadow:inset 0 1px 2px #00000014;transition:all .3s ease;position:relative}.gc-seg:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;border-radius:0 0 3px 3px;background:#0000001a}.gc-seg--on{background:linear-gradient(180deg,#f472b6,#ec4899);box-shadow:0 1px #ffffff4d inset,0 2px 4px #ec48994d}.gc-seg--on:after{background:#be185d}.gc-seg-labels{display:flex;justify-content:space-between;font-size:.48rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em}.gc-quote-stage{position:absolute;top:8px;right:12px;z-index:3;animation:gc-float 4.5s ease-in-out infinite}.gc-quote-mark{font-size:2.8rem;line-height:1;color:var(--cc, #06b6d4);opacity:.15;font-family:Georgia,serif;text-shadow:0 2px 0 rgba(0,0,0,.05),0 4px 8px rgba(0,0,0,.08);filter:drop-shadow(0 4px 6px var(--cg, rgba(6,182,212,.2)))}.gc-quote-text{font-size:.68rem;font-weight:600;color:#334155;line-height:1.5;margin:0;font-style:italic;text-shadow:0 1px 0 rgba(255,255,255,.8)}.gc-quote-author{font-size:.58rem;font-weight:700;color:#94a3b8;margin:0;text-transform:uppercase;letter-spacing:.06em}.gc-session-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:10px;font-size:.6rem;font-weight:700;margin-top:4px;box-shadow:0 1px #fffc inset,0 2px 6px #0000000f}.gc-session-icon{font-size:.75rem}.gc-session-sep{opacity:.4}@keyframes gc-rise{0%{opacity:0;transform:translateY(28px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gc-float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes gc-shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes gc-blink{0%,to{opacity:1}50%{opacity:.15}}@keyframes gc-pulse{0%,to{opacity:1;box-shadow:0 0 0 0 currentColor}50%{opacity:.7;box-shadow:0 0 0 4px transparent}}@keyframes gc-spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gc-glow-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@media(max-width:1400px){.gc-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.gc-grid{grid-template-columns:repeat(2,1fr);gap:12px}}@media(max-width:540px){.gc-grid{grid-template-columns:1fr;gap:10px}.gc-card{padding:14px}.gc-digit{width:22px;height:28px}.gc-digit-top,.gc-digit-bottom{font-size:.82rem}}.asc-wrapper{width:100%;display:flex;flex-direction:column;gap:12px;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}.asc-filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;box-shadow:0 1px 4px #0000000a}.asc-filter-group{display:flex;flex-direction:column;gap:4px;min-width:130px}.asc-filter-group--btn{min-width:unset}.asc-filter-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#64748b}.asc-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:7px 28px 7px 10px;font-size:.8rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2306b6d4' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px}.asc-select:hover{background-color:#e2e8f0;border-color:#06b6d4}.asc-select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d41f}.asc-refresh-btn{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#06b6d4,#0e7490);border:none;color:#fff;padding:7px 13px;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #06b6d440;white-space:nowrap}.asc-refresh-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #06b6d459}.asc-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}@keyframes asc-spin{to{transform:rotate(360deg)}}.asc-spin{animation:asc-spin .8s linear infinite}.asc-chart-panel{width:100%;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.asc-chart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);flex-wrap:wrap;gap:8px}.asc-chart-title-group{display:flex;flex-direction:column;gap:2px}.asc-chart-title{margin:0;font-size:.95rem;font-weight:700;color:#0f172a}.asc-chart-subtitle{margin:0;font-size:.7rem;color:#64748b;font-weight:500;display:flex;align-items:center;gap:6px}.asc-store-badge{background:#06b6d41a;color:#0891b2;border:1px solid rgba(6,182,212,.2);padding:1px 8px;border-radius:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.asc-fullscreen-btn{display:flex;align-items:center;gap:5px;background:linear-gradient(135deg,#06b6d4,#0e7490);border:none;color:#fff;padding:6px 12px;border-radius:8px;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 6px #06b6d433;white-space:nowrap}.asc-fullscreen-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #06b6d44d}.asc-chart-body{padding:16px;min-height:460px;display:flex;align-items:stretch;justify-content:center;width:100%;box-sizing:border-box}.asc-chart-inner{width:100%;height:460px;min-width:0}.asc-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#64748b;width:100%;padding:40px 20px}.asc-state p{font-size:.9rem;font-weight:500}.asc-state--error p{color:#ef4444}.asc-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#06b6d4;border-right-color:#0e7490;border-radius:50%;animation:asc-spin 1s linear infinite}.asc-retry-btn{background:#06b6d4;color:#fff;border:none;padding:7px 16px;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease}.asc-retry-btn:hover{background:#0891b2;transform:translateY(-1px)}.asc-tooltip{background:#fffffff7;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;padding:8px 12px;font-size:12px}.asc-tooltip-label{font-weight:700;color:#0f172a;margin-bottom:4px;font-size:11px}@media(max-width:900px){.asc-filter-bar{gap:8px;padding:10px}.asc-filter-group{min-width:110px}.asc-chart-body{min-height:360px;padding:10px}.asc-chart-inner{height:360px}}@media(max-width:600px){.asc-filter-group{min-width:calc(50% - 5px)}.asc-chart-body{min-height:280px;padding:8px}.asc-chart-inner{height:280px}.asc-chart-title{font-size:.82rem}}.pd-wrapper{width:100%;display:flex;flex-direction:column;gap:14px;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box}.pd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.pd-store-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:7px 28px 7px 10px;font-size:.8rem;font-weight:500;color:#0f172a;cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2306b6d4' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center;background-size:12px;min-width:160px}.pd-store-select:hover{background-color:#e2e8f0;border-color:#06b6d4}.pd-store-select:focus{outline:none;border-color:#06b6d4;box-shadow:0 0 0 2px #06b6d41f}.pd-cards-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.pd-stat-card{position:relative;background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid var(--card-border, rgba(6,182,212,.2));border-radius:14px;padding:14px 14px 12px;overflow:hidden;cursor:default;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px #ffffffe6 inset,0 2px 8px #0000000f,0 4px 16px #0000000a}.pd-stat-card:hover{transform:translateY(-4px);box-shadow:0 1px #ffffffe6 inset,0 8px 24px #0000001a,0 4px 12px #0000000f}.pd-card-accent{position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;background:var(--card-color, #06b6d4);opacity:.8}.pd-card-glow{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:80%;height:40px;border-radius:50%;filter:blur(12px);opacity:.4;pointer-events:none}.pd-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pd-card-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px #0000001a}.pd-card-value{font-size:1.3rem;font-weight:900;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.06)}.pd-card-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;margin-bottom:2px}.pd-card-suffix{font-size:.6rem;font-weight:600;opacity:.7}.pd-card-skeleton{width:60px;height:28px;background:linear-gradient(90deg,#e2e8f0 25%,#f1f5f9,#e2e8f0 75%);background-size:200%;border-radius:6px;animation:pd-shimmer 1.4s infinite}@keyframes pd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pd-rate-bar-track{margin-top:8px;height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden}.pd-rate-bar-fill{height:100%;border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.pd-charts-row{display:flex;gap:12px;width:100%;align-items:stretch}.pd-chart-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.pd-chart-box--wide{flex:0 0 60%;min-width:0}.pd-chart-box--narrow{flex:0 0 calc(20% - 8px);min-width:0}.pd-chart-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid #e2e8f0;background:linear-gradient(135deg,#f8fafc,#f1f5f9);gap:8px;flex-wrap:wrap}.pd-chart-title{margin:0 0 2px;font-size:.88rem;font-weight:700;color:#0f172a}.pd-chart-sub{margin:0;font-size:.65rem;color:#64748b;font-weight:500}.pd-chart-body{padding:12px;flex:1}.pd-chart-body--center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pd-badge{font-size:.6rem;font-weight:700;padding:3px 9px;border-radius:10px;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}.pd-badge--cyan{background:#06b6d41a;color:#0891b2;border:1px solid rgba(6,182,212,.2)}.pd-badge--pink{background:#ec48991a;color:#db2777;border:1px solid rgba(236,72,153,.2)}.pd-badge--purple{background:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.pd-badge--green{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.pd-pie-legend{display:flex;flex-direction:column;gap:6px;width:100%;padding:0 8px}.pd-pie-legend-item{display:flex;align-items:center;gap:6px;font-size:.7rem}.pd-pie-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.pd-pie-label{flex:1;color:#64748b;font-weight:500}.pd-pie-val{font-weight:700}.pd-stock-rate-badge{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:4px}.pd-stock-rate-badge span{font-size:1.4rem;font-weight:900;line-height:1}.pd-stock-rate-badge small{font-size:.6rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.pd-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;overflow-y:auto;max-height:260px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.pd-color-chip{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:6px;background:#f8fafc;border:1px solid #e2e8f0;transition:all .15s ease}.pd-color-chip:hover{background:#f1f5f9;border-color:#cbd5e1}.pd-color-swatch{width:12px;height:12px;border-radius:3px;flex-shrink:0;box-shadow:0 1px 3px #00000026}.pd-color-name{font-size:.62rem;font-weight:600;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-color-more{grid-column:1 / -1;text-align:center;font-size:.65rem;color:#94a3b8;font-weight:600;padding:4px}.pd-batch-table-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0000000d;overflow:hidden}.pd-table-wrap{overflow-x:auto;max-height:280px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.pd-table{width:100%;border-collapse:collapse;font-size:.78rem}.pd-table thead tr{background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:sticky;top:0;z-index:2}.pd-table th{padding:10px 14px;text-align:left;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#64748b;border-bottom:1px solid #e2e8f0;white-space:nowrap}.pd-table td{padding:9px 14px;border-bottom:1px solid #f1f5f9;color:#334155;font-weight:500}.pd-table tbody tr:hover{background:#f8fafc}.pd-table tbody tr:last-child td{border-bottom:none}.pd-td-num{color:#94a3b8;font-size:.7rem;width:36px}.pd-td-name{font-weight:700;color:#0f172a}.pd-td-muted{color:#94a3b8;font-size:.72rem}.pd-count-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.7rem;font-weight:700}.pd-td-bar{display:flex;align-items:center;gap:8px;min-width:140px}.pd-mini-bar-track{flex:1;height:6px;background:#e2e8f0;border-radius:4px;overflow:hidden}.pd-mini-bar-fill{height:100%;border-radius:4px;transition:width .6s ease}.pd-mini-pct{font-size:.62rem;font-weight:600;color:#94a3b8;width:32px;text-align:right}.pd-chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#94a3b8;padding:20px}.pd-chart-loading p{font-size:.8rem;font-weight:500}.pd-chart-empty{display:flex;align-items:center;justify-content:center;padding:30px;color:#94a3b8;font-size:.85rem;font-weight:500}.pd-spinner{width:28px;height:28px;border:3px solid #e2e8f0;border-top-color:#06b6d4;border-radius:50%;animation:pd-spin 1s linear infinite}.pd-tooltip{background:#fffffff7;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 8px 24px #0000001a;padding:8px 12px}.pd-tooltip-title{font-size:.75rem;font-weight:700;color:#0f172a;margin-bottom:4px}@media(max-width:1400px){.pd-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.pd-charts-row{flex-direction:column}.pd-chart-box--wide,.pd-chart-box--narrow{flex:unset;width:100%}.pd-cards-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.pd-cards-grid{grid-template-columns:repeat(2,1fr)}.pd-color-grid{grid-template-columns:1fr}}@media(max-width:480px){.pd-cards-grid{grid-template-columns:1fr 1fr}.pd-card-value{font-size:1.1rem}}.pd-wrapper{width:100%;display:flex;margin-top:10px;flex-direction:column;border-radius:15px;gap:14px;font-family:Inter,system-ui,-apple-system,sans-serif;box-sizing:border-box;background:#f1f5f9;padding:0}.pd-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 18px;box-shadow:0 2px 8px #0000000d}.pd-title{margin:0 0 2px;font-size:1.05rem;font-weight:800;color:#0f172a}.pd-subtitle{margin:0;font-size:.72rem;color:#64748b;font-weight:500}.cov-wrapper{margin-top:20px;border-radius:15px;background:#f0f2f5;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.cov-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;flex-wrap:wrap;gap:10px}.cov-title{font-size:18px;font-weight:700;color:#1d2b3a;margin:0 0 2px}.cov-subtitle{font-size:12px;color:#64748b;margin:0}.cov-refresh-btn{display:inline-flex;align-items:center;gap:6px;padding:0 14px;height:32px;border-radius:6px;border:1px solid #d9d9d9;background:#fff;color:#595959;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s}.cov-refresh-btn:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.cov-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes cov-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cov-spin{animation:cov-spin .8s linear infinite}.cov-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.cov-stat-card{position:relative;background:#fff;border-radius:10px;padding:14px 14px 12px;box-shadow:0 1px 4px #00000012;border:1px solid rgba(0,0,0,.05);overflow:hidden;transition:transform .2s,box-shadow .2s;cursor:default}.cov-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.cov-card-accent{position:absolute;top:0;left:0;right:0;height:3px;background:var(--cov-color);border-radius:10px 10px 0 0}.cov-card-glow{position:absolute;bottom:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.35;pointer-events:none}.cov-card-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.cov-card-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;flex-shrink:0}.cov-card-val{font-size:20px;font-weight:800;line-height:1;text-align:right}.cov-card-label{font-size:11px;font-weight:700;color:#374151;margin-bottom:2px;text-transform:uppercase;letter-spacing:.3px}.cov-card-sub{font-size:10px;font-weight:500;opacity:.75}.cov-skeleton{width:70px;height:22px;border-radius:5px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:cov-shimmer 1.2s infinite}@keyframes cov-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cov-charts-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.cov-chart-box{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000012;border:1px solid rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column}.cov-chart-box--half{grid-column:span 1}.cov-charts-row>.cov-chart-box:first-child{grid-column:span 1}.cov-charts-row{grid-template-columns:2fr 1fr 1fr}.cov-chart-hdr{display:flex;align-items:flex-start;justify-content:space-between;padding:12px 14px 8px;border-bottom:1px solid #f0f0f0;gap:8px;flex-wrap:wrap}.cov-chart-title{font-size:13px;font-weight:700;color:#1d2b3a;margin:0 0 2px}.cov-chart-sub{font-size:11px;color:#64748b;margin:0}.cov-chart-body{padding:12px 10px;flex:1}.cov-chart-body--center{display:flex;flex-direction:column;align-items:center;justify-content:center}.cov-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap;letter-spacing:.3px}.cov-badge--cyan{background:#06b6d41a;color:#06b6d4;border:1px solid rgba(6,182,212,.25)}.cov-pie-legend{width:100%;display:flex;flex-direction:column;gap:5px;padding:6px 4px 0}.cov-pie-row{display:flex;align-items:center;gap:7px;font-size:11px}.cov-pie-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cov-pie-lbl{flex:1;color:#64748b;font-weight:500}.cov-pie-val{font-weight:700;font-size:11px}.cov-rate-ring{display:flex;flex-direction:column;align-items:center;margin-top:10px;padding:8px 16px;background:#f9fafb;border-radius:8px;border:1px solid #f0f0f0;width:100%;box-sizing:border-box}.cov-rate-ring span{font-size:22px;font-weight:800;line-height:1}.cov-rate-ring small{font-size:10px;color:#94a3b8;margin-top:2px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}.cov-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;box-shadow:0 4px 12px #0000001a;font-size:11px}.cov-tip-title{font-weight:700;color:#1d2b3a;margin:0 0 4px;font-size:11px}.cov-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:#94a3b8;font-size:12px}.cov-spinner{width:28px;height:28px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:cov-spin .8s linear infinite}.cov-empty{display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#94a3b8;font-size:12px}.cov-empty p{margin:0}@media(max-width:1200px){.cov-cards-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.cov-cards-grid{grid-template-columns:repeat(2,1fr)}.cov-charts-row{grid-template-columns:1fr 1fr}.cov-charts-row>.cov-chart-box:first-child{grid-column:span 2}}@media(max-width:640px){.cov-wrapper{padding:10px;border-radius:10px}.cov-cards-grid{grid-template-columns:repeat(2,1fr);gap:8px}.cov-charts-row{grid-template-columns:1fr}.cov-charts-row>.cov-chart-box:first-child{grid-column:span 1}.cov-card-val{font-size:16px}}@media(max-width:400px){.cov-cards-grid{grid-template-columns:1fr}}.sm-container{display:flex;flex-direction:column;height:300vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.sm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.sm-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.sm-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.sm-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.css-root{background:#f4f6f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:14px 18px;position:relative}.css-center-card{background:#fff;border-radius:12px;padding:32px 28px;text-align:center;max-width:400px;margin:40px auto;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;align-items:center;gap:10px}.css-center-text{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.css-error-icon-wrap{width:44px;height:44px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.css-error-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0}.css-btn-retry{padding:7px 18px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s}.css-btn-retry:hover{background:#b91c1c;transform:translateY(-1px)}.css-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.css-page-header-left{display:flex;align-items:center;gap:10px}.css-page-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #667eea59}.css-page-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.css-page-subtitle{font-size:11px;color:#6b7280;margin:2px 0 0}.css-header-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.css-info-banner{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3px solid #10b981;border-radius:6px;margin-bottom:12px;color:#065f46;font-size:11.5px;font-weight:500}.css-body{display:grid;grid-template-columns:210px 1fr;gap:12px;align-items:start}.css-logo-card{background:#fff;border-radius:10px;box-shadow:0 1px 5px #0000000f;border:1.5px solid #f0f0f0;overflow:hidden;position:sticky;top:14px}.css-logo-header{display:flex;align-items:center;gap:6px;padding:9px 12px;background:#fafafa;border-bottom:1.5px solid #f0f0f0;font-size:11.5px;font-weight:700;color:#1a1a2e}.css-logo-body{padding:14px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.css-logo-preview-wrap{width:100%;display:flex;justify-content:center}.css-logo-preview-box{position:relative;display:inline-flex}.css-logo-img{width:110px;height:110px;object-fit:contain;border-radius:8px;border:2px solid #e5e7eb;background:#f9fafb;padding:6px}.css-logo-clear{position:absolute;top:-5px;right:-5px;width:18px;height:18px;background:#ef4444;color:#fff;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #00000026;transition:background .2s}.css-logo-clear:hover{background:#dc2626}.css-logo-placeholder{width:110px;height:110px;border-radius:8px;border:2px dashed #e5e7eb;background:#f9fafb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#d1d5db;font-size:10px;font-weight:500}.css-file-input{display:none}.css-upload-btn{display:flex;align-items:center;gap:6px;padding:7px 13px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:6px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 7px #667eea4d;white-space:nowrap}.css-upload-btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px #667eea66}.css-upload-hint{font-size:10px;color:#9ca3af;margin:0;text-align:center}.css-comid-badge{margin:0 12px 12px;padding:7px 10px;background:#f4f6f9;border-radius:6px;border:1.5px solid #e5e7eb;display:flex;flex-direction:column;gap:2px}.css-comid-label{font-size:9px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.css-comid-value{font-size:11px;font-weight:700;color:#1a1a2e;font-family:Courier New,monospace;word-break:break-all}.css-form-card{background:#fff;border-radius:10px;box-shadow:0 1px 5px #0000000f;border:1.5px solid #f0f0f0;overflow:hidden;display:flex;flex-direction:column}.css-section-tabs{display:flex;background:#fafafa;border-bottom:1.5px solid #f0f0f0;overflow-x:auto;scrollbar-width:none}.css-section-tabs::-webkit-scrollbar{display:none}.css-section-tab{display:flex;align-items:center;gap:5px;padding:9px 14px;background:transparent;border:none;border-bottom:2px solid transparent;font-size:11.5px;font-weight:600;color:#6b7280;cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0}.css-section-tab:hover{color:#374151;background:#f3f4f6}.css-section-tab.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.css-form-body{padding:16px;flex:1}.css-section-panel{animation:cssFadeIn .18s ease}@keyframes cssFadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.css-fields-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.css-field-group{display:flex;flex-direction:column;gap:4px}.css-field-full{grid-column:1 / -1}.css-field-2col{grid-column:span 2}.css-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.4px}.css-req{color:#ef4444;font-weight:700}.css-input{padding:6px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#1a1a2e;background:#f9fafb;transition:border-color .2s,box-shadow .2s,background .2s;font-family:inherit;width:100%;box-sizing:border-box;height:32px}.css-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1f;background:#fff}.css-input-readonly{background:#f3f4f6;color:#6b7280;cursor:not-allowed}.css-input-readonly:focus{border-color:#e5e7eb;box-shadow:none}.css-textarea{padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:500;color:#1a1a2e;background:#f9fafb;transition:border-color .2s,box-shadow .2s,background .2s;font-family:inherit;resize:vertical;min-height:64px;width:100%;box-sizing:border-box}.css-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1f;background:#fff}.css-char-count{font-size:10px;color:#9ca3af;text-align:right;margin-top:1px}.css-field-hint{font-size:10px;color:#9ca3af;margin-top:1px;line-height:1.4}.css-form-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fafafa;border-top:1.5px solid #f0f0f0;flex-wrap:wrap;gap:8px}.css-footer-info{font-size:11px;color:#9ca3af;display:flex;align-items:center;gap:3px}.css-footer-actions{display:flex;gap:8px;align-items:center}.css-btn-save{display:flex;align-items:center;gap:6px;padding:7px 16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 7px #667eea4d;white-space:nowrap}.css-btn-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea73}.css-btn-save:disabled{opacity:.55;cursor:not-allowed}.css-btn-reset{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.css-btn-reset:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}.css-btn-reset:disabled{opacity:.5;cursor:not-allowed}.css-saving-toast{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1a1a2e;color:#fff;border-radius:8px;font-size:12px;font-weight:600;box-shadow:0 4px 18px #00000040;z-index:9999;animation:cssSlideUp .3s ease}@keyframes cssSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.css-spinner-lg{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:cssSpin .75s linear infinite}.css-spinner-sm{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:cssSpin .75s linear infinite}@keyframes cssSpin{to{transform:rotate(360deg)}}@media(max-width:1100px){.css-fields-grid{grid-template-columns:1fr 1fr}.css-field-full{grid-column:1 / -1}.css-field-2col{grid-column:span 2}}@media(max-width:1024px){.css-body{grid-template-columns:190px 1fr}}@media(max-width:768px){.css-root{padding:10px}.css-body{grid-template-columns:1fr}.css-logo-card{position:static}.css-logo-body{flex-direction:row;flex-wrap:wrap;justify-content:center}.css-fields-grid{grid-template-columns:1fr 1fr}.css-page-header{flex-direction:column;align-items:flex-start}.css-header-actions{width:100%}.css-btn-save,.css-btn-reset{flex:1;justify-content:center}.css-form-footer{flex-direction:column;align-items:stretch}.css-footer-actions{width:100%}.css-footer-actions .css-btn-save,.css-footer-actions .css-btn-reset{flex:1;justify-content:center}}@media(max-width:480px){.css-root{padding:8px}.css-page-title{font-size:13px}.css-page-icon{width:32px;height:32px}.css-form-body{padding:12px}.css-section-tab{padding:8px 11px;font-size:11px}.css-fields-grid{grid-template-columns:1fr}.css-field-full,.css-field-2col{grid-column:1 / -1}.css-saving-toast{bottom:12px;right:12px;left:12px;justify-content:center}}@media(prefers-reduced-motion:reduce){.css-input,.css-textarea,.css-section-tab,.css-btn-save,.css-btn-reset,.css-section-panel{transition:none;animation:none}.css-spinner-lg,.css-spinner-sm{animation:none}}.rfs-root{background:#f4f6f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:24px;position:relative}.rfs-guard-card{background:#fff;border-radius:16px;padding:48px 40px;text-align:center;max-width:440px;margin:60px auto;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;align-items:center;gap:14px}.rfs-guard-card p{font-size:14px;color:#6b7280;margin:0}.rfs-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.rfs-page-header-left{display:flex;align-items:center;gap:14px}.rfs-page-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea59}.rfs-page-title{font-size:22px;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.rfs-page-subtitle{font-size:13px;color:#6b7280;margin:3px 0 0}.rfs-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.rfs-btn-add{display:flex;align-items:center;gap:7px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.rfs-btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #667eea73}.rfs-btn-add:disabled{opacity:.5;cursor:not-allowed}.rfs-btn-refresh{display:flex;align-items:center;gap:7px;padding:10px 16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.rfs-btn-refresh:hover:not(:disabled){background:#f9fafb;border-color:#667eea;color:#667eea}.rfs-btn-refresh:disabled{opacity:.45;cursor:not-allowed}.rfs-stats-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.rfs-stat-card{display:flex;align-items:center;gap:12px;padding:14px 18px;background:#fff;border-radius:10px;border:1.5px solid #f0f0f0;box-shadow:0 1px 4px #0000000d;flex:1;min-width:140px}.rfs-stat-icon{width:38px;height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rfs-stat-icon.purple{background:#ede9fe;color:#6d28d9}.rfs-stat-icon.green{background:#d1fae5;color:#065f46}.rfs-stat-icon.blue{background:#dbeafe;color:#1e40af}.rfs-stat-card>div:last-child{display:flex;flex-direction:column;gap:2px}.rfs-stat-num{font-size:20px;font-weight:700;color:#1a1a2e;line-height:1;display:block}.rfs-stat-lbl{font-size:11px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.4px;display:block}.rfs-table-card{background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f;border:1.5px solid #f0f0f0;overflow:hidden}.rfs-table-card-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fafafa;border-bottom:1.5px solid #f0f0f0}.rfs-table-card-title{font-size:14px;font-weight:700;color:#1a1a2e}.rfs-table-card-meta{font-size:12px;color:#9ca3af;font-weight:500}.rfs-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:12px}.rfs-empty-icon{width:72px;height:72px;background:#f4f6f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.rfs-empty-state h3{font-size:16px;font-weight:700;color:#374151;margin:0}.rfs-empty-state p{font-size:13px;color:#9ca3af;margin:0}.rfs-table-scroll{overflow-x:auto}.rfs-table-scroll::-webkit-scrollbar{height:5px}.rfs-table-scroll::-webkit-scrollbar-track{background:transparent}.rfs-table-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.rfs-table{width:100%;border-collapse:collapse;min-width:860px}.rfs-table thead tr{background:#f8f9fb}.rfs-table th{padding:11px 14px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1.5px solid #f0f0f0;white-space:nowrap}.rfs-tr{transition:background .15s}.rfs-tr:hover{background:#f9fafb}.rfs-tr:not(:last-child){border-bottom:1px solid #f5f5f5}.rfs-td{padding:11px 14px;font-size:13px;color:#374151;vertical-align:middle}.rfs-td-num{font-size:12px;color:#9ca3af;font-weight:600;width:40px}.rfs-td-amount{font-weight:700;color:#1a1a2e}.rfs-td-meta{font-size:12px;color:#9ca3af}.rfs-td-actions{display:flex;gap:6px;align-items:center}.rfs-td-empty{color:#d1d5db;font-size:14px}.rfs-badge-name{display:inline-flex;align-items:center;padding:3px 9px;background:#ede9fe;color:#6d28d9;border-radius:20px;font-size:11px;font-weight:600}.rfs-badge-store{display:inline-flex;align-items:center;padding:3px 9px;background:#f0fdf4;color:#16a34a;border-radius:20px;font-size:11px;font-weight:600;border:1px solid #bbf7d0}.rfs-icon-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .18s}.rfs-icon-btn.edit{color:#3b82f6}.rfs-icon-btn.edit:hover{background:#eff6ff;border-color:#93c5fd}.rfs-icon-btn.delete{color:#ef4444}.rfs-icon-btn.delete:hover{background:#fef2f2;border-color:#fca5a5}.rfs-icon-btn:disabled{opacity:.4;cursor:not-allowed}.rfs-spinner-lg{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:rfsSpin .75s linear infinite}.rfs-spinner-sm{width:15px;height:15px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:rfsSpin .75s linear infinite}@keyframes rfsSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.rfs-root{padding:14px}.rfs-page-header{flex-direction:column;align-items:flex-start}.rfs-header-actions{width:100%}.rfs-btn-add,.rfs-btn-refresh{flex:1;justify-content:center}.rfs-stats-row{flex-direction:column}}@media(max-width:480px){.rfs-root{padding:10px}.rfs-page-title{font-size:18px}.rfs-page-icon{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.rfs-btn-add,.rfs-tr{transition:none;animation:none}.rfs-spinner-lg,.rfs-spinner-sm{animation:none}}.rfs-swal-popup{border-radius:16px!important;padding:0!important;width:560px!important;max-width:95vw!important;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif!important;overflow:hidden!important;box-shadow:0 20px 60px #0003!important}.rfs-swal-popup .swal2-icon{display:none!important}.rfs-swal-title{padding:0!important;margin:0!important;border-bottom:1.5px solid #f0f0f0!important;width:100%!important;display:block!important}.rfs-swal-title-wrap{display:flex;align-items:center;gap:12px;padding:18px 22px 16px;text-align:left}.rfs-swal-title-icon{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rfs-swal-title-icon.edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.rfs-swal-title-text{font-size:16px;font-weight:700;color:#1a1a2e;line-height:1.2;display:block;text-align:left}.rfs-swal-title-sub{font-size:12px;color:#9ca3af;font-weight:400;margin-top:3px;display:block;text-align:left}.rfs-swal-html{padding:20px 22px!important;margin:0!important;text-align:left!important;overflow:visible!important}.rfs-swal-actions{padding:14px 22px 18px!important;margin:0!important;border-top:1.5px solid #f0f0f0!important;justify-content:flex-end!important;gap:10px!important;display:flex!important}.rfs-swal-confirm{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:10px 22px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 8px #667eea4d!important;transition:all .2s!important;font-family:inherit!important;order:2!important}.rfs-swal-confirm:hover{transform:translateY(-1px)!important;box-shadow:0 4px 14px #667eea73!important}.rfs-swal-cancel{display:inline-flex!important;align-items:center!important;padding:10px 18px!important;background:#fff!important;color:#374151!important;border:1.5px solid #e5e7eb!important;border-radius:8px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s!important;font-family:inherit!important;order:1!important}.rfs-swal-cancel:hover{background:#f9fafb!important;border-color:#d1d5db!important}.rfs-swal-popup .swal2-validation-message{margin:0 22px 10px!important;border-radius:8px!important;font-size:13px!important;background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.rfs-swal-error{color:#dc2626;font-size:13px;font-weight:500}.rfs-swal-form{display:flex;flex-direction:column;gap:16px}.rfs-swal-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.rfs-swal-amounts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.rfs-swal-group{display:flex;flex-direction:column;gap:6px}.rfs-swal-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.4px}.rfs-swal-req{color:#ef4444;font-weight:700}.rfs-swal-optional{font-size:10px;color:#9ca3af;font-weight:400;text-transform:none;letter-spacing:0;background:#f3f4f6;padding:1px 6px;border-radius:4px}.rfs-swal-hint{font-size:11px;color:#9ca3af}.rfs-swal-input{width:100%;padding:9px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#1a1a2e;background:#f9fafb;box-sizing:border-box;font-family:Inter,-apple-system,sans-serif;transition:border-color .2s,box-shadow .2s}.rfs-swal-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;background:#fff}.rfs-swal-readonly{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important}.rfs-swal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.rfs-swal-amount-wrap{position:relative;display:flex;align-items:center}.rfs-swal-prefix{position:absolute;left:11px;font-size:12px;font-weight:700;color:#6b7280;pointer-events:none;z-index:1}.rfs-swal-amount{padding-left:34px!important}@media(max-width:600px){.rfs-swal-popup{width:96vw!important}.rfs-swal-row,.rfs-swal-amounts{grid-template-columns:1fr!important}.rfs-swal-actions{flex-direction:column-reverse!important}.rfs-swal-confirm,.rfs-swal-cancel{width:100%!important;justify-content:center!important}}.rfs-swal-popup .swal2-title,.rfs-swal-popup .swal2-icon{display:none!important}.rfs-swal-popup .swal2-header{padding:0!important;margin:0!important}.rfs-swal-html{padding:0!important;margin:0!important;text-align:left!important}.rfs-swal-wrapper{display:flex;flex-direction:column}.rfs-swal-header{display:flex;align-items:center;gap:12px;padding:18px 22px 16px;border-bottom:1.5px solid #f0f0f0;background:#fafafa}.rfs-swal-header-icon{width:42px;height:42px;min-width:42px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.rfs-swal-header-icon.edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.rfs-swal-header-title{font-size:16px;font-weight:700;color:#1a1a2e;line-height:1.2;text-align:left}.rfs-swal-header-sub{font-size:12px;color:#9ca3af;margin-top:3px;text-align:left}.rfs-swal-form{display:flex;flex-direction:column;gap:16px;padding:20px 22px}.sms-settings-container{padding:8px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.sms-settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;border-left:3px solid #3b82f6}.sms-settings-header-left{flex:1}.sms-settings-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.sms-settings-title-icon{color:#3b82f6}.sms-settings-subtitle{font-size:11px;color:#666;margin:4px 0 0}.sms-settings-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:10px}.sms-settings-form{padding:12px}.sms-settings-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}.sms-settings-form-group{display:flex;flex-direction:column;gap:4px}.sms-settings-form-group--full{grid-column:1 / -1}.sms-settings-label{font-size:10px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.sms-settings-required{color:#dc2626;font-weight:700}.sms-settings-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:11px;color:#1a1a1a;background:#fff;transition:all .2s ease;font-weight:500}.sms-settings-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.sms-settings-input:disabled{background:#f3f4f6;cursor:not-allowed;opacity:.6}.sms-settings-help-text{font-size:9px;color:#999;font-weight:500;margin-top:2px}.sms-settings-toggle-container{display:flex;align-items:center;gap:8px}.sms-settings-toggle{position:relative;display:inline-block;width:40px;height:22px}.sms-settings-toggle input{opacity:0;width:0;height:0}.sms-settings-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.3s;border-radius:22px}.sms-settings-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s;border-radius:50%}.sms-settings-toggle input:checked+.sms-settings-toggle-slider{background-color:#3b82f6}.sms-settings-toggle input:checked+.sms-settings-toggle-slider:before{transform:translate(18px)}.sms-settings-status-badge{display:inline-block;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:700}.sms-settings-status-badge.enabled{background:#dcfce7;color:#166534}.sms-settings-status-badge.disabled{background:#fee2e2;color:#991b1b}.sms-settings-password-input{position:relative;display:flex;align-items:center}.sms-settings-show-password-btn{position:absolute;right:8px;background:none;border:none;cursor:pointer;color:#666;padding:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.sms-settings-show-password-btn:hover{color:#3b82f6}.sms-settings-divider{border:none;border-top:1px solid #e8e8e8;margin:10px 0}.sms-settings-info-box{background:#f0f9ff;border-left:3px solid #3b82f6;padding:10px;border-radius:4px;margin-bottom:12px}.sms-settings-info-box h4{font-size:11px;font-weight:700;color:#1a1a1a;margin:0 0 6px;text-transform:uppercase}.sms-settings-info-box ul{list-style:none;padding:0;margin:0}.sms-settings-info-box li{font-size:10px;color:#666;margin:4px 0;line-height:1.4}.sms-settings-info-box strong{color:#1a1a1a;font-weight:700}.sms-settings-actions{display:flex;gap:6px;padding-top:10px;border-top:1px solid #e8e8e8;flex-wrap:wrap}.sms-settings-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.sms-settings-btn svg{width:12px;height:12px}.sms-settings-btn.save{background:#1a1a1a;color:#fff}.sms-settings-btn.save:hover:not(:disabled){background:#2d2d2d}.sms-settings-btn.reset{background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd}.sms-settings-btn.reset:hover:not(:disabled){background:#d0d0d0}.sms-settings-btn.test{background:#3b82f6;color:#fff}.sms-settings-btn.test:hover:not(:disabled){background:#2563eb}.sms-settings-btn.send{background:#22c55e;color:#fff}.sms-settings-btn.send:hover:not(:disabled){background:#16a34a}.sms-settings-btn:disabled{opacity:.5;cursor:not-allowed}.sms-settings-btn-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.sms-settings-status-info{background:#fff;border-radius:6px;padding:10px;box-shadow:0 1px 3px #0000000f}.sms-settings-status-title{font-size:12px;font-weight:700;color:#1a1a1a;margin:0 0 8px;text-transform:uppercase}.sms-settings-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.sms-settings-status-item{display:flex;flex-direction:column;gap:4px;padding:8px;background:#f9f9f9;border-radius:4px;border:1px solid #e8e8e8}.sms-settings-status-label{font-size:9px;font-weight:700;color:#666;text-transform:uppercase;letter-spacing:.2px}.sms-settings-status-value{font-size:11px;font-weight:600;color:#1a1a1a;display:flex;align-items:center;gap:4px}.sms-settings-status-value.enabled{color:#22c55e}.sms-settings-status-value.disabled{color:#ef4444}.sms-settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;margin:30px auto;max-width:400px}.sms-settings-spinner{width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.sms-settings-loading p{font-size:12px;color:#666;margin:0;font-weight:600}@media(max-width:768px){.sms-settings-container{padding:6px}.sms-settings-header{padding:10px}.sms-settings-title{font-size:16px}.sms-settings-form-grid{grid-template-columns:1fr;gap:8px}.sms-settings-actions{flex-direction:column}.sms-settings-btn{width:100%}.sms-settings-status-grid{grid-template-columns:1fr}}@media(max-width:480px){.sms-settings-form{padding:10px}.sms-settings-label{font-size:9px}.sms-settings-input{font-size:10px;padding:4px 6px}.sms-settings-btn{padding:6px 10px;font-size:10px}.sms-settings-status-item{padding:6px}}.sms-settings-tabs{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:10px;margin-bottom:20px}.sms-settings-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:#6b7280;transition:all .15s ease}.sms-settings-tab:hover{color:#374151;background:#e5e7eb}.sms-settings-tab.active{background:#fff;color:#2563eb;box-shadow:0 1px 4px #0000001a}.sms-settings-templates{display:flex;flex-direction:column;gap:20px}.sms-settings-template-card{border:1.5px solid #e5e7eb;border-radius:12px;padding:16px;background:#fafafa;display:flex;flex-direction:column;gap:10px}.sms-settings-template-header{display:flex;align-items:flex-start;gap:10px}.sms-settings-template-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-icon--blue{background:#dbeafe;color:#2563eb}.template-icon--purple{background:#ede9fe;color:#7c3aed}.template-icon--green{background:#dcfce7;color:#16a34a}.sms-settings-template-title{font-size:13px;font-weight:600;color:#1f2937;margin:0 0 2px}.sms-settings-template-subtitle{font-size:11px;color:#6b7280;margin:0}.sms-settings-textarea{width:100%;padding:10px 12px;font-size:13px;font-family:Courier New,monospace;border:1.5px solid #d1d5db;border-radius:8px;background:#fff;color:#1f2937;resize:vertical;transition:border-color .15s;box-sizing:border-box;line-height:1.5}.sms-settings-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.sms-token-chips{display:flex;flex-wrap:wrap;gap:6px}.sms-token-chip{padding:3px 10px;font-size:11px;font-family:Courier New,monospace;background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:999px;cursor:pointer;transition:all .15s}.sms-token-chip:hover{background:#dbeafe;border-color:#93c5fd}.sms-settings-template-preview{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.5}.sms-settings-preview-label{font-weight:600;color:#15803d;margin-right:6px}.sms-settings-preview-text{color:#166534;font-style:italic}.sms-settings-btn.balance{background:#16a34a;color:#fff;border:none}.sms-settings-btn.balance:hover:not(:disabled){background:#15803d}.ltm-root{background:#f4f6f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:14px 18px;position:relative;min-height:100vh}.ltm-guard-card{background:#fff;border-radius:12px;padding:40px 32px;text-align:center;max-width:420px;margin:60px auto;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;align-items:center;gap:12px}.ltm-guard-card p{font-size:12px;color:#6b7280;margin:0}.ltm-guard-icon{width:64px;height:64px;background:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.ltm-guard-title{font-size:16px;font-weight:700;color:#1a1a2e;margin:0}.ltm-guard-text{font-size:12px;color:#6b7280;margin:0;line-height:1.6;max-width:300px}.ltm-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.ltm-page-header-left{display:flex;align-items:center;gap:10px}.ltm-page-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 10px #667eea59}.ltm-page-title{font-size:15px;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.ltm-page-subtitle{font-size:11px;color:#6b7280;margin:2px 0 0}.ltm-header-actions{display:flex;gap:8px;align-items:center}.ltm-btn-add{display:flex;align-items:center;gap:6px;padding:7px 15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.ltm-btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea73}.ltm-btn-add:disabled{opacity:.5;cursor:not-allowed}.ltm-btn-refresh{display:flex;align-items:center;gap:6px;padding:7px 13px;background:#fff;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s;white-space:nowrap}.ltm-btn-refresh:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.ltm-stats-row{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}.ltm-stat-card{display:flex;align-items:center;gap:10px;padding:11px 15px;background:#fff;border-radius:9px;border:1.5px solid #f0f0f0;box-shadow:0 1px 4px #0000000d;flex:1;min-width:130px}.ltm-stat-icon{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ltm-stat-icon.purple{background:#ede9fe;color:#6d28d9}.ltm-stat-icon.green{background:#d1fae5;color:#065f46}.ltm-stat-icon.blue{background:#dbeafe;color:#1e40af}.ltm-stat-icon.orange{background:#fff7ed;color:#c2410c}.ltm-stat-card>div:last-child{display:flex;flex-direction:column;gap:1px}.ltm-stat-num{font-size:18px;font-weight:700;color:#1a1a2e;line-height:1;display:block}.ltm-stat-lbl{font-size:10px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.4px;display:block}.ltm-table-card{background:#fff;border-radius:10px;box-shadow:0 1px 5px #0000000f;border:1.5px solid #f0f0f0;overflow:hidden}.ltm-table-card-header{display:flex;align-items:center;justify-content:space-between;padding:11px 16px;background:#fafafa;border-bottom:1.5px solid #f0f0f0}.ltm-table-card-title{font-size:13px;font-weight:700;color:#1a1a2e}.ltm-table-card-meta{font-size:11px;color:#9ca3af;font-weight:500}.ltm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 24px;text-align:center;gap:10px}.ltm-empty-icon{width:64px;height:64px;background:#f4f6f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d1d5db}.ltm-empty-state h3{font-size:14px;font-weight:700;color:#374151;margin:0}.ltm-empty-state p{font-size:12px;color:#9ca3af;margin:0}.ltm-table-scroll{overflow-x:auto}.ltm-table-scroll::-webkit-scrollbar{height:4px}.ltm-table-scroll::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.ltm-table{width:100%;border-collapse:collapse;min-width:900px}.ltm-table thead tr{background:#f8f9fb}.ltm-table th{padding:9px 12px;font-size:10px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;text-align:left;border-bottom:1.5px solid #f0f0f0;white-space:nowrap}.ltm-tr{transition:background .15s}.ltm-tr:hover{background:#f9fafb}.ltm-tr:not(:last-child){border-bottom:1px solid #f5f5f5}.ltm-td{padding:9px 12px;font-size:12px;color:#374151;vertical-align:middle}.ltm-td-num{font-size:11px;color:#9ca3af;font-weight:600;width:36px}.ltm-td-time{font-weight:700}.ltm-td-meta{font-size:11px;color:#9ca3af}.ltm-td-actions{display:flex;gap:5px;align-items:center}.ltm-td-empty{color:#d1d5db}.ltm-user-cell{display:flex;align-items:center;gap:8px}.ltm-user-avatar{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ltm-username{font-weight:600;color:#1a1a2e;font-size:12px}.ltm-badge-role{display:inline-flex;align-items:center;padding:2px 8px;background:#f3f4f6;color:#374151;border-radius:20px;font-size:10px;font-weight:600;border:1px solid #e5e7eb}.ltm-badge-unlimited{display:inline-flex;align-items:center;gap:4px;padding:2px 9px;background:#dbeafe;color:#1e40af;border-radius:20px;font-size:11px;font-weight:700}.ltm-badge-hours{display:inline-flex;align-items:center;padding:2px 9px;background:#fef3c7;color:#92400e;border-radius:20px;font-size:11px;font-weight:700}.ltm-badge-type{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:600}.ltm-badge-type.unlimited{background:#d1fae5;color:#065f46}.ltm-badge-type.restricted{background:#fef2f2;color:#991b1b}.ltm-expiry{font-size:11px;color:#374151;font-weight:500}.ltm-note{font-size:11px;color:#6b7280;font-style:italic}.ltm-icon-btn{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .18s}.ltm-icon-btn.edit{color:#3b82f6}.ltm-icon-btn.edit:hover{background:#eff6ff;border-color:#93c5fd}.ltm-icon-btn.delete{color:#ef4444}.ltm-icon-btn.delete:hover{background:#fef2f2;border-color:#fca5a5}.ltm-spinner-lg{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:ltmSpin .75s linear infinite}@keyframes ltmSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.ltm-root{padding:10px}.ltm-page-header{flex-direction:column;align-items:flex-start}.ltm-header-actions{width:100%}.ltm-btn-add,.ltm-btn-refresh{flex:1;justify-content:center}.ltm-stats-row{flex-direction:column}}@media(max-width:480px){.ltm-page-title{font-size:13px}.ltm-page-icon{width:30px;height:30px}}@media(prefers-reduced-motion:reduce){.ltm-btn-add,.ltm-tr{transition:none}.ltm-spinner-lg{animation:none}}.ltm-swal-popup{border-radius:14px!important;padding:0!important;width:520px!important;max-width:95vw!important;font-family:Inter,-apple-system,sans-serif!important;overflow:hidden!important;box-shadow:0 20px 60px #0000002e!important}.ltm-swal-popup .swal2-icon{display:none!important}.ltm-swal-popup .swal2-header{padding:0!important;margin:0!important}.ltm-swal-popup .swal2-title{display:none!important}.ltm-swal-html{padding:0!important;margin:0!important;text-align:left!important}.ltm-swal-actions{padding:12px 20px 16px!important;margin:0!important;border-top:1.5px solid #f0f0f0!important;justify-content:flex-end!important;gap:8px!important;display:flex!important}.ltm-swal-confirm{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:8px 20px!important;background:linear-gradient(135deg,#667eea,#764ba2)!important;color:#fff!important;border:none!important;border-radius:7px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;box-shadow:0 2px 8px #667eea4d!important;font-family:inherit!important;order:2!important}.ltm-swal-confirm:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #667eea73!important}.ltm-swal-cancel{display:inline-flex!important;align-items:center!important;padding:8px 16px!important;background:#fff!important;color:#374151!important;border:1.5px solid #e5e7eb!important;border-radius:7px!important;font-size:12px!important;font-weight:600!important;cursor:pointer!important;font-family:inherit!important;order:1!important}.ltm-swal-cancel:hover{background:#f9fafb!important;border-color:#d1d5db!important}.ltm-swal-popup .swal2-validation-message{margin:0 20px 8px!important;border-radius:7px!important;font-size:12px!important;background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.ltm-swal-error{color:#dc2626;font-size:12px;font-weight:500}.ltm-swal-wrapper{display:flex;flex-direction:column}.ltm-swal-header{display:flex;align-items:center;gap:11px;padding:16px 20px 14px;border-bottom:1.5px solid #f0f0f0;background:#fafafa}.ltm-swal-header-icon{width:38px;height:38px;min-width:38px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.ltm-swal-header-icon.edit{background:linear-gradient(135deg,#f59e0b,#d97706)}.ltm-swal-header-title{font-size:14px;font-weight:700;color:#1a1a2e;line-height:1.2}.ltm-swal-header-sub{font-size:11px;color:#9ca3af;margin-top:2px}.ltm-swal-form{display:flex;flex-direction:column;gap:14px;padding:18px 20px}.ltm-swal-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ltm-swal-group{display:flex;flex-direction:column;gap:5px}.ltm-full{grid-column:1 / -1}.ltm-swal-label{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.4px}.ltm-swal-req{color:#ef4444;font-weight:700}.ltm-swal-optional{font-size:9px;color:#9ca3af;font-weight:400;text-transform:none;letter-spacing:0;background:#f3f4f6;padding:1px 5px;border-radius:3px}.ltm-swal-hint{font-size:10px;color:#9ca3af}.ltm-swal-input{width:100%;padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;font-weight:500;color:#1a1a2e;background:#f9fafb;box-sizing:border-box;font-family:Inter,-apple-system,sans-serif;transition:border-color .2s,box-shadow .2s;height:32px}.ltm-swal-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1f;background:#fff}.ltm-swal-readonly{background:#f3f4f6!important;color:#9ca3af!important;cursor:not-allowed!important}.ltm-swal-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.ltm-swal-textarea{width:100%;padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;font-weight:500;color:#1a1a2e;background:#f9fafb;box-sizing:border-box;font-family:Inter,-apple-system,sans-serif;resize:vertical;min-height:54px;height:auto;transition:border-color .2s,box-shadow .2s}.ltm-swal-textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 2px #667eea1f;background:#fff}.ltm-swal-time-wrap{position:relative;display:flex;align-items:center}.ltm-swal-suffix{position:absolute;right:10px;font-size:10px;font-weight:600;color:#9ca3af;pointer-events:none}.ltm-swal-hours{padding-right:58px!important}.ltm-swal-toggle-wrap{display:flex;align-items:center;gap:10px;cursor:pointer;padding:6px 10px;border:1.5px solid #e5e7eb;border-radius:7px;background:#f9fafb;height:32px;box-sizing:border-box}.ltm-swal-checkbox{display:none}.ltm-swal-toggle-slider{width:32px;height:18px;background:#d1d5db;border-radius:9px;position:relative;transition:background .2s;flex-shrink:0}.ltm-swal-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.ltm-swal-checkbox:checked+.ltm-swal-toggle-slider{background:#667eea}.ltm-swal-checkbox:checked+.ltm-swal-toggle-slider:after{transform:translate(14px)}.ltm-swal-toggle-label{font-size:11px;font-weight:500;color:#374151}@media(max-width:560px){.ltm-swal-popup{width:96vw!important}.ltm-swal-row{grid-template-columns:1fr!important}.ltm-full{grid-column:1 / -1!important}.ltm-swal-actions{flex-direction:column-reverse!important}.ltm-swal-confirm,.ltm-swal-cancel{width:100%!important;justify-content:center!important}}.bts-container{padding:8px;background:#f5f5f5;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.bts-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;margin:30px auto;max-width:400px}.bts-spinner{width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#f59e0b;border-radius:50%;animation:bts-spin .8s linear infinite;margin-bottom:12px}.bts-loading p{font-size:12px;color:#666;margin:0;font-weight:600}@keyframes bts-spin{to{transform:rotate(360deg)}}.bts-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;border-left:3px solid #f59e0b;flex-wrap:wrap;gap:8px}.bts-header-left{display:flex;align-items:center;gap:10px;flex:1}.bts-header-icon{width:36px;height:36px;background:#fef3c7;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#d97706;flex-shrink:0}.bts-header-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0 0 2px}.bts-header-subtitle{font-size:11px;color:#666;margin:0}.bts-info-banner{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#fffbeb;border-left:3px solid #f59e0b;border-radius:4px;font-size:10px;color:#92400e;margin-bottom:10px;line-height:1.5}.bts-info-banner svg{flex-shrink:0;margin-top:1px;color:#d97706}.bts-info-banner strong{color:#78350f;font-weight:700}.bts-add-form{background:#fff;border:1.5px dashed #f59e0b;border-radius:6px;padding:12px;margin-bottom:10px;box-shadow:0 1px 3px #0000000a}.bts-add-form-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#d97706;margin:0 0 12px;text-transform:uppercase;letter-spacing:.3px}.bts-terms-list{display:flex;flex-direction:column;gap:8px}.bts-term-card{background:#fff;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:border-color .2s ease,box-shadow .2s ease}.bts-term-card:hover{border-color:#f59e0b;box-shadow:0 2px 6px #f59e0b1a}.bts-term-card--inactive{opacity:.55}.bts-term-card-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;gap:10px;flex-wrap:wrap}.bts-term-card-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.bts-term-card-header-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap;flex-shrink:0}.bts-term-key-badge{padding:2px 8px;border-radius:3px;font-size:10px;font-weight:700;font-family:Courier New,monospace;flex-shrink:0;text-transform:lowercase}.badge--default{background:#dbeafe;color:#1d4ed8;border:1px solid #93c5fd}.badge--custom{background:#f3e8ff;color:#7c3aed;border:1px solid #c4b5fd}.bts-term-card-title{font-size:12px;font-weight:700;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bts-term-card-meta{font-size:9px;color:#999;font-weight:500;margin-top:1px}.bts-mini-toggle{position:relative;display:inline-block;width:34px;height:18px;cursor:pointer;flex-shrink:0}.bts-mini-toggle input{opacity:0;width:0;height:0}.bts-mini-toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#d1d5db;border-radius:999px;transition:background .2s}.bts-mini-toggle input:checked+.bts-mini-toggle-slider{background:#22c55e}.bts-mini-toggle-slider:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.bts-mini-toggle input:checked+.bts-mini-toggle-slider:after{transform:translate(16px)}.bts-active-badge{display:inline-flex;align-items:center;gap:3px;font-size:9px;font-weight:700;padding:2px 6px;border-radius:3px;text-transform:uppercase;letter-spacing:.2px}.bts-active-badge.active{background:#dcfce7;color:#166534}.bts-active-badge.inactive{background:#f3f4f6;color:#6b7280}.bts-icon-btn{width:28px;height:28px;border-radius:4px;border:1px solid #e8e8e8;background:#f9f9f9;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;color:#666;flex-shrink:0}.bts-icon-btn:hover{background:#f3f4f6;color:#1a1a1a}.bts-icon-btn--edit:hover,.bts-icon-btn--active{background:#eff6ff;color:#2563eb;border-color:#93c5fd}.bts-icon-btn--preview:hover{background:#f0fdf4;color:#16a34a;border-color:#86efac}.bts-icon-btn--delete:hover{background:#fef2f2;color:#dc2626;border-color:#fca5a5}.bts-edit-panel{border-top:1px solid #e8e8e8;padding:12px;background:#fafafa}.bts-preview-panel{border-top:1px solid #e8e8e8;padding:12px;background:#f0fdf4}.bts-edit-row{margin-bottom:10px}.bts-edit-row--inline{display:flex;align-items:center;gap:10px}.bts-edit-label{display:block;font-size:10px;font-weight:700;color:#333;margin-bottom:4px;text-transform:uppercase;letter-spacing:.3px}.bts-edit-hint{font-weight:400;color:#999;text-transform:none;letter-spacing:0;font-size:9px}.bts-edit-input{width:100%;padding:6px 8px;font-size:11px;border:1px solid #ddd;border-radius:4px;background:#fff;color:#1a1a1a;font-weight:500;transition:all .2s ease;box-sizing:border-box}.bts-edit-input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.bts-edit-input--small{width:70px}.bts-edit-textarea{width:100%;padding:8px 10px;font-size:11px;font-family:Courier New,monospace;border:1px solid #ddd;border-radius:4px;background:#fff;color:#1a1a1a;resize:vertical;line-height:1.6;transition:all .2s ease;box-sizing:border-box;font-weight:500}.bts-edit-textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b1a}.bts-preview-box{background:#fff;border:1px solid #bbf7d0;border-radius:4px;padding:10px 12px}.bts-preview-title{font-size:11px;font-weight:700;color:#1a1a1a;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e8e8e8;padding-bottom:4px;margin-bottom:6px}.bts-preview-lines{display:flex;flex-direction:column;gap:3px}.bts-preview-line{font-size:10px;color:#1a1a1a;font-weight:500;line-height:1.5}.bts-edit-actions{display:flex;gap:6px;padding-top:10px;border-top:1px solid #e8e8e8;flex-wrap:wrap}.bts-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.bts-btn svg{width:12px;height:12px}.bts-btn:disabled{opacity:.5;cursor:not-allowed}.bts-btn--save{background:#1a1a1a;color:#fff}.bts-btn--save:hover:not(:disabled){background:#2d2d2d}.bts-btn--reset{background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd}.bts-btn--reset:hover:not(:disabled){background:#d0d0d0}.bts-btn--add{background:#f59e0b;color:#fff}.bts-btn--add:hover:not(:disabled){background:#d97706}.bts-btn-spinner{width:10px;height:10px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bts-spin .8s linear infinite}.bts-summary{display:flex;gap:16px;justify-content:flex-end;font-size:10px;font-weight:600;color:#999;margin-top:10px;padding-top:10px;border-top:1px solid #e8e8e8;text-transform:uppercase;letter-spacing:.2px}.bts-empty{text-align:center;padding:40px 20px;color:#999;font-size:12px;font-weight:600;background:#fff;border-radius:6px;border:2px dashed #e8e8e8}@media(max-width:768px){.bts-container{padding:6px}.bts-header{padding:10px}.bts-header-title{font-size:16px}.bts-term-card-header{padding:8px 10px}.bts-term-card-header-right{gap:4px}.bts-edit-actions{flex-direction:column}.bts-btn{width:100%}.bts-edit-panel,.bts-preview-panel{padding:10px}}@media(max-width:480px){.bts-edit-label{font-size:9px}.bts-edit-input,.bts-edit-textarea{font-size:10px;padding:5px 7px}.bts-btn{padding:6px 10px;font-size:10px}.bts-term-card-title{font-size:11px}.bts-preview-line{font-size:9px}}.mb-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.mb-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.mb-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.mb-search-combo{display:flex;align-items:center;flex:1;min-width:220px;max-width:400px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;height:30px;transition:border-color .2s,box-shadow .2s}.mb-search-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.mb-combo-input-wrap{display:flex;align-items:center;gap:6px;flex:1;padding:0 10px;height:100%}.mb-combo-icon{color:#bfbfbf;flex-shrink:0}.mb-combo-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;min-width:0}.mb-combo-input::placeholder{color:#bfbfbf}.mb-combo-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#d9d9d9;color:#595959;cursor:pointer;flex-shrink:0;transition:all .15s;padding:0}.mb-combo-clear:hover{background:#ff4d4f;color:#fff}.mb-filter-combo{display:flex;align-items:center;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;flex-shrink:0;transition:border-color .2s}.mb-filter-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.mb-filter-select{height:100%;padding:0 10px;border:none;background:transparent;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;min-width:120px;letter-spacing:.2px}.mb-filter-select:focus{background:#e8f0fe}.mb-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.mb-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.mb-btn:disabled{opacity:.45;cursor:not-allowed}.mb-btn-add{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.mb-btn-add:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.mb-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.mb-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.mb-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.mb-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.mb-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.mb-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.mb-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.mb-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.mb-btn-cancel{background:#fff;border-color:#d9d9d9;color:#595959;height:32px;padding:0 16px}.mb-btn-cancel:hover:not(:disabled){background:#f5f5f5;border-color:#bfbfbf}.mb-btn-submit{background:#1d2b3a;border-color:#1d2b3a;color:#fff;height:32px;padding:0 20px}.mb-btn-submit:hover:not(:disabled){background:#2d3f52}.mb-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.mb-table-scroll{overflow-x:auto;max-height:560px}.mb-table{width:100%;border-collapse:collapse;font-size:12px}.mb-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.mb-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.mb-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.mb-table tbody tr:hover{background:#f0f7ff}.mb-table td{padding:10px;color:#434343;vertical-align:middle}.mb-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.mb-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.mb-td-bold{font-weight:600;color:#1d1d1d}.mb-td-muted{color:#8c8c8c;font-size:11px}.mb-td-desc{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mb-hier-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;white-space:nowrap}.mb-hier-main{background:#e6f4ff;color:#096dd9;border:1px solid #91d5ff}.mb-hier-sub{background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7}.mb-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.mb-status-badge.active{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.mb-status-badge.inactive{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.mb-action-group{display:flex;gap:4px;justify-content:center;align-items:center}.mb-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.mb-action-edit{background:#fffbe6;border-color:#ffe58f;color:#d48806}.mb-action-edit:hover{background:#d48806;border-color:#d48806;color:#fff;transform:scale(1.08)}.mb-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.mb-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.mb-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.mb-export-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mb-record-count{font-size:11px;color:#8c8c8c;font-weight:500;padding-left:4px;white-space:nowrap}.mb-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mb-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.mb-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.mb-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.mb-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.mb-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.mb-pg-input::-webkit-outer-spin-button,.mb-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.mb-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.mb-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.mb-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.mb-state-center p{margin:0}.mb-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.mb-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:mb-spin .8s linear infinite}@keyframes mb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mb-access-img{width:160px;height:auto;opacity:.85}.mb-nodata-img{width:110px;height:auto;opacity:.55}.mb-error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500}.mb-error-banner button{background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.mb-error-banner button:hover{background:#cf1322}.mb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:mb-fade .18s ease}@keyframes mb-fade{0%{opacity:0}to{opacity:1}}.mb-modal{background:#fff;border-radius:10px;width:100%;max-width:680px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:mb-slide-up .2s ease;overflow:hidden}@keyframes mb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.mb-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.mb-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.mb-modal-body{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.mb-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.mb-modal-section{background:#fff;border:1px solid #f0f0f0;border-radius:7px;padding:12px 14px;margin-bottom:10px}.mb-modal-section:last-child{margin-bottom:0}.mb-modal-section-title{font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.mb-modal-section-body{display:flex;flex-direction:column;gap:10px}.mb-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mb-form-group,.mb-form-row-full{display:flex;flex-direction:column;gap:4px}.mb-form-label{font-size:11px;font-weight:700;color:#595959;letter-spacing:.2px}.mb-form-input,.mb-form-select,.mb-form-textarea{height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.mb-form-textarea{height:auto;padding:8px 10px;resize:vertical}.mb-form-input:focus,.mb-form-select:focus,.mb-form-textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.mb-form-input:disabled,.mb-form-select:disabled,.mb-form-textarea:disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed}.mb-form-help{font-size:10px;color:#bfbfbf;line-height:1.3}.mb-parent-search-wrap{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;transition:border-color .2s,box-shadow .2s;position:relative}.mb-parent-search-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;min-width:0}.mb-parent-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e0e0e0;border-radius:6px;max-height:180px;overflow-y:auto;z-index:1001;box-shadow:0 4px 12px #0000001a}.mb-parent-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .12s}.mb-parent-dropdown-item:hover{background:#f5f5f5}@media(max-width:900px){.mb-controls{flex-wrap:wrap}.mb-search-combo{min-width:100%;order:3;max-width:100%}.mb-actions{margin-left:0}.mb-form-grid{grid-template-columns:1fr}}@media(max-width:768px){.mb-container{padding:10px}.mb-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.mb-export-group{width:100%}.mb-export-group .mb-btn{flex:1;justify-content:center}.mb-pg-right{width:100%;justify-content:flex-end}.mb-table-scroll{max-height:420px}}@media(max-width:480px){.mb-container{padding:8px}.mb-table{font-size:11px}.mb-table thead th,.mb-table td{padding:8px}.mb-modal{max-height:95vh}}.mb-table-scroll::-webkit-scrollbar,.mb-modal-body::-webkit-scrollbar{width:5px;height:5px}.mb-table-scroll::-webkit-scrollbar-track,.mb-modal-body::-webkit-scrollbar-track{background:transparent}.mb-table-scroll::-webkit-scrollbar-thumb,.mb-modal-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.mb-controls,.mb-bottom-bar,.mb-modal-overlay{display:none}.mb-container{background:#fff;padding:0}.mb-table-scroll{max-height:none;overflow:visible}}.mb-parent-search-container{position:relative;width:100%}.mb-parent-search-wrap{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box}.mb-parent-search-wrap:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.mb-parent-search-icon{color:#bfbfbf;flex-shrink:0}.mb-parent-search-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;min-width:0;height:100%}.mb-parent-search-input::placeholder{color:#bfbfbf}.mb-parent-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;max-height:200px;overflow-y:auto;z-index:9999;box-shadow:0 6px 16px #0000001f}.mb-parent-dropdown-empty{padding:12px;text-align:center;color:#bfbfbf;font-size:12px}.mb-parent-dropdown-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid #f5f5f5;cursor:pointer;transition:background .12s;-webkit-user-select:none;user-select:none}.mb-parent-dropdown-item:last-child{border-bottom:none}.mb-parent-dropdown-item:hover{background:#f0f7ff}.mb-parent-dropdown-item.selected{background:#eff6ff}.mb-parent-dropdown-icon{color:#2563eb;flex-shrink:0}.mb-parent-dropdown-text{display:flex;flex-direction:column;flex:1;min-width:0}.mb-parent-dropdown-name{font-size:12px;font-weight:600;color:#1d1d1d}.mb-parent-dropdown-num{font-size:10px;color:#8c8c8c}.um-container{display:flex;flex-direction:column;height:100%;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.um-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.um-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.um-header-icon{font-size:20px}.um-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.um-mobile-menu-toggle:active{background:#fff3}.um-mobile-menu-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:200;animation:umFadeIn .2s ease-out}.um-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:umSlideDown .3s ease-out}.um-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.um-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.um-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.um-mobile-menu-content{display:flex;flex-direction:column;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.um-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.um-mobile-menu-item:active{background:#f3f4f6}.um-mobile-menu-item.active{background:#e0f2fe;color:#0284c7;border-left-color:#0284c7}.um-mobile-menu-item.open{background:#fafafa}.um-mobile-menu-icon{font-size:16px;min-width:20px}.um-mobile-menu-label{flex:1}.um-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.um-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.um-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.um-mobile-close-all:active{background:#fecaca}.um-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.um-button-bar::-webkit-scrollbar{height:4px}.um-button-bar::-webkit-scrollbar-track{background:transparent}.um-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.um-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.um-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.um-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.um-btn-with-label:hover{background:#f0f9ff;border-color:#bae6fd}.um-btn-with-label:active{transform:scale(.98)}.um-btn-with-label.active{border-color:#0284c7;background:#e0f2fe;color:#0284c7}.um-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.um-btn-icon{font-size:14px}.um-btn-text{display:inline-block}.um-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.um-close-all-compact:hover{background:#fecaca;color:#dc2626}.um-close-all-compact:active{transform:scale(.98)}.um-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.um-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.um-tabs-scroll::-webkit-scrollbar{height:4px}.um-tabs-scroll::-webkit-scrollbar-track{background:transparent}.um-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.um-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.um-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.um-tab-label:hover{color:#374151;background:#f3f4f6}.um-tab-label.active{color:#0284c7;border-bottom-color:#0284c7;background:#e0f2fe}.um-tab-label-icon{font-size:12px}.um-tab-label-text{display:inline-block}.um-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.um-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.um-tab-label-close:active{transform:scale(.9)}.um-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.um-content::-webkit-scrollbar{width:8px}.um-content::-webkit-scrollbar-track{background:transparent}.um-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.um-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.um-tab-content{animation:umSlideIn .2s ease-out}.um-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.um-empty-icon{font-size:64px;opacity:.3;animation:umFloat 3s ease-in-out infinite}.um-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.um-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}@keyframes umSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes umSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes umFadeIn{0%{opacity:0}to{opacity:1}}@keyframes umFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.um-header-compact{height:52px;padding:0 12px}.um-header-title{font-size:16px;gap:10px}.um-header-icon{font-size:18px}.um-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.um-mobile-menu-overlay{display:block}.um-mobile-menu{display:flex}.um-button-bar{display:none}.um-tab-labels{height:40px;padding:0 6px}.um-tab-label{font-size:11px;padding:6px 10px}.um-tab-label-text{display:none}.um-tab-label-icon{font-size:14px}.um-content{padding:16px}}@media(max-width:480px){.um-header-compact{height:48px;padding:0 10px}.um-header-title{font-size:14px;gap:8px}.um-header-icon{font-size:16px}.um-mobile-menu-toggle{font-size:20px;padding:6px}.um-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.um-mobile-menu-item{padding:12px 14px;font-size:13px}.um-tab-labels{height:36px}.um-tab-label{font-size:10px;padding:4px 8px}.um-content{padding:12px}.um-empty-icon{font-size:48px}.um-empty h2{font-size:16px}.um-empty p{font-size:12px}}@media(max-width:360px){.um-header-title span{display:none}.um-header-icon{font-size:18px}.um-mobile-menu-item{padding:10px 12px;font-size:12px}.um-tab-label{font-size:9px;padding:3px 6px}.um-content{padding:10px}}@media(prefers-color-scheme:dark){.um-container{background:#1f2937}.um-button-bar,.um-mobile-menu,.um-tab-labels,.um-content{background:#111827;border-bottom-color:#374151}.um-btn-with-label,.um-tab-label{color:#d1d5db}.um-btn-with-label:hover,.um-tab-label:hover{background:#1f2937}.um-mobile-menu-item{color:#d1d5db}.um-mobile-menu-header,.um-mobile-menu-footer{background:#1f2937;border-color:#374151}.um-mobile-menu-header h3,.um-empty h2{color:#f3f4f6}}@media(prefers-reduced-motion:reduce){.um-btn-with-label,.um-tab-label,.um-mobile-menu-item,.um-tab-content,.um-mobile-menu{transition:none;animation:none}}.aum-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:aumFadeIn .2s ease}@keyframes aumFadeIn{0%{opacity:0}to{opacity:1}}.aum-modal{background:#fff;border-radius:10px;width:100%;max-width:900px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px #00000047;border:1px solid #e5e7eb;animation:aumSlideUp .25s ease}@keyframes aumSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.aum-modal::-webkit-scrollbar{width:6px}.aum-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.aum-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-radius:10px 10px 0 0;position:sticky;top:0;z-index:10}.aum-header-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:15px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.aum-close{width:32px;height:32px;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}.aum-close:hover:not(:disabled){background:#ffffff38}.aum-close:disabled{opacity:.4;cursor:not-allowed}.aum-form{padding:18px 20px 16px;display:flex;flex-direction:column;gap:10px}.aum-section-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:1px;color:#9ca3af;padding-bottom:4px;border-bottom:1.5px solid #f3f4f6;margin-top:4px;margin-bottom:2px}.aum-grid-info{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:start}.aum-grid-security{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.aum-field{display:flex;flex-direction:column;gap:4px;min-width:0}.aum-label-row{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:nowrap}.aum-label{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.aum-req{color:#ef4444;margin-left:2px;flex-shrink:0}.aum-hint{font-size:10px;color:#9ca3af;font-weight:400;text-transform:none;margin-left:3px;white-space:nowrap;flex-shrink:0}.aum-input,.aum-select{padding:7px 10px;border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;height:34px}.aum-input:focus,.aum-select:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 2px #1a1a1a14}.aum-input::placeholder{color:#9ca3af;font-weight:400;font-size:11px}.aum-input:disabled,.aum-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.aum-mono{font-family:Courier New,monospace;font-size:11px;letter-spacing:.5px}.aum-select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-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 8px center;background-size:13px;padding-right:26px}.aum-pw-wrap{position:relative;display:flex;align-items:center;width:100%}.aum-pw-wrap .aum-input{padding-right:36px;height:34px}.aum-eye{position:absolute;right:9px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:2px;transition:color .2s;z-index:2;flex-shrink:0}.aum-eye:hover{color:#1a1a1a}.aum-eye:disabled{opacity:.4;cursor:not-allowed}.aum-gen-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;font-size:10px;font-weight:700;color:#374151;cursor:pointer;white-space:nowrap;transition:all .2s;text-transform:uppercase;flex-shrink:0;height:24px}.aum-gen-btn:hover:not(:disabled){background:#1a1a1a;color:#fff;border-color:#1a1a1a}.aum-gen-btn:disabled{opacity:.4;cursor:not-allowed}.aum-strength-wrap{display:flex;align-items:center;gap:6px;margin-top:4px}.aum-strength-bar{display:flex;gap:3px;flex:1}.aum-strength-seg{height:4px;flex:1;border-radius:2px;transition:background .3s}.aum-strength-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;min-width:60px;text-align:right}.aum-pw-checks{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.aum-pw-check{font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px}.aum-pw-check.pass{background:#d1fae5;color:#065f46}.aum-pw-check.fail{background:#fee2e2;color:#991b1b}.aum-apikey-count{font-size:10px;font-weight:700;margin-top:3px}.aum-field-photo{align-items:center;justify-content:flex-start}.aum-photo-upload{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer}.aum-avatar-sm{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#2d3748);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;overflow:hidden;border:2px solid #e5e7eb;flex-shrink:0}.aum-avatar-sm img{width:100%;height:100%;object-fit:cover}.aum-photo-btn{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#1a1a1a;background:#f3f4f6;border:1px solid #d1d5db;border-radius:4px;padding:3px 7px;transition:all .2s;text-transform:uppercase;white-space:nowrap}.aum-photo-upload:hover .aum-photo-btn{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.aum-locked-badge{margin-left:6px;font-size:9px;font-weight:700;color:#92400e;background:#fef3c7;border:1px solid #fcd34d;border-radius:3px;padding:1px 5px;text-transform:uppercase;letter-spacing:.2px;flex-shrink:0}.aum-input-locked-wrap{position:relative;display:flex;align-items:center;width:100%}.aum-input-locked{background:#f8f8f8!important;color:#6b7280!important;cursor:not-allowed!important;border:1.5px dashed #d1d5db!important;padding-right:32px!important}.aum-lock-icon{position:absolute;right:9px;top:50%;transform:translateY(-50%);font-size:11px;pointer-events:none;line-height:1}.aum-field-hint{font-size:10px;color:#9ca3af;margin-top:2px;font-style:italic}.aum-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:aumSpin .8s linear infinite;margin:0 auto}@keyframes aumSpin{to{transform:rotate(360deg)}}.aum-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:12px;border-top:1.5px solid #e5e7eb;margin-top:4px}.aum-btn{display:flex;align-items:center;gap:6px;padding:8px 18px;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.3px;border:none}.aum-btn-cancel{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.aum-btn-cancel:hover:not(:disabled){background:#e5e7eb}.aum-btn-submit{background:#1a1a1a;color:#fff;box-shadow:0 2px 8px #1a1a1a2e}.aum-btn-submit:hover:not(:disabled){background:#2d2d2d;transform:translateY(-1px)}.aum-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.swal2-container,.swal2-popup{z-index:9999!important}@media(max-width:1100px){.aum-modal{max-width:780px}.aum-grid-info{grid-template-columns:repeat(4,1fr)}.aum-grid-security{grid-template-columns:1fr 1fr}}@media(max-width:820px){.aum-modal{max-width:98%}.aum-grid-info{grid-template-columns:repeat(3,1fr)}.aum-grid-security{grid-template-columns:1fr 1fr}}@media(max-width:640px){.aum-grid-info{grid-template-columns:repeat(2,1fr)}.aum-grid-security{grid-template-columns:1fr}.aum-form{padding:14px}}@media(max-width:400px){.aum-grid-info{grid-template-columns:1fr}.aum-form{padding:10px}}.vum-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:4000;padding:16px;animation:vumFadeIn .25s ease}@keyframes vumFadeIn{0%{opacity:0}to{opacity:1}}.vum-modal{width:100%;max-width:780px;max-height:92vh;overflow-y:auto;background:#fff;border-radius:20px;box-shadow:0 0 0 1px #ffffff0f,0 8px 32px #0003,0 32px 64px #0000003d,0 2px 4px #0000001a;animation:vumSlideUp .32s cubic-bezier(.34,1.56,.64,1);display:flex;flex-direction:column}@keyframes vumSlideUp{0%{opacity:0;transform:translateY(40px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.vum-modal::-webkit-scrollbar{width:5px}.vum-modal::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:3px}.vum-hero{position:relative;padding:44px 24px 28px;display:flex;flex-direction:column;align-items:center;gap:10px;overflow:hidden;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);flex-shrink:0}.vum-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.vum-hero-bg:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(102,126,234,.32) 0%,transparent 70%);top:-90px;left:-70px;animation:vumBlob1 6s ease-in-out infinite alternate}.vum-hero-bg:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(118,75,162,.28) 0%,transparent 70%);bottom:-60px;right:-50px;animation:vumBlob2 7s ease-in-out infinite alternate}@keyframes vumBlob1{0%{transform:translate(0) scale(1)}to{transform:translate(18px,14px) scale(1.1)}}@keyframes vumBlob2{0%{transform:translate(0) scale(1)}to{transform:translate(-14px,-18px) scale(1.08)}}.vum-close{position:absolute;top:14px;right:14px;width:32px;height:32px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}.vum-close:hover{background:#ffffff38;transform:rotate(90deg)}.vum-avatar-wrap{position:relative;z-index:2}.vum-avatar-ring{width:88px;height:88px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);padding:3px;box-shadow:0 0 0 4px #ffffff12,0 8px 24px #0006;animation:vumRingSpin 8s linear infinite}@keyframes vumRingSpin{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.vum-avatar{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;overflow:hidden;border:2px solid rgba(255,255,255,.1)}.vum-avatar img{width:100%;height:100%;object-fit:cover}.vum-status-dot{position:absolute;bottom:3px;right:3px;width:15px;height:15px;border-radius:50%;border:3px solid #1a1a2e;box-shadow:0 0 8px currentColor}.vum-hero-info{text-align:center;z-index:2}.vum-hero-name{margin:0;font-size:20px;font-weight:800;color:#fff;letter-spacing:-.3px;text-shadow:0 2px 8px rgba(0,0,0,.4)}.vum-hero-email{margin:4px 0 0;font-size:12px;color:#fff9}.vum-hero-badges{display:flex;gap:6px;justify-content:center;margin-top:8px;flex-wrap:wrap}.vum-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.vum-badge-store{color:#ffffffd9;background:#ffffff1a}.vum-body{padding:18px;background:#f8fafc;flex:1;overflow-y:auto}.vum-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vum-col{display:flex;flex-direction:column;gap:14px}.vum-card{background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000a,inset 0 1px #fff}.vum-card-header{display:flex;align-items:center;gap:8px;padding:11px 14px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.4px}.vum-card-header svg{color:#667eea}.vum-card-dark .vum-card-header{background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e5e7eb;border-bottom-color:#ffffff12}.vum-card-dark .vum-card-header svg{color:#a78bfa}.vum-card-dark .vum-row{border-bottom-color:#ffffff0f}.vum-card-dark .vum-row:hover{background:#ffffff08}.vum-card-dark .vum-key-light{color:#ffffff73}.vum-card-dark .vum-val{color:#e5e7eb}.vum-card-dark .vum-mono{color:#a78bfa}.vum-table{padding:2px 0}.vum-row{display:flex;align-items:center;justify-content:space-between;padding:9px 14px;border-bottom:1px solid #f3f4f6;gap:10px;transition:background .15s}.vum-row:last-child{border-bottom:none}.vum-row:hover{background:#fafbff}.vum-key{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:100px}.vum-val{font-size:12px;font-weight:600;color:#1f2937;text-align:right}.vum-mono{font-family:Courier New,monospace;font-size:11px}.vum-secret{letter-spacing:1px}.vum-apikey{font-size:10px;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vum-val-wrap{display:flex;align-items:center;gap:5px;justify-content:flex-end;flex:1;min-width:0}.vum-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.vum-copy,.vum-eye{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:5px;cursor:pointer;color:#6b7280;transition:all .2s;flex-shrink:0}.vum-copy:hover{background:#10b981;color:#fff;border-color:#10b981}.vum-eye:hover{background:#667eea;color:#fff;border-color:#667eea}.vum-activity-list{display:flex;flex-direction:column;padding:6px 0}.vum-activity-item{display:flex;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid #f3f4f6;transition:background .15s}.vum-activity-item:last-child{border-bottom:none}.vum-activity-item:hover{background:#fafbff}.vum-activity-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 2px 6px #00000026}.vum-activity-info{display:flex;flex-direction:column;gap:1px;flex:1}.vum-activity-status{font-size:11px;font-weight:700}.vum-activity-time{font-size:10px;color:#9ca3af}.vum-activity-ip{font-size:10px;color:#cbd5e1;font-family:monospace}.vum-activity-store{font-size:10px;font-weight:600;color:#6b7280;flex-shrink:0}.vum-empty-activity{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;color:#d1d5db;font-size:12px}.vum-mini-spinner{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:vumSpin .7s linear infinite;margin-left:auto}@keyframes vumSpin{to{transform:rotate(360deg)}}.vum-error{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;color:#ef4444;font-size:12px;font-weight:600}.vum-retry{margin-left:auto;padding:3px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer}.vum-footer{display:flex;gap:10px;padding:14px 18px;background:#fff;border-top:1px solid #e5e7eb;border-radius:0 0 20px 20px;flex-shrink:0}.vum-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none;text-transform:uppercase;letter-spacing:.3px}.vum-btn-pdf{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea47}.vum-btn-pdf:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea61}.vum-btn-pdf:disabled{opacity:.5;cursor:not-allowed}.vum-btn-close{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.vum-btn-close:hover{background:#e5e7eb}@media(max-width:600px){.vum-grid{grid-template-columns:1fr}.vum-modal{border-radius:16px}.vum-hero{padding:36px 16px 22px}.vum-body{padding:12px}.vum-footer{flex-direction:column}.vum-key{min-width:80px}.vum-apikey{max-width:140px}}.ud-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;overflow:hidden;flex-shrink:0}.ud-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.ud-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px;flex-shrink:0}.ud-pw-box{display:flex;align-items:center;gap:5px}.ud-pw-text{font-family:Courier New,monospace;font-size:11px;color:#1d1d1d;background:#f5f5f5;padding:2px 6px;border-radius:3px;border:1px solid #e0e0e0;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ud-pw-dots{font-size:12px;color:#8c8c8c;letter-spacing:2px}.ud-pw-spinner{display:inline-block;width:14px;height:14px;border:2px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:cd-spin .7s linear infinite}.ud-copy-cell{display:flex;align-items:center;gap:5px}.ud-copy-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid #e0e0e0;border-radius:3px;background:#fafafa;color:#8c8c8c;cursor:pointer;transition:all .15s;padding:0;flex-shrink:0}.ud-copy-btn:hover{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ud-btn-eye{background:#f5f5f5!important;border-color:#d9d9d9!important;color:#595959!important}.ud-btn-eye:hover:not(:disabled){background:#1d2b3a!important;border-color:#1d2b3a!important;color:#fff!important}.ud-btn-eye.ud-eye-active{background:#fffbe6!important;border-color:#ffe58f!important;color:#d48806!important}.ud-btn-eye:disabled{opacity:.45;cursor:not-allowed}.ud-tiny-spin{display:inline-block;width:11px;height:11px;border:2px solid #d9d9d9;border-top-color:#595959;border-radius:50%;animation:cd-spin .7s linear infinite}.lc-date-input{height:30px!important;padding:0 10px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;font-size:12px!important;color:#262626!important;background:#fff!important;min-width:130px;box-sizing:border-box;transition:border-color .2s}.lc-date-input:focus{outline:none;border-color:#4096ff!important;box-shadow:0 0 0 2px #4096ff26!important}.lc-avatar{background:linear-gradient(135deg,#1d2b3a33,#1d2b3a66)!important;color:#1d2b3a!important;font-size:12px!important;width:28px!important;height:28px!important}.lc-time{font-family:Courier New,monospace;font-size:11px;white-space:nowrap}.cd-status-badge.lc-status-out{background:#e6f4ff;color:#096dd9;border-color:#91d5ff;display:inline-flex;align-items:center}.cd-status-badge.lc-status-expired{background:#fffbe6;color:#d48806;border-color:#ffe58f;display:inline-flex;align-items:center}.lc-date-range-tag{font-size:10px;color:#1677ff;font-weight:600;margin-left:4px}.lc-access-error{color:#cf1322;font-size:12px;margin:4px 0 0}@media(max-width:900px){.lc-date-field,.lc-date-input{width:100%}}@media(max-width:768px){.lc-time{font-size:10px}}.lc-date-field{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.lc-date-field label{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.lc-date-input{height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;font-weight:500;color:#262626;background:#fff;min-width:136px;max-width:150px;box-sizing:border-box;cursor:pointer;transition:border-color .2s,box-shadow .2s;-moz-appearance:none;appearance:none;-webkit-appearance:none}.lc-date-input:hover{border-color:#adb5bd}.lc-date-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.lc-date-box{display:flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;min-width:150px;transition:border-color .2s,box-shadow .2s;cursor:pointer}.lc-date-box:hover{border-color:#adb5bd}.lc-date-box:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.lc-date-box svg{color:#bfbfbf;flex-shrink:0}.lc-date-box input[type=date]{border:none;outline:none;background:transparent;font-size:12px;font-weight:500;color:#262626;flex:1;cursor:pointer;min-width:0;height:100%}.lc-date-box input[type=date]::-webkit-calendar-picker-indicator{opacity:.5;cursor:pointer;filter:invert(.4)}.lc-date-box input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1;filter:invert(.2)}.ups-root{min-height:100vh;background:#f4f6f9;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:24px;position:relative}.ups-guard-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f4f6f9;padding:24px}.ups-guard-card{background:#fff;border-radius:16px;padding:48px 40px;text-align:center;max-width:440px;width:100%;box-shadow:0 4px 24px #00000014}.ups-guard-img{width:160px;height:auto;margin-bottom:24px;opacity:.85}.ups-guard-card h3{font-size:20px;font-weight:700;color:#1a1a2e;margin:0 0 10px}.ups-guard-card p{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.6}.ups-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ups-page-header-left{display:flex;align-items:center;gap:14px}.ups-page-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #667eea59}.ups-page-title{font-size:22px;font-weight:700;color:#1a1a2e;margin:0;line-height:1.2}.ups-page-subtitle{font-size:13px;color:#6b7280;margin:3px 0 0}.ups-btn-add{display:flex;align-items:center;gap:7px;padding:10px 18px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #667eea4d;white-space:nowrap}.ups-btn-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #667eea73}.ups-btn-add:disabled{opacity:.55;cursor:not-allowed}.ups-add-btn-row{display:flex;justify-content:flex-end;margin-bottom:14px}.ups-selector-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 1px 6px #0000000f;flex-wrap:wrap}.ups-selector-left{display:flex;align-items:center;gap:14px;flex-wrap:wrap;flex:1}.ups-select-wrapper{position:relative;display:flex;align-items:center;min-width:240px}.ups-select-icon{position:absolute;left:11px;color:#9ca3af;pointer-events:none;z-index:1}.ups-select-chevron{position:absolute;right:11px;color:#9ca3af;pointer-events:none}.ups-select{width:100%;padding:9px 34px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#1a1a2e;background:#f9fafb;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ups-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f;background:#fff}.ups-select:disabled{opacity:.5;cursor:not-allowed}.ups-user-badge{display:flex;align-items:center;gap:10px;padding:8px 14px;background:#f4f6f9;border-radius:8px;border:1.5px solid #e5e7eb}.ups-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ups-user-info{display:flex;flex-direction:column;gap:2px}.ups-user-name{font-size:13px;font-weight:600;color:#1a1a2e;line-height:1}.ups-user-role{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;width:fit-content}.ups-user-role.admin{background:#fef3c7;color:#92400e}.ups-user-role.manager{background:#dbeafe;color:#1e40af}.ups-stats-row{display:flex;align-items:center;gap:10px;flex-shrink:0}.ups-stat-chip{display:flex;flex-direction:column;align-items:center;padding:8px 14px;background:#f4f6f9;border-radius:8px;border:1.5px solid #e5e7eb;min-width:56px}.ups-stat-chip.active{background:#f0fdf4;border-color:#bbf7d0}.ups-stat-num{font-size:18px;font-weight:700;color:#1a1a2e;line-height:1}.ups-stat-chip.active .ups-stat-num{color:#16a34a}.ups-stat-lbl{font-size:10px;color:#9ca3af;font-weight:500;margin-top:2px;text-transform:uppercase;letter-spacing:.4px}.ups-progress-ring{position:relative;width:40px;height:40px}.ups-ring-svg{width:40px;height:40px;transform:rotate(-90deg)}.ups-ring-bg{fill:none;stroke:#e5e7eb;stroke-width:3}.ups-ring-fill{fill:none;stroke:#667eea;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .5s ease}.ups-ring-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;color:#1a1a2e}.ups-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #dc2626;border-radius:8px;margin-bottom:16px;color:#991b1b;font-size:13px;font-weight:500}.ups-search-bar{position:relative;display:flex;align-items:center;margin-bottom:16px}.ups-search-icon{position:absolute;left:13px;color:#9ca3af;pointer-events:none}.ups-search-input{width:100%;padding:10px 36px 10px 38px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:13px;color:#1a1a2e;background:#fff;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 4px #0000000a}.ups-search-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1f}.ups-search-clear{position:absolute;right:11px;background:none;border:none;color:#9ca3af;cursor:pointer;font-size:13px;padding:4px;line-height:1;transition:color .2s}.ups-search-clear:hover{color:#374151}.ups-loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f;gap:14px}.ups-loading-overlay p{font-size:14px;color:#6b7280;margin:0}.ups-content{display:flex;flex-direction:column;gap:0}.ups-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f;text-align:center}.ups-empty-img{width:120px;height:auto;opacity:.5;margin-bottom:16px}.ups-empty-state h3{font-size:16px;font-weight:700;color:#374151;margin:0 0 6px}.ups-empty-state p{font-size:13px;color:#9ca3af;margin:0}.ups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:14px}.ups-card{background:#fff;border-radius:12px;box-shadow:0 1px 6px #0000000f;overflow:hidden;border:1.5px solid #f0f0f0;transition:box-shadow .2s}.ups-card:hover{box-shadow:0 4px 16px #00000017}.ups-card-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#fafafa;border-bottom:1.5px solid #f0f0f0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s;gap:10px}.ups-card-header:hover{background:#f4f6f9}.ups-card-header-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ups-card-title{font-size:13px;font-weight:700;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ups-card-count{font-size:11px;font-weight:600;padding:2px 7px;background:#ede9fe;color:#6d28d9;border-radius:20px;white-space:nowrap;flex-shrink:0}.ups-card-header-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.ups-bulk-btns{display:flex;gap:5px}.ups-bulk-btn{padding:4px 9px;border:none;border-radius:5px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.2px}.ups-bulk-btn.enable{background:#d1fae5;color:#065f46}.ups-bulk-btn.enable:hover:not(:disabled){background:#10b981;color:#fff}.ups-bulk-btn.disable{background:#fee2e2;color:#991b1b}.ups-bulk-btn.disable:hover:not(:disabled){background:#dc2626;color:#fff}.ups-bulk-btn:disabled{opacity:.45;cursor:not-allowed}.ups-chevron{color:#9ca3af;transition:transform .25s ease;flex-shrink:0}.ups-chevron.open{transform:rotate(180deg)}.ups-card-progress{height:3px;background:#f0f0f0}.ups-card-progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#10b981);transition:width .4s ease;border-radius:0 2px 2px 0}.ups-card-body{padding:10px;display:flex;flex-direction:column;gap:5px}.ups-perm-row{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:7px;border:1.5px solid transparent;transition:all .18s ease;background:#f9fafb}.ups-perm-row:hover{background:#f3f4f6}.ups-perm-row.on{background:#f0fdf4;border-color:#bbf7d0}.ups-perm-row.off{background:#fafafa;border-color:#f0f0f0}.ups-toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;flex-shrink:0}.ups-toggle input{position:absolute;opacity:0;width:0;height:0}.ups-toggle-track{width:36px;height:20px;background:#d1d5db;border-radius:20px;position:relative;transition:background .25s ease;display:flex;align-items:center}.ups-toggle input:checked~.ups-toggle-track{background:#10b981}.ups-toggle input:disabled~.ups-toggle-track{opacity:.5;cursor:not-allowed}.ups-toggle-thumb{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;left:3px;transition:transform .25s ease;box-shadow:0 1px 3px #0003}.ups-toggle input:checked~.ups-toggle-track .ups-toggle-thumb{transform:translate(16px)}.ups-perm-label{flex:1;font-size:12.5px;font-weight:500;color:#374151;line-height:1.3}.ups-perm-row.on .ups-perm-label{color:#1a1a2e;font-weight:600}.ups-status-pill{font-size:10px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;flex-shrink:0;letter-spacing:.3px}.ups-status-pill.active{background:#d1fae5;color:#065f46}.ups-status-pill.inactive{background:#f3f4f6;color:#9ca3af}.ups-row-actions{display:flex;gap:4px;flex-shrink:0}.ups-icon-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .18s ease;flex-shrink:0}.ups-icon-btn.edit{color:#3b82f6}.ups-icon-btn.edit:hover:not(:disabled){background:#eff6ff;border-color:#93c5fd}.ups-icon-btn.delete{color:#ef4444}.ups-icon-btn.delete:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5}.ups-icon-btn:disabled{opacity:.4;cursor:not-allowed}.ups-saving-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 18px;background:#1a1a2e;color:#fff;border-radius:10px;font-size:13px;font-weight:600;box-shadow:0 4px 20px #00000040;z-index:9999;animation:slideUpToast .3s ease}@keyframes slideUpToast{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ups-btn-primary{padding:10px 22px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #667eea4d}.ups-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #667eea73}.ups-spinner-lg{width:44px;height:44px;border:4px solid #e5e7eb;border-top-color:#667eea;border-radius:50%;animation:spinUPS .75s linear infinite}.ups-spinner-sm{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spinUPS .75s linear infinite}@keyframes spinUPS{to{transform:rotate(360deg)}}@media(max-width:1024px){.ups-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media(max-width:768px){.ups-root{padding:14px}.ups-page-title{font-size:18px}.ups-grid{grid-template-columns:1fr}.ups-selector-bar{flex-direction:column;align-items:flex-start;padding:14px}.ups-selector-left{width:100%}.ups-select-wrapper{width:100%;min-width:unset}.ups-stats-row{width:100%;justify-content:flex-start}.ups-card-header{flex-wrap:wrap;gap:8px}.ups-add-btn-row{justify-content:stretch}.ups-add-btn-row .ups-btn-add{width:100%;justify-content:center}}@media(max-width:480px){.ups-root{padding:10px}.ups-page-header{flex-direction:column;align-items:flex-start}.ups-page-icon{width:40px;height:40px}.ups-page-title{font-size:16px}.ups-perm-row{flex-wrap:wrap;gap:7px}.ups-row-actions{margin-left:auto}.ups-saving-toast{bottom:14px;right:14px;left:14px;justify-content:center}}@media(prefers-reduced-motion:reduce){.ups-toggle-track,.ups-toggle-thumb,.ups-card,.ups-perm-row,.ups-chevron{transition:none}.ups-spinner-lg,.ups-spinner-sm{animation:none}}.fms-container{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.fms-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#0ea5e9,#0369a1);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.fms-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.fms-header-icon{font-size:20px}.fms-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.fms-mobile-menu-toggle:active{background:#fff3}.fms-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fms-fadeIn .2s ease-out}.fms-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:fms-slideDown .3s ease-out}.fms-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.fms-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.fms-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.fms-mobile-menu-content{display:flex;flex-direction:column;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.fms-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.fms-mobile-menu-item:active{background:#f3f4f6}.fms-mobile-menu-item.active{background:#f0f9ff;color:#0ea5e9;border-left-color:#0ea5e9}.fms-mobile-menu-item.open{background:#fafafa}.fms-mobile-menu-icon{font-size:16px;min-width:20px}.fms-mobile-menu-label{flex:1}.fms-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.fms-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.fms-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.fms-mobile-close-all:active{background:#fecaca}.fms-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.fms-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.fms-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.fms-btn-with-label:hover{background:#f0f9ff;border-color:#bae6fd}.fms-btn-with-label:active{transform:scale(.98)}.fms-btn-with-label.active{border-color:#0ea5e9;background:#f0f9ff;color:#0ea5e9}.fms-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.fms-btn-icon{font-size:14px}.fms-btn-text{display:inline-block}.fms-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.fms-close-all-compact:hover{background:#fecaca;color:#dc2626}.fms-close-all-compact:active{transform:scale(.98)}.fms-button-bar::-webkit-scrollbar{height:4px}.fms-button-bar::-webkit-scrollbar-track{background:transparent}.fms-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.fms-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fms-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.fms-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.fms-tabs-scroll::-webkit-scrollbar{height:4px}.fms-tabs-scroll::-webkit-scrollbar-track{background:transparent}.fms-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.fms-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fms-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.fms-tab-label:hover{color:#374151;background:#f3f4f6}.fms-tab-label:active{transform:scale(.98)}.fms-tab-label.active{color:#0ea5e9;border-bottom-color:#0ea5e9;background:#f0f9ff}.fms-tab-label-icon{font-size:12px}.fms-tab-label-text{display:inline-block}.fms-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.fms-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.fms-tab-label-close:active{transform:scale(.9)}.fms-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.fms-tab-content{animation:fms-slideIn .2s ease-out}.fms-content::-webkit-scrollbar{width:8px}.fms-content::-webkit-scrollbar-track{background:transparent}.fms-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.fms-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;text-align:center}.fms-empty-icon{font-size:64px;opacity:.3;animation:fms-float 3s ease-in-out infinite}.fms-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.fms-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.fms-mobile-menu-content::-webkit-scrollbar{width:6px}.fms-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.fms-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@keyframes fms-slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fms-slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fms-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fms-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.fms-header-compact{height:52px;padding:0 12px}.fms-header-title{font-size:16px;gap:10px}.fms-header-icon{font-size:18px}.fms-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.fms-mobile-menu-overlay{display:block}.fms-mobile-menu{display:flex}.fms-button-bar{display:none}.fms-tab-labels{height:40px;padding:0 6px}.fms-tab-label{font-size:11px;padding:6px 10px}.fms-tab-label-text{display:none}.fms-tab-label-icon{font-size:14px}.fms-content{padding:16px}.fms-empty h2{font-size:18px}.fms-empty p{font-size:13px}}@media(max-width:480px){.fms-header-compact{height:48px;padding:0 10px}.fms-header-title{font-size:14px;gap:8px}.fms-header-icon{font-size:16px}.fms-mobile-menu-toggle{font-size:20px;padding:6px}.fms-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.fms-mobile-menu-header{padding:10px 12px}.fms-mobile-menu-header h3{font-size:14px}.fms-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.fms-mobile-menu-icon{font-size:14px}.fms-mobile-menu-footer{padding:10px 12px}.fms-mobile-close-all{padding:8px 10px;font-size:12px}.fms-tab-labels{height:36px;padding:0 4px}.fms-tab-label{font-size:10px;padding:4px 8px}.fms-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.fms-content{padding:12px}.fms-empty-icon{font-size:48px}.fms-empty h2{font-size:16px}.fms-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.fms-header-title span{display:none}.fms-header-icon{font-size:18px}.fms-mobile-menu-item{padding:10px 12px;font-size:12px}.fms-tab-label{font-size:9px;padding:3px 6px}.fms-content{padding:10px}.fms-empty-icon{font-size:40px}.fms-empty h2{font-size:14px}.fms-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.fms-header-compact{height:44px}.fms-header-title{font-size:14px}.fms-tab-labels{height:32px}.fms-tab-label{font-size:10px;padding:4px 8px}.fms-content{padding:12px}.fms-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.fms-container{background:#1f2937}.fms-button-bar,.fms-mobile-menu,.fms-tab-labels,.fms-content{background:#111827;border-bottom-color:#374151}.fms-header-compact{border-bottom-color:#374151}.fms-btn-with-label,.fms-tab-label{color:#d1d5db}.fms-btn-with-label:hover,.fms-tab-label:hover{background:#1f2937}.fms-mobile-menu-item{color:#d1d5db}.fms-mobile-menu-item:active{background:#1f2937}.fms-mobile-menu-header,.fms-mobile-menu-footer{background:#1f2937;border-color:#374151}.fms-mobile-menu-header h3,.fms-empty h2{color:#f3f4f6}.fms-empty p,.fms-empty-icon{color:#9ca3af}}@media print{.fms-header-compact,.fms-button-bar,.fms-mobile-menu,.fms-tab-labels,.fms-mobile-menu-toggle,.fms-close-all-compact{display:none}.fms-container{height:auto}.fms-content{padding:0}}@media(prefers-reduced-motion:reduce){.fms-btn-with-label,.fms-tab-label,.fms-mobile-menu-item,.fms-tab-content,.fms-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.fms-btn-with-label.active,.fms-tab-label.active,.fms-mobile-menu-item.active{border-width:2px;font-weight:700}.fms-header-compact{border-bottom-width:2px}}.fm-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.fm-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.fm-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.fm-title span:first-child{font-size:18px}.fm-search-combo{display:flex;align-items:center;flex:1;min-width:260px;max-width:480px;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.fm-search-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.fm-search-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#bfbfbf}.fm-search-icon{color:#bfbfbf}.fm-search-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;height:100%;min-width:0}.fm-search-input::placeholder{color:#bfbfbf}.fm-combo-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#d9d9d9;color:#595959;cursor:pointer;flex-shrink:0;margin-right:6px;transition:all .15s;padding:0}.fm-combo-clear:hover{background:#ff4d4f;color:#fff}.fm-breadcrumb{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:11px;color:#8c8c8c;flex-shrink:0}.fm-crumb-btn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#595959;font-size:11px;font-weight:600;cursor:pointer;padding:2px 5px;border-radius:3px;transition:all .15s}.fm-crumb-btn:hover{background:#e6f4ff;color:#1677ff}.fm-crumb-active{color:#1d2b3a!important;cursor:default}.fm-crumb-sep{color:#d9d9d9;font-size:12px}.fm-view-toggle{display:flex;gap:3px;background:#f5f7fa;border:1px solid #e0e0e0;border-radius:5px;padding:2px;flex-shrink:0}.fm-view-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:4px;background:transparent;color:#8c8c8c;cursor:pointer;transition:all .15s}.fm-view-btn.active{background:#1d2b3a;color:#fff}.fm-view-btn:hover:not(.active){background:#e0e0e0;color:#1d2b3a}.fm-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.fm-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.fm-btn:disabled{opacity:.45;cursor:not-allowed}.fm-btn-add{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.fm-btn-add:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.fm-btn-upload{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.fm-btn-upload:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.fm-btn-back{background:#fff;border-color:#d9d9d9;color:#595959}.fm-btn-back:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.fm-btn-cancel{background:#fff;border-color:#d9d9d9;color:#595959}.fm-btn-cancel:hover:not(:disabled){border-color:#ff4d4f;color:#ff4d4f}.fm-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.fm-search-results-header{padding:10px 14px;background:#f5f7fa;border-bottom:1px solid #f0f0f0;font-size:12px;font-weight:600;color:#595959}.fm-table-scroll{overflow-x:auto;max-height:560px}.fm-table{width:100%;border-collapse:collapse;font-size:12px}.fm-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.fm-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.fm-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.fm-table tbody tr:hover{background:#f0f7ff}.fm-table td{padding:10px;color:#434343;vertical-align:middle}.fm-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.fm-td-bold{font-weight:600;color:#1d1d1d}.fm-td-muted{color:#8c8c8c;font-size:11px}.fm-td-path{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-td-name{display:flex;align-items:center;gap:7px}.fm-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.fm-badge-folder{background:#fffbe6;color:#d48806;border:1px solid #ffe58f}.fm-badge-file{background:#e6f4ff;color:#096dd9;border:1px solid #91d5ff}.fm-action-group{display:flex;gap:4px;align-items:center}.fm-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.fm-action-open{background:#fffbe6;border-color:#ffe58f;color:#d48806}.fm-action-open:hover{background:#d48806;border-color:#d48806;color:#fff;transform:scale(1.08)}.fm-action-preview{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.fm-action-preview:hover{background:#096dd9;border-color:#096dd9;color:#fff;transform:scale(1.08)}.fm-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.fm-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.fm-file-icon{color:#8c8c8c}.fm-icon-pdf{color:#cf1322!important}.fm-icon-img{color:#52c41a!important}.fm-icon-txt{color:#096dd9!important}.fm-icon-folder,.fm-icon-folder-lg{color:#eab308}.fm-grid-area{padding:14px}.fm-section-label{font-size:11px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.fm-folders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:4px}.fm-folder-card{position:relative;background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:14px 12px 10px;cursor:pointer;transition:all .18s;box-shadow:0 1px 3px #0000000d}.fm-folder-card:hover{border-color:#eab308;box-shadow:0 3px 10px #eab30826;transform:translateY(-2px)}.fm-folder-card-body{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.fm-folder-name{font-size:12px;font-weight:600;color:#1d1d1d;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.fm-folder-meta{font-size:10px;color:#8c8c8c;margin:0}.fm-card-delete{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #ffa39e;border-radius:4px;background:#fff1f0;color:#cf1322;cursor:pointer;opacity:0;transition:all .15s;padding:0}.fm-folder-card:hover .fm-card-delete{opacity:1}.fm-card-delete:hover{background:#cf1322;color:#fff}.fm-files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.fm-file-card{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:10px 12px;transition:all .18s;box-shadow:0 1px 3px #0000000d}.fm-file-card:hover{border-color:#91d5ff;box-shadow:0 3px 10px #096dd91a;transform:translateY(-1px)}.fm-file-card-icon{flex-shrink:0}.fm-file-card-info{flex:1;min-width:0}.fm-file-name{font-size:11px;font-weight:600;color:#1d1d1d;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-file-meta{font-size:10px;color:#8c8c8c;margin:0}.fm-file-card-actions{display:flex;flex-direction:column;gap:3px;flex-shrink:0}.fm-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.fm-export-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.fm-record-count{font-size:11px;color:#8c8c8c;font-weight:500;white-space:nowrap}.fm-per-page-select{height:28px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:11px;font-weight:600;color:#595959;background:#fff;cursor:pointer;outline:none}.fm-per-page-select:focus{border-color:#4096ff}.fm-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.fm-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.fm-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.fm-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.fm-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.fm-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.fm-pg-input::-webkit-outer-spin-button,.fm-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fm-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.fm-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.fm-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.fm-state-center p{margin:0}.fm-state-center h3{margin:0;font-size:15px;font-weight:700;color:#1d2b3a}.fm-empty{padding:50px 20px;text-align:center}.fm-empty h3{font-size:14px;font-weight:700;color:#1d2b3a;margin:8px 0 4px}.fm-empty p{font-size:12px;color:#8c8c8c;margin:0}.fm-empty-icon-lg{font-size:48px}.fm-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:fm-spin .8s linear infinite}.fm-spinner-sm{width:14px;height:14px;border:2px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:fm-spin .8s linear infinite}@keyframes fm-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:fm-fade .18s ease}@keyframes fm-fade{0%{opacity:0}to{opacity:1}}.fm-modal{background:#fff;border-radius:10px;width:100%;max-width:440px;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:fm-slide-up .2s ease;overflow:hidden}@keyframes fm-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fm-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.fm-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.fm-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.fm-modal-body{padding:16px;background:#f9fafb;display:flex;flex-direction:column;gap:12px}.fm-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.fm-form-group{display:flex;flex-direction:column;gap:5px}.fm-form-label{font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.3px}.fm-form-input{height:32px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.fm-form-input[type=file]{height:auto;padding:6px 10px}.fm-form-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.fm-form-hint{font-size:10px;color:#8c8c8c;margin:0;line-height:1.6}.fm-file-preview-box{display:flex;align-items:center;justify-content:space-between;background:#f0f7ff;border:1px solid #91d5ff;border-radius:5px;padding:8px 12px;gap:8px}.fm-file-preview-name{font-size:12px;font-weight:600;color:#1d2b3a;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fm-file-preview-size{font-size:11px;color:#096dd9;font-weight:600;flex-shrink:0}.fm-progress-wrap{display:flex;flex-direction:column;gap:4px}.fm-progress-bar{height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.fm-progress-fill{height:100%;background:linear-gradient(90deg,#1677ff,#4096ff);border-radius:3px;transition:width .3s ease}.fm-progress-text{font-size:11px;color:#595959;font-weight:600;text-align:right}@media(max-width:900px){.fm-controls{flex-wrap:wrap}.fm-search-combo{min-width:100%;order:3;max-width:100%}.fm-actions{margin-left:0}.fm-breadcrumb{order:4;width:100%}}@media(max-width:768px){.fm-container{padding:10px}.fm-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.fm-pg-right{width:100%;justify-content:flex-end}.fm-table-scroll{max-height:420px}.fm-folders-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.fm-files-grid{grid-template-columns:1fr}}@media(max-width:480px){.fm-container{padding:8px}.fm-table{font-size:11px}.fm-table thead th,.fm-table td{padding:8px}.fm-folders-grid{grid-template-columns:repeat(2,1fr)}.fm-modal{max-height:95vh}}.fm-table-scroll::-webkit-scrollbar{width:5px;height:5px}.fm-table-scroll::-webkit-scrollbar-track{background:transparent}.fm-table-scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.fm-controls,.fm-bottom-bar,.fm-modal-overlay{display:none}.fm-container{background:#fff;padding:0}.fm-table-scroll{max-height:none;overflow:visible}}.rb-info-badge{display:inline-flex;align-items:center;gap:5px;background:#fffbe6;border:1px solid #ffe58f;color:#d48806;font-size:11px;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap;flex-shrink:0}.rb-warning-banner{display:flex;align-items:center;gap:8px;background:#fffbe6;border:1px solid #ffe58f;border-left:4px solid #faad14;color:#7c4a00;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500;line-height:1.5}.rb-btn-empty{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.rb-btn-empty:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff;transform:translateY(-1px);box-shadow:0 3px 8px #cf132240}.rb-action-restore{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.rb-action-restore:hover{background:#389e0d;border-color:#389e0d;color:#fff;transform:scale(1.08)}.rms-container{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.rms-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.rms-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.rms-header-icon{font-size:20px;color:#fff}.rms-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.rms-mobile-menu-toggle:active{background:#fff3}.rms-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:rmsFadeIn .2s ease-out}.rms-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:rmsSlideDown .3s ease-out}.rms-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.rms-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.rms-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.rms-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.rms-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.rms-mobile-menu-item:active{background:#f3f4f6}.rms-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.rms-mobile-menu-item.open{background:#fafafa}.rms-mobile-menu-icon{font-size:16px;min-width:20px}.rms-mobile-menu-label{flex:1}.rms-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.rms-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.rms-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.rms-mobile-close-all:active{background:#fecaca}.rms-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.rms-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.rms-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.rms-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.rms-btn-with-label:active{transform:scale(.98)}.rms-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.rms-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.rms-btn-icon{font-size:14px}.rms-btn-text{display:inline-block}.rms-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.rms-close-all-compact:hover{background:#fecaca;color:#dc2626}.rms-close-all-compact:active{transform:scale(.98)}.rms-button-bar::-webkit-scrollbar{height:4px}.rms-button-bar::-webkit-scrollbar-track{background:transparent}.rms-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.rms-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rms-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.rms-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.rms-tabs-scroll::-webkit-scrollbar{height:4px}.rms-tabs-scroll::-webkit-scrollbar-track{background:transparent}.rms-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.rms-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rms-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.rms-tab-label:hover{color:#374151;background:#f3f4f6}.rms-tab-label:active{transform:scale(.98)}.rms-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.rms-tab-label-icon{font-size:12px}.rms-tab-label-text{display:inline-block}.rms-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.rms-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.rms-tab-label-close:active{transform:scale(.9)}.rms-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.rms-tab-content{animation:rmsSlideIn .2s ease-out}@keyframes rmsSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes rmsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes rmsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes rmsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.rms-content::-webkit-scrollbar{width:8px}.rms-content::-webkit-scrollbar-track{background:transparent}.rms-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.rms-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.rms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.rms-empty-icon{font-size:64px;opacity:.3;animation:rmsFloat 3s ease-in-out infinite}.rms-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.rms-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.rms-mobile-menu-content::-webkit-scrollbar{width:6px}.rms-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.rms-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.rms-header-compact{height:52px;padding:0 12px}.rms-header-title{font-size:16px;gap:10px}.rms-header-icon{font-size:18px}.rms-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.rms-mobile-menu-overlay{display:block}.rms-mobile-menu{display:flex}.rms-button-bar{display:none}.rms-tab-labels{height:40px;padding:0 6px}.rms-tab-label{font-size:11px;padding:6px 10px}.rms-tab-label-text{display:none}.rms-tab-label-icon{font-size:14px}.rms-content{padding:16px}.rms-empty h2{font-size:18px}.rms-empty p{font-size:13px}}@media(max-width:480px){.rms-header-compact{height:48px;padding:0 10px}.rms-header-title{font-size:14px;gap:8px}.rms-header-icon{font-size:16px}.rms-mobile-menu-toggle{font-size:20px;padding:6px}.rms-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.rms-mobile-menu-header{padding:10px 12px}.rms-mobile-menu-header h3{font-size:14px}.rms-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.rms-mobile-menu-icon{font-size:14px}.rms-mobile-menu-footer{padding:10px 12px}.rms-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.rms-tab-labels{height:36px;padding:0 4px}.rms-tab-label{font-size:10px;padding:4px 8px}.rms-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.rms-content{padding:12px}.rms-empty-icon{font-size:48px}.rms-empty h2{font-size:16px}.rms-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.rms-header-title span{display:none}.rms-header-icon{font-size:18px}.rms-mobile-menu-item{padding:10px 12px;font-size:12px}.rms-tab-label{font-size:9px;padding:3px 6px}.rms-content{padding:10px}.rms-empty-icon{font-size:40px}.rms-empty h2{font-size:14px}.rms-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.rms-header-compact{height:44px}.rms-header-title{font-size:14px}.rms-tab-labels{height:32px}.rms-tab-label{font-size:10px;padding:4px 8px}.rms-content{padding:12px}.rms-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.rms-container{background:#1f2937}.rms-button-bar,.rms-mobile-menu,.rms-tab-labels,.rms-content{background:#111827;border-bottom-color:#374151}.rms-header-compact{border-bottom-color:#374151}.rms-btn-with-label,.rms-tab-label{color:#d1d5db}.rms-btn-with-label:hover,.rms-tab-label:hover{background:#1f2937}.rms-mobile-menu-item{color:#d1d5db}.rms-mobile-menu-item:active{background:#1f2937}.rms-mobile-menu-header,.rms-mobile-menu-footer{background:#1f2937;border-color:#374151}.rms-mobile-menu-header h3,.rms-empty h2{color:#f3f4f6}.rms-empty p,.rms-empty-icon{color:#9ca3af}}@media print{.rms-header-compact,.rms-button-bar,.rms-mobile-menu,.rms-tab-labels,.rms-mobile-menu-toggle,.rms-close-all-compact{display:none}.rms-container{height:auto}.rms-content{padding:0}}@media(prefers-reduced-motion:reduce){.rms-btn-with-label,.rms-tab-label,.rms-mobile-menu-item,.rms-tab-content,.rms-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.rms-btn-with-label.active,.rms-tab-label.active,.rms-mobile-menu-item.active{border-width:2px;font-weight:700}.rms-header-compact{border-bottom-width:2px}}.ir-container{background:#f0f2f5;min-height:100vh;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.ir-error-banner{display:flex;align-items:center;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px}.ir-error-banner p{margin:0;flex:1}.ir-error-banner button{display:inline-flex;align-items:center;gap:5px;background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.ir-error-banner button:hover{background:#cf1322}.ir-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px}.ir-date-group{display:flex;gap:10px;align-items:flex-end}.ir-field{display:flex;flex-direction:column;gap:3px}.ir-field label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.ir-field input[type=date],.ir-field input[type=number],.ir-select,.ir-input-sm{padding:6px 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;height:30px;box-sizing:border-box;transition:border-color .2s}.ir-field input:focus,.ir-select:focus,.ir-input-sm:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ir-select{min-width:130px;cursor:pointer}.ir-input-sm{width:90px}.ir-filter-group{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}.ir-action-group{display:flex;gap:8px;align-items:flex-end;margin-left:auto;flex-wrap:wrap}.ir-search-box{display:flex;align-items:center;gap:6px;border:1px solid #d9d9d9;border-radius:5px;padding:0 10px;height:30px;background:#fff;min-width:220px;transition:border-color .2s}.ir-search-box:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ir-search-box svg{color:#bfbfbf;flex-shrink:0}.ir-search-box input{border:none;outline:none;background:transparent;font-size:12px;color:#262626;flex:1;height:100%}.ir-search-box input::placeholder{color:#bfbfbf}.ir-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.ir-btn:disabled{opacity:.45;cursor:not-allowed}.ir-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.ir-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ir-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.ir-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.ir-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.ir-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.ir-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ir-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.ir-summary-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:10px}.ir-card{background:#fff;border-radius:7px;padding:10px 12px;box-shadow:0 1px 4px #00000012;border-top:3px solid #e0e0e0;display:flex;flex-direction:column;gap:4px;min-width:0;transition:box-shadow .2s}.ir-card:hover{box-shadow:0 3px 10px #0000001c}.ir-card-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ir-card-value{font-size:13px;font-weight:700;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ir-card-sub{font-size:10px;color:#8c8c8c}.ir-card-profit{border-top-color:#52c41a}.ir-card-profit .ir-card-value{color:#389e0d}.ir-card-loss{border-top-color:#ff4d4f}.ir-card-loss .ir-card-value{color:#cf1322}.ir-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.ir-table-scroll{overflow-x:auto;max-height:560px}.ir-table{width:100%;border-collapse:collapse;font-size:12px}.ir-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.ir-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.ir-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.ir-table tbody tr:hover{background:#f0f7ff}.ir-table tbody tr.ir-row-pos{border-left:4px solid #52c41a}.ir-table tbody tr.ir-row-neg{border-left:4px solid #ff4d4f}.ir-table td{padding:10px;color:#434343;vertical-align:middle}.ir-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.ir-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.ir-td-bold{font-weight:600;color:#1d1d1d}.ir-td-muted{color:#8c8c8c;font-size:11px}.ir-td-center{text-align:center}.ir-td-right{text-align:right}.ir-badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700}.ir-badge.pos{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.ir-badge.neg{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.ir-eye-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.ir-eye-btn:hover{background:#1677ff;border-color:#1677ff;color:#fff;transform:scale(1.08)}.ir-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.ir-export-group{display:flex;gap:6px;align-items:center}.ir-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ir-pg-select{height:28px;padding:0 8px;border:1px solid #d9d9d9;border-radius:4px;font-size:11px;font-weight:600;color:#595959;background:#fff;cursor:pointer}.ir-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.ir-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.ir-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.ir-pg-goto-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.ir-pg-goto-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.ir-pg-goto-input::-webkit-outer-spin-button,.ir-pg-goto-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ir-pg-goto-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ir-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.ir-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px}.ir-state-center p{margin:0}.ir-spin{animation:ir-spin 1s linear infinite}@keyframes ir-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ir-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ir-fade-in .18s ease}@keyframes ir-fade-in{0%{opacity:0}to{opacity:1}}.ir-modal{background:#fff;border-radius:10px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:ir-slide-up .2s ease;overflow:hidden}@keyframes ir-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ir-modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#1d2b3a;flex-shrink:0}.ir-modal-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff}.ir-modal-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.ir-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.ir-modal-body{overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:16px}.ir-modal-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ir-modal-section{background:#fafafa;border:1px solid #f0f0f0;border-radius:7px;padding:12px 14px}.ir-modal-section-full{grid-column:1 / -1}.ir-modal-section h4{font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e9e9e9}.ir-modal-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid #f5f5f5}.ir-modal-row:last-child{border-bottom:none}.ir-modal-row span{color:#8c8c8c;font-weight:500}.ir-modal-row strong{color:#1d1d1d;font-weight:600;text-align:right}.ir-modal-fin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.ir-fin-item{background:#fff;border:1px solid #f0f0f0;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:4px}.ir-fin-item span{font-size:10px;color:#8c8c8c;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.ir-fin-item strong{font-size:13px;font-weight:700;color:#262626}.ir-fin-item strong.pos{color:#389e0d}.ir-fin-item strong.neg{color:#cf1322}.ir-fin-highlight{border-width:2px}.ir-fin-highlight.pos{border-color:#b7eb8f;background:#f6ffed}.ir-fin-highlight.neg{border-color:#ffa39e;background:#fff1f0}.ir-modal-items h4{font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.4px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e9e9e9}.ir-modal-items-scroll{overflow-x:auto;border-radius:6px;border:1px solid #f0f0f0}.ir-items-table{width:100%;border-collapse:collapse;font-size:12px}.ir-items-table thead{background:#1d2b3a;position:sticky;top:0}.ir-items-table thead th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:#e8e8e8;white-space:nowrap;letter-spacing:.2px}.ir-items-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .1s}.ir-items-table tbody tr:hover{background:#fafafa}.ir-items-table td{padding:8px 10px;color:#434343;vertical-align:middle}@media(max-width:1280px){.ir-summary-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.ir-controls{flex-direction:column;align-items:stretch}.ir-date-group,.ir-filter-group{flex-wrap:wrap}.ir-action-group{margin-left:0}.ir-search-box{min-width:auto;width:100%}.ir-summary-row{grid-template-columns:repeat(3,1fr)}.ir-modal-fin-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.ir-container{padding:10px}.ir-summary-row{grid-template-columns:repeat(2,1fr)}.ir-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.ir-export-group{width:100%}.ir-export-group .ir-btn{flex:1;justify-content:center}.ir-pg-right{width:100%;justify-content:flex-end}.ir-modal-info-grid{grid-template-columns:1fr}.ir-modal-section-full{grid-column:1}.ir-modal-fin-grid{grid-template-columns:repeat(2,1fr)}.ir-table-scroll{max-height:420px}}@media(max-width:480px){.ir-container{padding:8px}.ir-summary-row{grid-template-columns:repeat(2,1fr);gap:6px}.ir-modal{max-height:95vh}.ir-modal-fin-grid{grid-template-columns:1fr 1fr}.ir-pg-text{font-size:10px;padding:3px 8px}.ir-pg-goto-input{width:38px;height:26px}.ir-pg-arrow{width:26px;height:26px}.ir-table{font-size:11px}.ir-table thead th,.ir-table td{padding:8px}.ir-card-value{font-size:12px}}@media(max-width:400px){.ir-summary-row{grid-template-columns:1fr}}.ir-modal-body::-webkit-scrollbar,.ir-table-scroll::-webkit-scrollbar,.ir-modal-items-scroll::-webkit-scrollbar{width:5px;height:5px}.ir-modal-body::-webkit-scrollbar-track,.ir-table-scroll::-webkit-scrollbar-track,.ir-modal-items-scroll::-webkit-scrollbar-track{background:transparent}.ir-modal-body::-webkit-scrollbar-thumb,.ir-table-scroll::-webkit-scrollbar-thumb,.ir-modal-items-scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.ir-controls,.ir-export-group,.ir-bottom-bar,.ir-modal-overlay{display:none}.ir-container{background:#fff;padding:0}.ir-table-scroll{max-height:none;overflow:visible}}.is-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.is-error-banner{display:flex;align-items:center;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px}.is-error-banner p{margin:0;flex:1}.is-error-banner button{background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.is-error-banner button:hover{background:#cf1322}.is-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:flex-end;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px}.is-date-group{display:flex;gap:10px;align-items:flex-end}.is-field{display:flex;flex-direction:column;gap:3px}.is-field label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.is-field input,.is-search,.is-select{padding:6px 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;transition:border-color .2s;height:30px;box-sizing:border-box}.is-field input:focus,.is-search:focus,.is-select:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.is-filter-group{display:flex;gap:8px;flex:1;align-items:flex-end;flex-wrap:wrap}.is-search{flex:1;min-width:180px}.is-select{min-width:120px;cursor:pointer}.is-action-group{display:flex;gap:6px;align-items:flex-end}.is-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.is-btn:disabled{opacity:.45;cursor:not-allowed}.is-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.is-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.is-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.is-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.is-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.is-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.is-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.is-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.is-summary-row{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:10px}.is-card{background:#fff;border-radius:7px;padding:10px 12px;box-shadow:0 1px 4px #00000012;border-top:3px solid #e0e0e0;display:flex;flex-direction:column;gap:5px;transition:box-shadow .2s;min-width:0}.is-card:hover{box-shadow:0 3px 10px #0000001c}.is-card-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-card-value{font-size:13px;font-weight:700;color:#262626;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.is-card-profit{border-top-color:#52c41a}.is-card-profit .is-card-value{color:#389e0d}.is-card-tax{border-top-color:#fa8c16}.is-card-tax .is-card-value{color:#d46b08}.is-card-net{border-top-color:#1677ff}.is-card-net .is-card-value{color:#0958d9}.is-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.is-table-scroll{overflow-x:auto;max-height:520px}.is-table{width:100%;border-collapse:collapse;font-size:12px}.is-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.is-table thead th{padding:11px 10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.is-table thead th.th-tax{background:#7c3f00;color:#ffd591}.is-table thead th.th-net{background:#003a8c;color:#bae7ff}.is-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.is-table tbody tr:hover{background:#fafafa}.is-table tbody tr.row-pos{border-left:3px solid #52c41a}.is-table tbody tr.row-neg{border-left:3px solid #ff4d4f}.is-table td{padding:10px;color:#434343;vertical-align:middle;font-size:12px;line-height:1.5}.td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.td-bold{font-weight:600;color:#1d1d1d}.td-muted{color:#8c8c8c}.td-center{text-align:center;font-weight:600}.td-right{text-align:right}.td-profit.pos{color:#389e0d;font-weight:700}.td-profit.neg{color:#cf1322;font-weight:700}.td-tax{color:#d46b08;font-weight:600;background:#fff7e6}.td-net.pos{color:#0958d9;font-weight:700;background:#e6f4ff}.td-net.neg{color:#cf1322;font-weight:700;background:#fff1f0}.td-netpct{color:#531dab;font-weight:600;background:#f9f0ff}.is-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.is-export-group{display:flex;gap:6px;align-items:center}.is-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.is-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.is-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.is-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.is-pg-goto-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.is-pg-goto-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff;transition:border-color .2s}.is-pg-goto-input::-webkit-outer-spin-button,.is-pg-goto-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.is-pg-goto-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.is-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.is-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px}.is-state-center p{margin:0}.is-spin{animation:spin 1s linear infinite}@media(max-width:1280px){.is-summary-row{grid-template-columns:repeat(4,1fr)}}@media(max-width:1024px){.is-summary-row{grid-template-columns:repeat(4,1fr)}.is-table-scroll{max-height:460px}}@media(max-width:900px){.is-summary-row{grid-template-columns:repeat(3,1fr)}.is-controls{flex-direction:column;align-items:stretch}.is-date-group,.is-filter-group,.is-action-group{flex-wrap:wrap}}@media(max-width:768px){.is-container{padding:10px}.is-summary-row{grid-template-columns:repeat(2,1fr)}.is-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px;padding:8px 12px}.is-export-group{width:100%}.is-export-group .is-btn{flex:1;justify-content:center}.is-pg-right{width:100%;justify-content:flex-end}.is-table-scroll{max-height:400px}.is-card-value{font-size:12px}}@media(max-width:480px){.is-container{padding:8px}.is-summary-row{grid-template-columns:repeat(2,1fr);gap:6px}.is-pg-text{font-size:10px;padding:3px 8px}.is-pg-goto-input{width:38px;height:26px;font-size:11px}.is-pg-arrow{width:26px;height:26px}.is-table-scroll{max-height:350px}.is-table{font-size:11px}.is-table thead th,.is-table tbody td{padding:6px 8px}.is-card{padding:8px 10px}.is-card-label{font-size:9px}.is-card-value{font-size:11px}}@media(max-width:400px){.is-summary-row{grid-template-columns:1fr}}.ex-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.ex-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.ex-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.ex-title span:first-child{font-size:18px}.ex-search-combo{display:flex;align-items:center;flex:1;min-width:220px;max-width:360px;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.ex-search-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ex-search-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#bfbfbf}.ex-search-icon{color:#bfbfbf}.ex-search-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;height:100%;min-width:0}.ex-search-input::placeholder{color:#bfbfbf}.ex-date-combo{display:flex;align-items:center;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;flex-shrink:0;transition:border-color .2s}.ex-date-combo:focus-within{border-color:#4096ff}.ex-date-label{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%;background:#f5f7fa;border-right:1px solid #e0e0e0;color:#8c8c8c;flex-shrink:0}.ex-date-input{height:100%;padding:0 8px;border:none;background:transparent;font-size:11px;font-weight:600;color:#1d2b3a;outline:none;cursor:pointer}.ex-store-combo{display:flex;align-items:center;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.ex-store-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ex-store-label{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%;background:#f5f7fa;border-right:1px solid #e0e0e0;font-size:13px;flex-shrink:0;color:#8c8c8c}.ex-store-select{height:100%;padding:0 8px;border:none;background:transparent;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;min-width:130px}.ex-store-select:focus{background:#e8f0fe}.ex-combo-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#d9d9d9;color:#595959;cursor:pointer;flex-shrink:0;margin-right:6px;transition:all .15s;padding:0}.ex-combo-clear:hover{background:#ff4d4f;color:#fff}.ex-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.ex-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.ex-btn:disabled{opacity:.45;cursor:not-allowed}.ex-btn-add{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ex-btn-add:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.ex-btn-category{background:#f9f0ff;border-color:#d3adf7;color:#722ed1}.ex-btn-category:hover:not(:disabled){background:#722ed1;border-color:#722ed1;color:#fff}.ex-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.ex-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ex-btn-clear{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ex-btn-clear:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.ex-btn-cancel{background:#fff;border-color:#d9d9d9;color:#595959}.ex-btn-cancel:hover{border-color:#ff4d4f;color:#ff4d4f}.ex-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.ex-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.ex-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.ex-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.ex-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ex-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.ex-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.ex-stat{background:#fff;border-radius:7px;padding:10px 14px;box-shadow:0 1px 4px #00000012;border-top:3px solid #e0e0e0;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s}.ex-stat:hover{box-shadow:0 3px 10px #0000001a}.ex-stat-blue{border-top-color:#1677ff}.ex-stat-green{border-top-color:#52c41a}.ex-stat-orange{border-top-color:#fa8c16}.ex-stat-red{border-top-color:#ff4d4f}.ex-stat-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.ex-stat-value{font-size:18px;font-weight:700;color:#1d1d1d;line-height:1}.ex-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.ex-table-scroll{overflow-x:auto;max-height:520px}.ex-table{width:100%;border-collapse:collapse;font-size:12px}.ex-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.ex-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.ex-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.ex-table tbody tr:hover{background:#f0f7ff}.ex-table td{padding:10px;color:#434343;vertical-align:middle}.ex-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.ex-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.ex-td-muted{color:#8c8c8c;font-size:11px}.ex-td-amount{font-weight:700;color:#389e0d;font-size:12px}.ex-td-remark{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ex-cat-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#f9f0ff;color:#722ed1;border:1px solid #d3adf7;white-space:nowrap}.ex-action-group{display:flex;gap:4px;align-items:center}.ex-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.ex-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ex-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.ex-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.ex-export-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ex-record-count{font-size:11px;color:#8c8c8c;font-weight:500;padding-left:4px;white-space:nowrap}.ex-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ex-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.ex-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.ex-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.ex-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.ex-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.ex-pg-input::-webkit-outer-spin-button,.ex-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ex-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ex-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.ex-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.ex-state-center p{margin:0}.ex-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.ex-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:ex-spin .8s linear infinite}@keyframes ex-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ex-access-img{width:160px;height:auto;opacity:.85}.ex-nodata-img{width:110px;height:auto;opacity:.55}.ex-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ex-fade .18s ease}@keyframes ex-fade{0%{opacity:0}to{opacity:1}}.ex-modal{background:#fff;border-radius:10px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:ex-slide-up .2s ease;overflow:hidden}@keyframes ex-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ex-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.ex-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.ex-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.ex-modal-body{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.ex-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.ex-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-form-full{grid-column:1 / -1}.ex-form-group{display:flex;flex-direction:column;gap:5px;position:relative}.ex-form-group-relative{position:relative}.ex-form-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.3px}.ex-required{color:#ff4d4f}.ex-form-input{height:32px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.ex-form-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ex-form-textarea{padding:8px 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;outline:none;resize:vertical;font-family:inherit;transition:border-color .2s,box-shadow .2s}.ex-form-textarea:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ex-cat-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 4px 12px #0000001f;z-index:100;max-height:180px;overflow-y:auto;list-style:none;margin:2px 0 0;padding:4px 0}.ex-cat-item{padding:7px 12px;font-size:12px;color:#262626;cursor:pointer;transition:background .12s}.ex-cat-item:hover{background:#e6f4ff;color:#1677ff}.ex-cat-dropdown::-webkit-scrollbar{width:4px}.ex-cat-dropdown::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}@media(max-width:1200px){.ex-summary-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.ex-controls{flex-wrap:wrap}.ex-search-combo{min-width:100%;order:3;max-width:100%}.ex-actions{margin-left:0}.ex-date-combo{flex:1}}@media(max-width:768px){.ex-container{padding:10px}.ex-summary-strip{grid-template-columns:repeat(2,1fr)}.ex-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.ex-export-group{width:100%}.ex-export-group .ex-btn{flex:1;justify-content:center}.ex-pg-right{width:100%;justify-content:flex-end}.ex-table-scroll{max-height:420px}.ex-modal-grid{grid-template-columns:1fr}}@media(max-width:480px){.ex-container{padding:8px}.ex-summary-strip{grid-template-columns:repeat(2,1fr);gap:6px}.ex-stat-value{font-size:15px}.ex-table{font-size:11px}.ex-table thead th,.ex-table td{padding:8px}.ex-modal{max-height:95vh}}@media(max-width:400px){.ex-summary-strip{grid-template-columns:1fr}}.ex-table-scroll::-webkit-scrollbar,.ex-modal-body::-webkit-scrollbar{width:5px;height:5px}.ex-table-scroll::-webkit-scrollbar-track,.ex-modal-body::-webkit-scrollbar-track{background:transparent}.ex-table-scroll::-webkit-scrollbar-thumb,.ex-modal-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.ex-controls,.ex-bottom-bar,.ex-modal-overlay{display:none}.ex-container{background:#fff;padding:0}.ex-table-scroll{max-height:none;overflow:visible}}.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}}.ams-container{display:flex;flex-direction:column;height:300vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.ams-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.ams-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.ams-header-icon{font-size:20px;color:#fff}.ams-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.ams-mobile-menu-toggle:active{background:#fff3}.ams-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:amsFadeIn .2s ease-out}.ams-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:amsSlideDown .3s ease-out}.ams-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.ams-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.ams-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.ams-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.ams-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.ams-mobile-menu-item:active{background:#f3f4f6}.ams-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.ams-mobile-menu-item.open{background:#fafafa}.ams-mobile-menu-icon{font-size:16px;min-width:20px}.ams-mobile-menu-label{flex:1}.ams-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.ams-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.ams-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.ams-mobile-close-all:active{background:#fecaca}.ams-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.ams-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.ams-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.ams-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.ams-btn-with-label:active{transform:scale(.98)}.ams-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.ams-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.ams-btn-icon{font-size:14px}.ams-btn-text{display:inline-block}.ams-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.ams-close-all-compact:hover{background:#fecaca;color:#dc2626}.ams-close-all-compact:active{transform:scale(.98)}.ams-button-bar::-webkit-scrollbar{height:4px}.ams-button-bar::-webkit-scrollbar-track{background:transparent}.ams-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.ams-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.ams-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.ams-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.ams-tabs-scroll::-webkit-scrollbar{height:4px}.ams-tabs-scroll::-webkit-scrollbar-track{background:transparent}.ams-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.ams-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.ams-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.ams-tab-label:hover{color:#374151;background:#f3f4f6}.ams-tab-label:active{transform:scale(.98)}.ams-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.ams-tab-label-icon{font-size:12px}.ams-tab-label-text{display:inline-block}.ams-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.ams-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.ams-tab-label-close:active{transform:scale(.9)}.ams-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.ams-tab-content{animation:amsSlideIn .2s ease-out}@keyframes amsSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes amsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes amsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes amsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.ams-content::-webkit-scrollbar{width:8px}.ams-content::-webkit-scrollbar-track{background:transparent}.ams-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.ams-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.ams-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.ams-empty-icon{font-size:64px;opacity:.3;animation:amsFloat 3s ease-in-out infinite}.ams-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.ams-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.ams-mobile-menu-content::-webkit-scrollbar{width:6px}.ams-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.ams-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.ams-header-compact{height:52px;padding:0 12px}.ams-header-title{font-size:16px;gap:10px}.ams-header-icon{font-size:18px}.ams-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.ams-mobile-menu-overlay{display:block}.ams-mobile-menu{display:flex}.ams-button-bar{display:none}.ams-tab-labels{height:40px;padding:0 6px}.ams-tab-label{font-size:11px;padding:6px 10px}.ams-tab-label-text{display:none}.ams-tab-label-icon{font-size:14px}.ams-content{padding:16px}.ams-empty h2{font-size:18px}.ams-empty p{font-size:13px}}@media(max-width:480px){.ams-header-compact{height:48px;padding:0 10px}.ams-header-title{font-size:14px;gap:8px}.ams-header-icon{font-size:16px}.ams-mobile-menu-toggle{font-size:20px;padding:6px}.ams-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.ams-mobile-menu-header{padding:10px 12px}.ams-mobile-menu-header h3{font-size:14px}.ams-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.ams-mobile-menu-icon{font-size:14px}.ams-mobile-menu-footer{padding:10px 12px}.ams-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.ams-tab-labels{height:36px;padding:0 4px}.ams-tab-label{font-size:10px;padding:4px 8px}.ams-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.ams-content{padding:12px}.ams-empty-icon{font-size:48px}.ams-empty h2{font-size:16px}.ams-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.ams-header-title span{display:none}.ams-header-icon{font-size:18px}.ams-mobile-menu-item{padding:10px 12px;font-size:12px}.ams-tab-label{font-size:9px;padding:3px 6px}.ams-content{padding:10px}.ams-empty-icon{font-size:40px}.ams-empty h2{font-size:14px}.ams-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.ams-header-compact{height:44px}.ams-header-title{font-size:14px}.ams-tab-labels{height:32px}.ams-tab-label{font-size:10px;padding:4px 8px}.ams-content{padding:12px}.ams-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.ams-container{background:#1f2937}.ams-button-bar,.ams-mobile-menu,.ams-tab-labels,.ams-content{background:#111827;border-bottom-color:#374151}.ams-header-compact{border-bottom-color:#374151}.ams-btn-with-label,.ams-tab-label{color:#d1d5db}.ams-btn-with-label:hover,.ams-tab-label:hover{background:#1f2937}.ams-mobile-menu-item{color:#d1d5db}.ams-mobile-menu-item:active{background:#1f2937}.ams-mobile-menu-header,.ams-mobile-menu-footer{background:#1f2937;border-color:#374151}.ams-mobile-menu-header h3,.ams-empty h2{color:#f3f4f6}.ams-empty p,.ams-empty-icon{color:#9ca3af}}@media print{.ams-header-compact,.ams-button-bar,.ams-mobile-menu,.ams-tab-labels,.ams-mobile-menu-toggle,.ams-close-all-compact{display:none}.ams-container{height:auto}.ams-content{padding:0}}@media(prefers-reduced-motion:reduce){.ams-btn-with-label,.ams-tab-label,.ams-mobile-menu-item,.ams-tab-content,.ams-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.ams-btn-with-label.active,.ams-tab-label.active,.ams-mobile-menu-item.active{border-width:2px;font-weight:700}.ams-header-compact{border-bottom-width:2px}}.bd-container{background:#f0f2f5;min-height:100vh;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.bd-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.bd-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.bd-title span:first-child{font-size:18px}.bd-search-box{display:flex;align-items:center;gap:6px;border:1px solid #d9d9d9;border-radius:5px;padding:0 10px;height:30px;background:#fff;flex:1;min-width:180px;transition:border-color .2s}.bd-search-box:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.bd-search-box svg{color:#bfbfbf;flex-shrink:0}.bd-search-box input{border:none;outline:none;background:transparent;font-size:12px;color:#262626;flex:1;height:100%}.bd-search-box input::placeholder{color:#bfbfbf}.bd-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.bd-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.bd-btn:disabled{opacity:.45;cursor:not-allowed}.bd-btn-add{background:#1d2b3a;color:#fff;border-color:#1d2b3a}.bd-btn-add:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.bd-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.bd-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.bd-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.bd-stat{background:#fff;border-radius:7px;padding:10px 14px;box-shadow:0 1px 4px #00000012;border-top:3px solid #d9d9d9;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s}.bd-stat:hover{box-shadow:0 3px 10px #0000001a}.bd-stat:nth-child(1){border-top-color:#1677ff}.bd-stat:nth-child(2){border-top-color:#52c41a}.bd-stat:nth-child(3){border-top-color:#fa8c16}.bd-stat:nth-child(4){border-top-color:#722ed1}.bd-stat-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.bd-stat-value{font-size:20px;font-weight:700;color:#1d1d1d;line-height:1}.bd-error{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500}.bd-error button{background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600;white-space:nowrap}.bd-error button:hover{background:#cf1322}.bd-content{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;padding:14px}.bd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:12px}.bd-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:all .18s;box-shadow:0 1px 3px #0000000d}.bd-card:hover{border-color:#1d2b3a;box-shadow:0 4px 14px #0000001a;transform:translateY(-2px)}.bd-card-top{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#f8f9fa;border-bottom:1px solid #f0f0f0}.bd-card-icon{font-size:22px;flex-shrink:0}.bd-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.bd-card-name{font-size:13px;font-weight:700;color:#1d1d1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-card-acct{font-size:11px;color:#8c8c8c;font-family:Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bd-card-del{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ffa39e;border-radius:5px;background:#fff1f0;color:#cf1322;cursor:pointer;transition:all .15s;flex-shrink:0}.bd-card-del:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.bd-card-details{padding:10px 14px;display:flex;flex-direction:column;gap:0;flex:1}.bd-card-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid #f5f5f5}.bd-card-row:last-child{border-bottom:none}.bd-card-row span{color:#8c8c8c;font-weight:500}.bd-card-row strong{color:#1d1d1d;font-weight:600}.bd-card-footer{padding:10px 14px;background:#fafafa;border-top:1px solid #f0f0f0;display:flex;gap:6px}.bd-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;border:1px solid transparent;border-radius:5px;cursor:pointer;font-size:11px;font-weight:700;transition:all .15s;letter-spacing:.3px;white-space:nowrap}.bd-card-btn-pay{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.bd-card-btn-pay:hover{background:#096dd9;border-color:#096dd9;color:#fff;transform:translateY(-1px)}.bd-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 0 2px;border-top:1px solid #f0f0f0;flex-wrap:wrap}.bd-pg-btn{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;height:28px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;color:#595959;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s}.bd-pg-btn:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.bd-pg-btn:disabled{opacity:.4;cursor:not-allowed}.bd-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.bd-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.bd-pg-input::-webkit-outer-spin-button,.bd-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bd-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.bd-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.bd-state-center p{margin:0}.bd-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.bd-spinner{width:36px;height:36px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:bd-spin .8s linear infinite}.bd-access-img{width:160px;height:auto;opacity:.85}.bd-nodata-img{width:110px;height:auto;opacity:.55}@keyframes bd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:1024px){.bd-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.bd-summary-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.bd-container{padding:10px}.bd-controls{flex-wrap:wrap;gap:8px}.bd-search-box{min-width:100%;order:3}.bd-actions{margin-left:auto}.bd-summary-strip{grid-template-columns:repeat(2,1fr)}.bd-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:480px){.bd-container{padding:8px}.bd-summary-strip{grid-template-columns:repeat(2,1fr);gap:6px}.bd-grid{grid-template-columns:1fr}.bd-actions{width:100%}.bd-btn{flex:1;justify-content:center}.bd-stat-value{font-size:16px}.bd-pagination{gap:5px}}@media(max-width:360px){.bd-summary-strip{grid-template-columns:1fr 1fr}.bd-title span:last-child{font-size:13px}}.bd-content::-webkit-scrollbar{width:5px}.bd-content::-webkit-scrollbar-track{background:transparent}.bd-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.bd-controls,.bd-actions,.bd-pagination{display:none}.bd-container{background:#fff;padding:0}}: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%}}.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}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.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}}.vb-container{background:#f0f2f5;min-height:100vh;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.vb-controls{display:flex;align-items:flex-end;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.vb-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0;align-self:center}.vb-title span:first-child{font-size:18px}.vb-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;flex:1}.vb-field{display:flex;flex-direction:column;gap:3px}.vb-field label{display:flex;align-items:center;gap:3px;font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.vb-select,.vb-input{padding:6px 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;height:30px;box-sizing:border-box;transition:border-color .2s;cursor:pointer}.vb-select:focus,.vb-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.vb-select:disabled,.vb-input:disabled{opacity:.5;cursor:not-allowed;background:#fafafa}.vb-select{min-width:160px}.vb-input{min-width:130px}.vb-right-actions{display:flex;gap:8px;align-items:flex-end;flex-shrink:0;flex-wrap:wrap}.vb-search-box{display:flex;align-items:center;gap:6px;border:1px solid #d9d9d9;border-radius:5px;padding:0 10px;height:30px;background:#fff;min-width:200px;transition:border-color .2s}.vb-search-box:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.vb-search-box svg{color:#bfbfbf;flex-shrink:0}.vb-search-box input{border:none;outline:none;background:transparent;font-size:12px;color:#262626;flex:1;height:100%}.vb-search-box input::placeholder{color:#bfbfbf}.vb-search-box input:disabled{cursor:not-allowed}.vb-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.vb-btn:disabled{opacity:.45;cursor:not-allowed}.vb-btn-reset{background:#fff;border-color:#d9d9d9;color:#595959}.vb-btn-reset:hover{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.vb-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.vb-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.vb-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.vb-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.vb-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.vb-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.vb-btn-download{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.vb-btn-download:hover{background:#2d3f52}.vb-btn-close{background:#f5f5f5;border-color:#d9d9d9;color:#595959}.vb-btn-close:hover:not(:disabled){background:#e0e0e0;border-color:#bfbfbf}.vb-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.vb-stat{background:#fff;border-radius:7px;padding:10px 14px;box-shadow:0 1px 4px #00000012;border-top:3px solid #e0e0e0;display:flex;flex-direction:column;gap:4px;min-width:0;transition:box-shadow .2s}.vb-stat:hover{box-shadow:0 3px 10px #0000001a}.vb-stat-blue{border-top-color:#1677ff}.vb-stat-green{border-top-color:#52c41a}.vb-stat-purple{border-top-color:#722ed1}.vb-stat-orange{border-top-color:#fa8c16}.vb-stat-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.vb-stat-value{font-size:14px;font-weight:700;color:#1d1d1d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vb-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.vb-table-scroll{overflow-x:auto;max-height:560px}.vb-table{width:100%;border-collapse:collapse;font-size:12px}.vb-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.vb-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.vb-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.vb-table tbody tr:hover{background:#f0f7ff}.vb-table td{padding:10px;color:#434343;vertical-align:middle}.vb-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.vb-td-muted{color:#8c8c8c}.vb-td-reason{font-size:11px;color:#595959;max-width:160px}.vb-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;white-space:nowrap}.vb-badge-green{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.vb-badge-blue{background:#e6f4ff;color:#096dd9;border:1px solid #91d5ff}.vb-badge-yellow{background:#fffbe6;color:#d46b08;border:1px solid #ffe58f;font-family:Courier New,monospace;font-size:10px}.vb-user-cell{display:flex;align-items:center;gap:7px}.vb-avatar{width:26px;height:26px;background:#1d2b3a;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.vb-datetime{display:flex;flex-direction:column;gap:1px}.vb-date{font-size:11px;font-weight:600;color:#1d1d1d}.vb-time{font-size:10px;color:#8c8c8c}.vb-img-actions{display:flex;gap:4px;flex-wrap:wrap;justify-content:center}.vb-img-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-size:10px;font-weight:700;transition:all .15s;white-space:nowrap}.vb-img-view{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.vb-img-view:hover{background:#096dd9;border-color:#096dd9;color:#fff}.vb-img-upload{background:#fff0f6;border-color:#ffadd2;color:#c41d7f}.vb-img-upload:hover{background:#c41d7f;border-color:#c41d7f;color:#fff}.vb-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.vb-export-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.vb-record-count{font-size:11px;color:#8c8c8c;font-weight:500;padding-left:4px}.vb-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vb-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.vb-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.vb-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.vb-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.vb-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.vb-pg-input::-webkit-outer-spin-button,.vb-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.vb-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.vb-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.vb-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.vb-state-center p{margin:0}.vb-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.vb-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:vb-spin .8s linear infinite}.vb-access-img{width:160px;height:auto;opacity:.85}.vb-nodata-img{width:110px;height:auto;opacity:.55}.vb-access-error{color:#cf1322;font-size:12px;margin:4px 0 0}@keyframes vb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vb-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:vb-fade .18s ease}@keyframes vb-fade{0%{opacity:0}to{opacity:1}}.vb-modal{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:vb-slide-up .2s ease;overflow:hidden}@keyframes vb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vb-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.vb-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.vb-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.vb-modal-body{flex:1;overflow-y:auto;padding:16px;display:flex;align-items:center;justify-content:center;background:#f9fafb}.vb-modal-img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 12px #0000001a}.vb-modal-footer{display:flex;gap:8px;padding:12px 16px;border-top:1px solid #f0f0f0;justify-content:flex-end;background:#fafafa}.vb-upload-body{flex-direction:column;gap:12px;min-height:260px;align-items:stretch}.vb-upload-area{border:2px dashed #4096ff;border-radius:8px;padding:36px 20px;text-align:center;background:#f0f7ff;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:8px}.vb-upload-area:hover{border-color:#1677ff;background:#e6f4ff}.vb-upload-icon{font-size:2.4rem}.vb-upload-title{font-size:13px;font-weight:700;color:#1d1d1d;margin:0}.vb-upload-sub{font-size:11px;color:#8c8c8c;margin:0}.vb-upload-ref{font-size:12px;color:#595959;text-align:center;margin:0;padding:8px 12px;background:#f5f5f5;border-radius:5px}.vb-upload-ref strong{color:#1d1d1d;font-family:Courier New,monospace}@media(max-width:1200px){.vb-summary-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.vb-controls{flex-direction:column;align-items:stretch}.vb-filters,.vb-right-actions{flex-wrap:wrap}.vb-search-box{min-width:auto;flex:1}}@media(max-width:768px){.vb-container{padding:10px}.vb-summary-strip{grid-template-columns:repeat(2,1fr)}.vb-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.vb-export-group{width:100%}.vb-export-group .vb-btn{flex:1;justify-content:center}.vb-pg-right{width:100%;justify-content:flex-end}.vb-table-scroll{max-height:420px}.vb-select{min-width:130px}}@media(max-width:480px){.vb-container{padding:8px}.vb-summary-strip{grid-template-columns:repeat(2,1fr);gap:6px}.vb-table{font-size:11px}.vb-table thead th,.vb-table td{padding:8px}.vb-stat-value{font-size:12px}.vb-img-actions{flex-direction:column}.vb-img-btn{width:100%;justify-content:center}.vb-pg-text{font-size:10px;padding:3px 8px}.vb-pg-input{width:38px;height:26px}.vb-pg-arrow{width:26px;height:26px}}.vb-table-scroll::-webkit-scrollbar,.vb-modal-body::-webkit-scrollbar{width:5px;height:5px}.vb-table-scroll::-webkit-scrollbar-track,.vb-modal-body::-webkit-scrollbar-track{background:transparent}.vb-table-scroll::-webkit-scrollbar-thumb,.vb-modal-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.vb-controls,.vb-bottom-bar,.vb-modal-overlay{display:none}.vb-container{background:#fff;padding:0}.vb-table-scroll{max-height:none;overflow:visible}}.cms-container{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.cms-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.cms-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.cms-header-icon{font-size:20px;color:#fff}.cms-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.cms-mobile-menu-toggle:active{background:#fff3}.cms-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:cmsFadeIn .2s ease-out}.cms-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:cmsSlideDown .3s ease-out}.cms-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.cms-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.cms-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.cms-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.cms-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.cms-mobile-menu-item:active{background:#f3f4f6}.cms-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.cms-mobile-menu-item.open{background:#fafafa}.cms-mobile-menu-icon{font-size:16px;min-width:20px}.cms-mobile-menu-label{flex:1}.cms-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.cms-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.cms-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.cms-mobile-close-all:active{background:#fecaca}.cms-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.cms-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.cms-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.cms-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.cms-btn-with-label:active{transform:scale(.98)}.cms-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.cms-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.cms-btn-icon{font-size:14px}.cms-btn-text{display:inline-block}.cms-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.cms-close-all-compact:hover{background:#fecaca;color:#dc2626}.cms-close-all-compact:active{transform:scale(.98)}.cms-button-bar::-webkit-scrollbar{height:4px}.cms-button-bar::-webkit-scrollbar-track{background:transparent}.cms-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cms-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cms-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.cms-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.cms-tabs-scroll::-webkit-scrollbar{height:4px}.cms-tabs-scroll::-webkit-scrollbar-track{background:transparent}.cms-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cms-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cms-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.cms-tab-label:hover{color:#374151;background:#f3f4f6}.cms-tab-label:active{transform:scale(.98)}.cms-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.cms-tab-label-icon{font-size:12px}.cms-tab-label-text{display:inline-block}.cms-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.cms-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.cms-tab-label-close:active{transform:scale(.9)}.cms-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.cms-tab-content{animation:cmsSlideIn .2s ease-out}@keyframes cmsSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cmsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cmsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cmsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cms-content::-webkit-scrollbar{width:8px}.cms-content::-webkit-scrollbar-track{background:transparent}.cms-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.cms-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.cms-empty-icon{font-size:64px;opacity:.3;animation:cmsFloat 3s ease-in-out infinite}.cms-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.cms-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.cms-mobile-menu-content::-webkit-scrollbar{width:6px}.cms-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.cms-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.cms-header-compact{height:52px;padding:0 12px}.cms-header-title{font-size:16px;gap:10px}.cms-header-icon{font-size:18px}.cms-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.cms-mobile-menu-overlay{display:block}.cms-mobile-menu{display:flex}.cms-button-bar{display:none}.cms-tab-labels{height:40px;padding:0 6px}.cms-tab-label{font-size:11px;padding:6px 10px}.cms-tab-label-text{display:none}.cms-tab-label-icon{font-size:14px}.cms-content{padding:16px}.cms-empty h2{font-size:18px}.cms-empty p{font-size:13px}}@media(max-width:480px){.cms-header-compact{height:48px;padding:0 10px}.cms-header-title{font-size:14px;gap:8px}.cms-header-icon{font-size:16px}.cms-mobile-menu-toggle{font-size:20px;padding:6px}.cms-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.cms-mobile-menu-header{padding:10px 12px}.cms-mobile-menu-header h3{font-size:14px}.cms-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.cms-mobile-menu-icon{font-size:14px}.cms-mobile-menu-footer{padding:10px 12px}.cms-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.cms-tab-labels{height:36px;padding:0 4px}.cms-tab-label{font-size:10px;padding:4px 8px}.cms-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.cms-content{padding:12px}.cms-empty-icon{font-size:48px}.cms-empty h2{font-size:16px}.cms-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.cms-header-title span{display:none}.cms-header-icon{font-size:18px}.cms-mobile-menu-item{padding:10px 12px;font-size:12px}.cms-tab-label{font-size:9px;padding:3px 6px}.cms-content{padding:10px}.cms-empty-icon{font-size:40px}.cms-empty h2{font-size:14px}.cms-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.cms-header-compact{height:44px}.cms-header-title{font-size:14px}.cms-tab-labels{height:32px}.cms-tab-label{font-size:10px;padding:4px 8px}.cms-content{padding:12px}.cms-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.cms-container{background:#1f2937}.cms-button-bar,.cms-mobile-menu,.cms-tab-labels,.cms-content{background:#111827;border-bottom-color:#374151}.cms-header-compact{border-bottom-color:#374151}.cms-btn-with-label,.cms-tab-label{color:#d1d5db}.cms-btn-with-label:hover,.cms-tab-label:hover{background:#1f2937}.cms-mobile-menu-item{color:#d1d5db}.cms-mobile-menu-item:active{background:#1f2937}.cms-mobile-menu-header,.cms-mobile-menu-footer{background:#1f2937;border-color:#374151}.cms-mobile-menu-header h3,.cms-empty h2{color:#f3f4f6}.cms-empty p,.cms-empty-icon{color:#9ca3af}}@media print{.cms-header-compact,.cms-button-bar,.cms-mobile-menu,.cms-tab-labels,.cms-mobile-menu-toggle,.cms-close-all-compact{display:none}.cms-container{height:auto}.cms-content{padding:0}}@media(prefers-reduced-motion:reduce){.cms-btn-with-label,.cms-tab-label,.cms-mobile-menu-item,.cms-tab-content,.cms-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.cms-btn-with-label.active,.cms-tab-label.active,.cms-mobile-menu-item.active{border-width:2px;font-weight:700}.cms-header-compact{border-bottom-width:2px}}.cms-tab-name-chip{display:inline-flex;align-items:center;padding:1px 8px;border-radius:20px;font-size:9px;font-weight:700;background:#ede9fe;color:#6366f1;border:1px solid #c4b5fd;white-space:nowrap;max-width:130px;overflow:hidden;text-overflow:ellipsis;margin-left:2px}.cms-tab-label-subpanel{font-style:italic}.cms-tab-label-subpanel.active{font-style:normal}.ccm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;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 .25s ease-out}@keyframes ccm-fadeIn{0%{opacity:0}to{opacity:1}}.ccm-modal{position:relative;background:#fff;border-radius:14px;width:100%;max-width:960px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px #00000047;border:1px solid #e5e7eb;animation:ccm-slideUp .28s ease-out}@keyframes ccm-slideUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.ccm-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-radius:14px 14px 0 0;position:sticky;top:0;z-index:10}.ccm-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.ccm-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;cursor:pointer;transition:all .25s ease;padding:0}.ccm-close-btn:hover:not(:disabled){background:#ffffff38;transform:rotate(90deg) scale(1.1)}.ccm-close-btn:disabled{opacity:.45;cursor:not-allowed}.ccm-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:0}.ccm-section{margin-bottom:14px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px}.ccm-section:last-of-type{margin-bottom:0}.ccm-section-title{font-size:11px;font-weight:800;color:#1a1a1a;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.ccm-required-note{margin-left:auto;font-size:10px;font-weight:600;color:#dc2626;letter-spacing:0;text-transform:none}.ccm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.ccm-field{display:flex;flex-direction:column;gap:5px}.ccm-label{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px}.ccm-input,.ccm-select{padding:9px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;height:38px;box-sizing:border-box}.ccm-textarea{padding:9px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;resize:vertical;min-height:72px;box-sizing:border-box;line-height:1.5}.ccm-input:focus,.ccm-select:focus,.ccm-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a17;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}.ccm-input.error{border-color:#dc2626;background:#fef2f2}.ccm-read-only{background:#f3f4f6!important;color:#6b7280!important;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 9px center;background-size:14px;padding-right:28px}.ccm-hint{font-size:10px;color:#6b7280;font-weight:500}.ccm-error-message{font-size:11px;color:#dc2626;font-weight:600}.ccm-nic-decoded{display:inline-flex;align-items:center;gap:8px;margin-top:2px;padding:4px 9px;background:#f0fdf4;border:1.5px solid #86efac;border-radius:6px;font-size:10px;font-weight:600;color:#166534;flex-wrap:wrap;animation:ccm-fadeIn .2s ease-out}.ccm-nic-decoded span{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.ccm-nic-decoded span+span:before{content:"·";margin-right:5px;color:#86efac;font-weight:400}.ccm-field-photo{grid-column:span 2}.ccm-photo-row{display:flex;align-items:center;gap:14px;background:#f3f4f6;border:1.5px dashed #d1d5db;border-radius:8px;padding:8px 14px;min-height:38px;box-sizing:border-box}.ccm-avatar-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#374151);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #00000026}.ccm-avatar-sm img{width:100%;height:100%;object-fit:cover}.ccm-photo-info{display:flex;flex-direction:column;gap:4px}.ccm-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:#1a1a1a;color:#fff;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.ccm-upload-btn:hover{background:#2d2d2d;transform:translateY(-1px)}.ccm-file-name{font-size:11px;color:#059669;font-weight:600;margin:0}.ccm-file-hint{font-size:10px;color:#9ca3af;margin:0}.ccm-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:2px solid #e5e7eb;margin-top:14px}.ccm-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.ccm-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 3px 10px #1a1a1a33}.ccm-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 5px 14px #1a1a1a47}.ccm-btn-secondary{background:#f3f4f6;color:#374151;border:1.5px solid #d1d5db}.ccm-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.ccm-btn:disabled{opacity:.5;cursor:not-allowed}.ccm-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:ccm-spin .75s linear infinite;margin:0 auto}@keyframes ccm-spin{to{transform:rotate(360deg)}}.ccm-loading-screen{padding:3rem;text-align:center;color:#6b7280}.ccm-loading-screen p{margin-top:1rem}.ccm-access-denied{padding:2.5rem;text-align:center}.ccm-access-denied img{max-width:160px;margin-bottom:1rem}.ccm-access-denied h3{color:#dc2626;margin-bottom:.5rem}.ccm-access-denied p{color:#6b7280;font-size:14px}.ccm-modal::-webkit-scrollbar{width:6px}.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}@media(max-width:900px){.ccm-grid-4{grid-template-columns:repeat(2,1fr)}.ccm-field-photo{grid-column:span 2}.ccm-modal{max-width:98%}}@media(max-width:560px){.ccm-grid-4{grid-template-columns:1fr}.ccm-field-photo{grid-column:span 1}.ccm-form{padding:14px 16px 18px}.ccm-section{padding:14px}.ccm-actions{flex-direction:column-reverse}.ccm-btn{width:100%;justify-content:center}.ccm-modal{max-width:100%;border-radius:12px 12px 0 0}.ccm-nic-decoded{font-size:10px;gap:6px}}.cd-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.cd-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.cd-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.cd-title span:first-child{font-size:18px}.cd-search-combo{display:flex;align-items:center;flex:1;min-width:300px;max-width:560px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.cd-search-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.cd-combo-select{height:30px;padding:0 8px 0 10px;border:none;border-right:1px solid #e0e0e0;background:#f5f7fa;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;flex-shrink:0;min-width:155px;letter-spacing:.2px;transition:background .15s}.cd-combo-select:focus{background:#e8f0fe}.cd-combo-select:hover{background:#eef1f6}.cd-combo-input-wrap{display:flex;align-items:center;gap:6px;flex:1;padding:0 10px;height:30px;min-width:0}.cd-combo-icon{color:#bfbfbf;flex-shrink:0}.cd-combo-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;min-width:0;height:100%}.cd-combo-input::placeholder{color:#bfbfbf}.cd-combo-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#d9d9d9;color:#595959;cursor:pointer;flex-shrink:0;transition:all .15s;padding:0}.cd-combo-clear:hover{background:#ff4d4f;color:#fff}.cd-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.cd-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.cd-btn:disabled{opacity:.45;cursor:not-allowed}.cd-btn-add{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.cd-btn-add:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.cd-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.cd-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.cd-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.cd-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.cd-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.cd-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.cd-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.cd-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.cd-btn-close-modal{background:#1d2b3a;border-color:#1d2b3a;color:#fff;padding:0 20px;height:32px}.cd-btn-close-modal:hover{background:#2d3f52}.cd-summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}.cd-stat{background:#fff;border-radius:7px;padding:10px 14px;box-shadow:0 1px 4px #00000012;border-top:3px solid #e0e0e0;display:flex;flex-direction:column;gap:4px;transition:box-shadow .2s}.cd-stat:hover{box-shadow:0 3px 10px #0000001a}.cd-stat-blue{border-top-color:#1677ff}.cd-stat-green{border-top-color:#52c41a}.cd-stat-red{border-top-color:#ff4d4f}.cd-stat-orange{border-top-color:#fa8c16}.cd-stat-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.cd-stat-value{font-size:22px;font-weight:700;color:#1d1d1d;line-height:1}.cd-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.cd-table-scroll{overflow-x:auto;max-height:560px}.cd-table{width:100%;border-collapse:collapse;font-size:12px}.cd-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.cd-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.cd-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.cd-table tbody tr:hover{background:#f0f7ff}.cd-table td{padding:10px;color:#434343;vertical-align:middle}.cd-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.cd-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.cd-td-bold{font-weight:600;color:#1d1d1d}.cd-td-muted{color:#8c8c8c;font-size:11px}.cd-td-address{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.cd-status-badge.active{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.cd-status-badge.inactive{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.cd-action-group{display:flex;gap:4px;justify-content:center;align-items:center}.cd-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.cd-action-view{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.cd-action-view:hover{background:#096dd9;border-color:#096dd9;color:#fff;transform:scale(1.08)}.cd-action-edit{background:#fffbe6;border-color:#ffe58f;color:#d48806}.cd-action-edit:hover{background:#d48806;border-color:#d48806;color:#fff;transform:scale(1.08)}.cd-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.cd-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.cd-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.cd-export-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.cd-record-count{font-size:11px;color:#8c8c8c;font-weight:500;padding-left:4px;white-space:nowrap}.cd-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cd-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.cd-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.cd-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.cd-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.cd-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.cd-pg-input::-webkit-outer-spin-button,.cd-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cd-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.cd-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.cd-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.cd-state-center p{margin:0}.cd-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.cd-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:cd-spin .8s linear infinite}@keyframes cd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cd-access-img{width:160px;height:auto;opacity:.85}.cd-nodata-img{width:110px;height:auto;opacity:.55}.cd-error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500}.cd-error-banner button{background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.cd-error-banner button:hover{background:#cf1322}.cd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:cd-fade .18s ease}@keyframes cd-fade{0%{opacity:0}to{opacity:1}}.cd-modal{background:#fff;border-radius:10px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:cd-slide-up .2s ease;overflow:hidden}@keyframes cd-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.cd-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.cd-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.cd-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.cd-modal-body{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.cd-modal-footer{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.cd-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cd-modal-section{background:#fff;border:1px solid #f0f0f0;border-radius:7px;padding:12px 14px;margin-bottom:10px}.cd-modal-section:last-child{margin-bottom:0}.cd-modal-section-title{font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.4px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.cd-modal-section-body{display:flex;flex-direction:column}.cd-modal-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid #f9f9f9;gap:8px}.cd-modal-row:last-child{border-bottom:none}.cd-modal-row-label{color:#8c8c8c;font-weight:600;font-size:11px;flex-shrink:0;min-width:120px}.cd-modal-row-value{color:#1d1d1d;font-weight:500;text-align:right;word-break:break-word;font-size:12px}.cd-modal-row-link{color:#1677ff;text-decoration:none;font-size:11px;word-break:break-all;text-align:right}.cd-modal-row-link:hover{text-decoration:underline}.cd-profile-img-wrap{text-align:center;padding:10px;background:#f5f5f5;border-radius:6px}.cd-profile-img{max-width:130px;max-height:130px;border-radius:8px;box-shadow:0 2px 8px #0000001a}@media(max-width:1200px){.cd-summary-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.cd-modal-grid{grid-template-columns:1fr}.cd-controls{flex-wrap:wrap}.cd-search-combo{min-width:100%;order:3;max-width:100%}.cd-actions{margin-left:0}}@media(max-width:768px){.cd-container{padding:10px}.cd-summary-strip{grid-template-columns:repeat(2,1fr)}.cd-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.cd-export-group{width:100%}.cd-export-group .cd-btn{flex:1;justify-content:center}.cd-pg-right{width:100%;justify-content:flex-end}.cd-table-scroll{max-height:420px}.cd-combo-select{min-width:120px}}@media(max-width:480px){.cd-container{padding:8px}.cd-summary-strip{grid-template-columns:repeat(2,1fr);gap:6px}.cd-stat-value{font-size:18px}.cd-table{font-size:11px}.cd-table thead th,.cd-table td{padding:8px}.cd-pg-text{font-size:10px;padding:3px 8px}.cd-pg-input{width:38px;height:26px}.cd-pg-arrow{width:26px;height:26px}.cd-modal{max-height:95vh}.cd-combo-select{min-width:100px;font-size:10px}.cd-combo-input{font-size:11px}}@media(max-width:400px){.cd-summary-strip{grid-template-columns:1fr}}.cd-table-scroll::-webkit-scrollbar,.cd-modal-body::-webkit-scrollbar{width:5px;height:5px}.cd-table-scroll::-webkit-scrollbar-track,.cd-modal-body::-webkit-scrollbar-track{background:transparent}.cd-table-scroll::-webkit-scrollbar-thumb,.cd-modal-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.cd-controls,.cd-bottom-bar,.cd-modal-overlay{display:none}.cd-container{background:#fff;padding:0}.cd-table-scroll{max-height:none;overflow:visible}}.cd-store-combo{display:flex;align-items:center;gap:0;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.cd-store-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.cd-store-label{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%;background:#f5f7fa;border-right:1px solid #e0e0e0;font-size:14px;flex-shrink:0}.cd-store-select{height:100%;padding:0 8px;border:none;background:transparent;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;min-width:130px;letter-spacing:.2px}.cd-store-select:focus{background:#e8f0fe}.cd-store-combo .cd-combo-clear{margin-right:6px}.cap-container{display:flex;flex-direction:column;width:100%;height:100%;min-height:0;background:#fff;overflow:hidden;animation:cap-fadein .18s ease}@keyframes cap-fadein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cap-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:#1d2b3a;flex-shrink:0;gap:12px}.cap-header-left{display:flex;align-items:center;gap:12px;min-width:0}.cap-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.25);flex-shrink:0}.cap-avatar-placeholder{width:46px;height:46px;border-radius:50%;background:#ffffff1f;border:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;color:#fff9;flex-shrink:0}.cap-header-info{min-width:0}.cap-customer-name{margin:0;font-size:15px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cap-header-meta{display:flex;align-items:center;gap:6px;margin-top:4px;flex-wrap:wrap}.cap-id-badge{font-size:10px;font-weight:700;color:#ffffffb3;background:#ffffff1a;padding:2px 8px;border-radius:20px;font-family:Courier New,monospace}.cap-status-badge{font-size:9px;font-weight:700;padding:2px 8px;border-radius:20px;letter-spacing:.3px}.cap-status-badge.active{background:#f6ffed;color:#389e0d}.cap-status-badge.inactive{background:#fff1f0;color:#cf1322}.cap-store-badge{font-size:10px;color:#ffffffa6;background:#ffffff14;padding:2px 8px;border-radius:20px}.cap-header-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.cap-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;cursor:pointer;transition:all .15s}.cap-icon-btn:hover{background:#ffffff26}.cap-stats-strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid #f0f0f0;flex-shrink:0}.cap-stat{display:flex;align-items:center;gap:10px;padding:12px 18px;border-right:1px solid #f0f0f0;border-top:3px solid transparent;background:#fafafa;transition:background .15s}.cap-stat:last-child{border-right:none}.cap-stat:hover{background:#f5f7fa}.cap-stat-blue{border-top-color:#1677ff}.cap-stat-green{border-top-color:#52c41a}.cap-stat-orange{border-top-color:#fa8c16}.cap-stat-red{border-top-color:#ff4d4f}.cap-stat-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;background:#0000000a;color:#595959;flex-shrink:0}.cap-stat-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px}.cap-stat-value{font-size:14px;font-weight:700;color:#1d1d1d;line-height:1.3;margin-top:1px}.cap-tabs{display:flex;border-bottom:2px solid #f0f0f0;background:#fff;flex-shrink:0;overflow-x:auto}.cap-tabs::-webkit-scrollbar{height:0}.cap-tab{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;background:transparent;color:#8c8c8c;font-size:12px;font-weight:600;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:all .15s}.cap-tab:hover{color:#1d2b3a;background:#f5f7fa}.cap-tab.active{color:#1d2b3a;border-bottom-color:#1d2b3a;background:#fff}.cap-body{flex:1;overflow-y:auto;padding:18px;background:#f9fafb;position:relative;min-height:0}.cap-tab-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f9fafbe0;z-index:10}.cap-overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.cap-section{background:#fff;border:1px solid #f0f0f0;border-radius:8px;padding:12px 14px;margin-bottom:14px}.cap-section:last-child{margin-bottom:0}.cap-section-title{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;padding-bottom:7px;border-bottom:1px solid #f5f5f5}.cap-section-body{display:flex;flex-direction:column}.cap-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #fafafa;gap:8px}.cap-row:last-child{border-bottom:none}.cap-row-label{display:flex;align-items:center;gap:5px;color:#8c8c8c;font-weight:600;font-size:11px;flex-shrink:0;min-width:110px}.cap-row-value{color:#1d1d1d;font-weight:500;text-align:right;word-break:break-word;font-size:12px}.cap-row-link{color:#1677ff;text-decoration:none;font-size:11px;word-break:break-all;text-align:right}.cap-row-link:hover{text-decoration:underline}.cap-table-scroll{overflow-x:auto;border-radius:8px;border:1px solid #f0f0f0}.cap-table{width:100%;border-collapse:collapse;font-size:11px;background:#fff}.cap-table thead{background:#1d2b3a;position:sticky;top:0;z-index:5}.cap-table thead th{padding:9px 11px;text-align:left;font-size:10px;font-weight:600;color:#e8e8e8;white-space:nowrap}.cap-table tbody tr{border-bottom:1px solid #f5f5f5;transition:background .1s}.cap-table tbody tr:hover{background:#f0f7ff}.cap-table td{padding:9px 11px;color:#434343;vertical-align:middle}.cap-td-num{color:#bfbfbf;font-size:10px;text-align:center;width:30px}.cap-td-mono{font-family:Courier New,monospace;font-size:10px;color:#595959}.cap-td-bold{font-weight:600;color:#1d1d1d}.cap-td-muted{color:#8c8c8c}.cap-td-green{color:#389e0d;font-weight:600}.cap-td-red{color:#cf1322;font-weight:600}.cap-td-orange{color:#d48806;font-weight:600}.cap-td-desc{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cap-td-link{cursor:pointer;color:#1677ff;text-decoration:underline}.cap-td-link:hover{color:#0958d9}.cap-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:9px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.cap-badge-green{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.cap-badge-orange{background:#fffbe6;color:#d48806;border:1px solid #ffe58f}.cap-badge-red{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.cap-badge-gray{background:#f5f5f5;color:#8c8c8c;border:1px solid #d9d9d9}.cap-pay-type-badge{display:inline-flex;padding:2px 8px;border-radius:4px;font-size:9px;font-weight:700;background:#e6f4ff;color:#096dd9;border:1px solid #91d5ff;white-space:nowrap}.cap-action-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;border:1px solid transparent;cursor:pointer;transition:all .15s}.cap-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.cap-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.cap-pg-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 2px 0;flex-wrap:wrap;gap:8px}.cap-pg-count{font-size:11px;color:#8c8c8c;font-weight:500}.cap-pg-controls{display:flex;align-items:center;gap:6px}.cap-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.cap-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.cap-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.cap-pg-text{font-size:11px;color:#595959;font-weight:500;background:#f0f0f0;padding:3px 10px;border-radius:20px;white-space:nowrap}.cap-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#bfbfbf;font-size:12px;text-align:center}.cap-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-top:1px solid #f0f0f0;background:#fafafa;flex-shrink:0;gap:12px;flex-wrap:wrap}.cap-footer-meta{font-size:11px;color:#8c8c8c}.cap-spinner{width:32px;height:32px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:cap-spin .75s linear infinite}@keyframes cap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cap-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:300px;gap:14px;color:#8c8c8c;font-size:13px;text-align:center}.cap-body::-webkit-scrollbar,.cap-table-scroll::-webkit-scrollbar{width:5px;height:5px}.cap-body::-webkit-scrollbar-track,.cap-table-scroll::-webkit-scrollbar-track{background:transparent}.cap-body::-webkit-scrollbar-thumb,.cap-table-scroll::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media(max-width:900px){.cap-overview-grid{grid-template-columns:1fr}.cap-stats-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cap-stats-strip{grid-template-columns:repeat(2,1fr)}.cap-customer-name{font-size:13px}.cap-body{padding:10px}.cap-header{padding:10px 14px}}.pms-container{display:flex;flex-direction:column;height:300vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.pms-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.pms-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.pms-header-icon{font-size:20px;color:#fff}.pms-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.pms-mobile-menu-toggle:active{background:#fff3}.pms-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:pmsFadeIn .2s ease-out}.pms-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:pmsSlideDown .3s ease-out}.pms-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.pms-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pms-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.pms-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.pms-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.pms-mobile-menu-item:active{background:#f3f4f6}.pms-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.pms-mobile-menu-item.open{background:#fafafa}.pms-mobile-menu-icon{font-size:16px;min-width:20px}.pms-mobile-menu-label{flex:1}.pms-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.pms-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.pms-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.pms-mobile-close-all:active{background:#fecaca}.pms-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.pms-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.pms-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.pms-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.pms-btn-with-label:active{transform:scale(.98)}.pms-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.pms-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.pms-btn-icon{font-size:14px}.pms-btn-text{display:inline-block}.pms-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.pms-close-all-compact:hover{background:#fecaca;color:#dc2626}.pms-close-all-compact:active{transform:scale(.98)}.pms-button-bar::-webkit-scrollbar{height:4px}.pms-button-bar::-webkit-scrollbar-track{background:transparent}.pms-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pms-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pms-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.pms-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.pms-tabs-scroll::-webkit-scrollbar{height:4px}.pms-tabs-scroll::-webkit-scrollbar-track{background:transparent}.pms-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pms-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pms-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.pms-tab-label:hover{color:#374151;background:#f3f4f6}.pms-tab-label:active{transform:scale(.98)}.pms-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.pms-tab-label-icon{font-size:12px}.pms-tab-label-text{display:inline-block}.pms-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.pms-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.pms-tab-label-close:active{transform:scale(.9)}.pms-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.pms-tab-content{animation:pmsSlideIn .2s ease-out}@keyframes pmsSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pmsSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pmsFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pmsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pms-content::-webkit-scrollbar{width:8px}.pms-content::-webkit-scrollbar-track{background:transparent}.pms-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.pms-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pms-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.pms-empty-icon{font-size:64px;opacity:.3;animation:pmsFloat 3s ease-in-out infinite}.pms-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.pms-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.pms-mobile-menu-content::-webkit-scrollbar{width:6px}.pms-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.pms-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.pms-header-compact{height:52px;padding:0 12px}.pms-header-title{font-size:16px;gap:10px}.pms-header-icon{font-size:18px}.pms-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.pms-mobile-menu-overlay{display:block}.pms-mobile-menu{display:flex}.pms-button-bar{display:none}.pms-tab-labels{height:40px;padding:0 6px}.pms-tab-label{font-size:11px;padding:6px 10px}.pms-tab-label-text{display:none}.pms-tab-label-icon{font-size:14px}.pms-content{padding:16px}.pms-empty h2{font-size:18px}.pms-empty p{font-size:13px}}@media(max-width:480px){.pms-header-compact{height:48px;padding:0 10px}.pms-header-title{font-size:14px;gap:8px}.pms-header-icon{font-size:16px}.pms-mobile-menu-toggle{font-size:20px;padding:6px}.pms-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.pms-mobile-menu-header{padding:10px 12px}.pms-mobile-menu-header h3{font-size:14px}.pms-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.pms-mobile-menu-icon{font-size:14px}.pms-mobile-menu-footer{padding:10px 12px}.pms-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.pms-tab-labels{height:36px;padding:0 4px}.pms-tab-label{font-size:10px;padding:4px 8px}.pms-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.pms-content{padding:12px}.pms-empty-icon{font-size:48px}.pms-empty h2{font-size:16px}.pms-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.pms-header-title span{display:none}.pms-header-icon{font-size:18px}.pms-mobile-menu-item{padding:10px 12px;font-size:12px}.pms-tab-label{font-size:9px;padding:3px 6px}.pms-content{padding:10px}.pms-empty-icon{font-size:40px}.pms-empty h2{font-size:14px}.pms-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.pms-header-compact{height:44px}.pms-header-title{font-size:14px}.pms-tab-labels{height:32px}.pms-tab-label{font-size:10px;padding:4px 8px}.pms-content{padding:12px}.pms-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.pms-container{background:#1f2937}.pms-button-bar,.pms-mobile-menu,.pms-tab-labels,.pms-content{background:#111827;border-bottom-color:#374151}.pms-header-compact{border-bottom-color:#374151}.pms-btn-with-label,.pms-tab-label{color:#d1d5db}.pms-btn-with-label:hover,.pms-tab-label:hover{background:#1f2937}.pms-mobile-menu-item{color:#d1d5db}.pms-mobile-menu-item:active{background:#1f2937}.pms-mobile-menu-header,.pms-mobile-menu-footer{background:#1f2937;border-color:#374151}.pms-mobile-menu-header h3,.pms-empty h2{color:#f3f4f6}.pms-empty p,.pms-empty-icon{color:#9ca3af}}@media print{.pms-header-compact,.pms-button-bar,.pms-mobile-menu,.pms-tab-labels,.pms-mobile-menu-toggle,.pms-close-all-compact{display:none}.pms-container{height:auto}.pms-content{padding:0}}@media(prefers-reduced-motion:reduce){.pms-btn-with-label,.pms-tab-label,.pms-mobile-menu-item,.pms-tab-content,.pms-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.pms-btn-with-label.active,.pms-tab-label.active,.pms-mobile-menu-item.active{border-width:2px;font-weight:700}.pms-header-compact{border-bottom-width:2px}}.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}.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}}.recon-strip-5{grid-template-columns:repeat(5,1fr)!important}.recon-stat-val{font-size:13px!important;letter-spacing:-.3px}.recon-stat-status{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.4px;margin-top:2px}.recon-table-heading{display:flex;align-items:center;padding:10px 14px;font-size:13px;font-weight:700;color:#1d2b3a;background:#fafafa;border-bottom:1px solid #f0f0f0}.recon-td-amount{font-family:Courier New,monospace;font-size:12px;font-weight:600;white-space:nowrap}.recon-td-store{color:#096dd9}.recon-td-commission{color:#d48806}.recon-td-bank{color:#389e0d}.recon-td-diff{color:#cf1322}.recon-td-matched{color:#389e0d}.recon-row-matched{background:#f6ffed!important}.recon-row-matched:hover{background:#d9f7be!important}.recon-row-pending{background:#fff!important}.recon-row-pending:hover{background:#fff1f0!important}@media(max-width:1200px){.recon-strip-5{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:768px){.recon-strip-5{grid-template-columns:repeat(2,1fr)!important}.recon-stat-val{font-size:11px!important}}@media(max-width:480px){.recon-strip-5{grid-template-columns:1fr!important}}.cim-container{display:flex;flex-direction:column;height:110vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.cim-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.cim-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.cim-header-icon{font-size:20px;color:#fff}.cim-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.cim-mobile-menu-toggle:active{background:#fff3}.cim-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:cimFadeIn .2s ease-out}.cim-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:cimSlideDown .3s ease-out}.cim-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.cim-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.cim-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.cim-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.cim-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.cim-mobile-menu-item:active{background:#f3f4f6}.cim-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.cim-mobile-menu-item.open{background:#fafafa}.cim-mobile-menu-icon{font-size:16px;min-width:20px}.cim-mobile-menu-label{flex:1}.cim-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.cim-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.cim-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.cim-mobile-close-all:active{background:#fecaca}.cim-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.cim-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.cim-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.cim-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.cim-btn-with-label:active{transform:scale(.98)}.cim-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.cim-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.cim-btn-icon{font-size:14px}.cim-btn-text{display:inline-block}.cim-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.cim-close-all-compact:hover{background:#fecaca;color:#dc2626}.cim-close-all-compact:active{transform:scale(.98)}.cim-button-bar::-webkit-scrollbar{height:4px}.cim-button-bar::-webkit-scrollbar-track{background:transparent}.cim-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cim-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cim-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.cim-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.cim-tabs-scroll::-webkit-scrollbar{height:4px}.cim-tabs-scroll::-webkit-scrollbar-track{background:transparent}.cim-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.cim-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cim-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.cim-tab-label:hover{color:#374151;background:#f3f4f6}.cim-tab-label:active{transform:scale(.98)}.cim-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.cim-tab-label-icon{font-size:12px}.cim-tab-label-text{display:inline-block}.cim-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.cim-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.cim-tab-label-close:active{transform:scale(.9)}.cim-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.cim-tab-content{animation:cimSlideIn .2s ease-out}@keyframes cimSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cimSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes cimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cimFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.cim-content::-webkit-scrollbar{width:8px}.cim-content::-webkit-scrollbar-track{background:transparent}.cim-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.cim-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.cim-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.cim-empty-icon{font-size:64px;opacity:.3;animation:cimFloat 3s ease-in-out infinite}.cim-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.cim-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.cim-mobile-menu-content::-webkit-scrollbar{width:6px}.cim-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.cim-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.cim-header-compact{height:52px;padding:0 12px}.cim-header-title{font-size:16px;gap:10px}.cim-header-icon{font-size:18px}.cim-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.cim-mobile-menu-overlay{display:block}.cim-mobile-menu{display:flex}.cim-button-bar{display:none}.cim-tab-labels{height:40px;padding:0 6px}.cim-tab-label{font-size:11px;padding:6px 10px}.cim-tab-label-text{display:none}.cim-tab-label-icon{font-size:14px}.cim-content{padding:16px}.cim-empty h2{font-size:18px}.cim-empty p{font-size:13px}}@media(max-width:480px){.cim-header-compact{height:48px;padding:0 10px}.cim-header-title{font-size:14px;gap:8px}.cim-header-icon{font-size:16px}.cim-mobile-menu-toggle{font-size:20px;padding:6px}.cim-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.cim-mobile-menu-header{padding:10px 12px}.cim-mobile-menu-header h3{font-size:14px}.cim-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.cim-mobile-menu-icon{font-size:14px}.cim-mobile-menu-footer{padding:10px 12px}.cim-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.cim-tab-labels{height:36px;padding:0 4px}.cim-tab-label{font-size:10px;padding:4px 8px}.cim-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.cim-content{padding:12px}.cim-empty-icon{font-size:48px}.cim-empty h2{font-size:16px}.cim-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.cim-header-title span{display:none}.cim-header-icon{font-size:18px}.cim-mobile-menu-item{padding:10px 12px;font-size:12px}.cim-tab-label{font-size:9px;padding:3px 6px}.cim-content{padding:10px}.cim-empty-icon{font-size:40px}.cim-empty h2{font-size:14px}.cim-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.cim-header-compact{height:44px}.cim-header-title{font-size:14px}.cim-tab-labels{height:32px}.cim-tab-label{font-size:10px;padding:4px 8px}.cim-content{padding:12px}.cim-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.cim-container{background:#1f2937}.cim-button-bar,.cim-mobile-menu,.cim-tab-labels,.cim-content{background:#111827;border-bottom-color:#374151}.cim-header-compact{border-bottom-color:#374151}.cim-btn-with-label,.cim-tab-label{color:#d1d5db}.cim-btn-with-label:hover,.cim-tab-label:hover{background:#1f2937}.cim-mobile-menu-item{color:#d1d5db}.cim-mobile-menu-item:active{background:#1f2937}.cim-mobile-menu-header,.cim-mobile-menu-footer{background:#1f2937;border-color:#374151}.cim-mobile-menu-header h3,.cim-empty h2{color:#f3f4f6}.cim-empty p,.cim-empty-icon{color:#9ca3af}}@media print{.cim-header-compact,.cim-button-bar,.cim-mobile-menu,.cim-tab-labels,.cim-mobile-menu-toggle,.cim-close-all-compact{display:none}.cim-container{height:auto}.cim-content{padding:0}}@media(prefers-reduced-motion:reduce){.cim-btn-with-label,.cim-tab-label,.cim-mobile-menu-item,.cim-tab-content,.cim-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.cim-btn-with-label.active,.cim-tab-label.active,.cim-mobile-menu-item.active{border-width:2px;font-weight:700}.cim-header-compact{border-bottom-width:2px}}.ci-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.ci-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.ci-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.ci-title span:first-child{font-size:18px}.ci-search-combo{display:flex;align-items:center;flex:1;min-width:200px;max-width:340px;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.ci-search-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ci-search-icon-wrap{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:#bfbfbf}.ci-search-icon{color:#bfbfbf}.ci-search-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;height:100%;min-width:0}.ci-search-input::placeholder{color:#bfbfbf}.ci-store-combo{display:flex;align-items:center;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.ci-store-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ci-store-label{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%;background:#f5f7fa;border-right:1px solid #e0e0e0;font-size:13px;flex-shrink:0;color:#8c8c8c}.ci-store-select{height:100%;padding:0 8px;border:none;background:transparent;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;min-width:120px}.ci-store-select:focus{background:#e8f0fe}.ci-combo-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#d9d9d9;color:#595959;cursor:pointer;flex-shrink:0;margin-right:6px;transition:all .15s;padding:0}.ci-combo-clear:hover{background:#ff4d4f;color:#fff}.ci-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.ci-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.ci-btn:disabled{opacity:.45;cursor:not-allowed}.ci-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.ci-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ci-btn-cancel{background:#fff;border-color:#d9d9d9;color:#595959}.ci-btn-cancel:hover{border-color:#ff4d4f;color:#ff4d4f}.ci-btn-save{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ci-btn-save:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.ci-btn-add-comm{background:#e6f7ff;border-color:#91d5ff;color:#096dd9;width:100%;justify-content:center;height:32px}.ci-btn-add-comm:hover{background:#096dd9;border-color:#096dd9;color:#fff}.ci-search-panel{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px}.ci-search-panel-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f5f7fa;border-bottom:1px solid #f0f0f0;font-size:12px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.3px}.ci-search-panel-body{display:flex;gap:14px;padding:14px;flex-wrap:wrap;align-items:flex-end}.ci-form-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:200px;position:relative}.ci-form-group-relative{position:relative}.ci-form-full{grid-column:1 / -1}.ci-form-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.3px}.ci-required{color:#ff4d4f}.ci-form-input{height:32px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s}.ci-form-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ci-input-disabled{background:#f5f7fa;color:#8c8c8c;cursor:not-allowed}.ci-invoice-input-wrap{display:flex;align-items:center;height:32px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;transition:border-color .2s,box-shadow .2s}.ci-invoice-input-wrap:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ci-invoice-search-icon{margin-left:10px;color:#bfbfbf;flex-shrink:0}.ci-invoice-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;padding:0 8px;height:100%;min-width:0}.ci-invoice-input::placeholder{color:#bfbfbf}.ci-suggestions-list{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #d9d9d9;border-radius:6px;box-shadow:0 6px 20px #0000001f;z-index:200;list-style:none;margin:0;padding:4px 0;max-height:260px;overflow-y:auto}.ci-suggestion-item{padding:8px 12px;cursor:pointer;transition:background .12s;border-bottom:1px solid #f5f5f5}.ci-suggestion-item:last-child{border-bottom:none}.ci-suggestion-item:hover{background:#e6f4ff}.ci-suggestion-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.ci-suggestion-id{font-size:12px;font-weight:700;color:#1d2b3a;font-family:Courier New,monospace}.ci-suggestion-store{font-size:10px;font-weight:700;background:#f0f7ff;color:#096dd9;border:1px solid #91d5ff;padding:1px 6px;border-radius:10px}.ci-suggestion-bottom{display:flex;align-items:center;justify-content:space-between}.ci-suggestion-customer{font-size:11px;color:#595959}.ci-suggestion-amount{font-size:11px;font-weight:700;color:#389e0d}.ci-suggestion-date{font-size:10px;color:#bfbfbf;margin-top:2px}.ci-bikes-section{border-top:1px solid #f0f0f0;padding:14px}.ci-bikes-section-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px}.ci-bikes-count{background:#1d2b3a;color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:10px}.ci-bikes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.ci-bike-card{background:#f9fafb;border:1px solid #f0f0f0;border-radius:8px;overflow:hidden;transition:box-shadow .18s,border-color .18s}.ci-bike-card:hover{border-color:#91d5ff;box-shadow:0 3px 10px #096dd91a}.ci-bike-card-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#1d2b3a;gap:8px}.ci-bike-card-name{font-size:12px;font-weight:700;color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ci-barcode-badge{font-size:10px;font-weight:700;background:#ffffff26;color:#fff;padding:2px 7px;border-radius:10px;white-space:nowrap;font-family:Courier New,monospace}.ci-bike-card-body{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.ci-bike-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px solid #f5f5f5}.ci-bike-row:last-child{border-bottom:none}.ci-bike-label{color:#8c8c8c;font-weight:600;flex-shrink:0}.ci-bike-value{color:#1d1d1d;font-weight:500;text-align:right}.ci-bike-card-footer{padding:8px 12px;border-top:1px solid #f0f0f0;background:#fff}.ci-all-done{display:flex;align-items:center;gap:8px;margin:0 14px 14px;background:#f6ffed;border:1px solid #b7eb8f;border-left:4px solid #52c41a;color:#389e0d;padding:9px 14px;border-radius:6px;font-size:12px;font-weight:600}.ci-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.ci-table-scroll{overflow-x:auto;max-height:520px}.ci-table{width:100%;border-collapse:collapse;font-size:12px}.ci-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.ci-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.ci-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.ci-table tbody tr:hover{background:#f0f7ff}.ci-table td{padding:10px;color:#434343;vertical-align:middle}.ci-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.ci-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.ci-td-bold{font-weight:600;color:#1d1d1d}.ci-td-muted{color:#8c8c8c;font-size:11px}.ci-td-amount{font-weight:700;color:#389e0d;font-size:12px}.ci-mono{font-family:Courier New,monospace;font-size:11px}.ci-amount{font-weight:700;color:#389e0d}.ci-status-select{height:26px;padding:0 8px;border-radius:20px;border:1px solid transparent;font-size:10px;font-weight:700;cursor:pointer;outline:none;letter-spacing:.3px}.ci-status-pending{background:#fffbe6;border-color:#ffe58f;color:#d48806}.ci-status-completed{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.ci-status-cancelled{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ci-action-group{display:flex;gap:4px;align-items:center}.ci-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.ci-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ci-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.ci-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.ci-export-group{display:flex;gap:6px;align-items:center}.ci-record-count{font-size:11px;color:#8c8c8c;font-weight:500;white-space:nowrap}.ci-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ci-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.ci-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.ci-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.ci-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.ci-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.ci-pg-input::-webkit-outer-spin-button,.ci-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ci-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ci-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.ci-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ci-fade .18s ease}@keyframes ci-fade{0%{opacity:0}to{opacity:1}}.ci-modal{background:#fff;border-radius:10px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:ci-slide-up .2s ease;overflow:hidden}@keyframes ci-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ci-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.ci-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.ci-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.ci-modal-body{flex:1;overflow-y:auto;padding:16px;background:#f9fafb;display:flex;flex-direction:column;gap:12px}.ci-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.ci-modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ci-bike-info-card{background:#fff;border:1px solid #f0f0f0;border-radius:7px;padding:12px 14px}.ci-bike-info-title{font-size:13px;font-weight:700;color:#1d2b3a;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.ci-bike-info-grid{display:flex;flex-direction:column;gap:4px}.ci-bike-info-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:3px 0}.ci-bike-info-label{color:#8c8c8c;font-weight:600}.ci-bike-info-value{color:#1d1d1d;font-weight:500}.ci-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.ci-state-center p{margin:0}.ci-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.ci-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:ci-spin .8s linear infinite}@keyframes ci-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ci-access-img{width:160px;height:auto;opacity:.85}.ci-nodata-img{width:110px;height:auto;opacity:.55}@media(max-width:1200px){.ci-bikes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:900px){.ci-controls{flex-wrap:wrap}.ci-search-combo{min-width:100%;order:3;max-width:100%}.ci-actions{margin-left:0}.ci-search-panel-body{flex-direction:column}.ci-form-group{min-width:100%}.ci-modal-form-grid{grid-template-columns:1fr}}@media(max-width:768px){.ci-container{padding:10px}.ci-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.ci-pg-right{width:100%;justify-content:flex-end}.ci-table-scroll{max-height:420px}.ci-bikes-grid{grid-template-columns:1fr}.ci-modal{max-height:95vh}}@media(max-width:480px){.ci-container{padding:8px}.ci-table{font-size:11px}.ci-table thead th,.ci-table td{padding:8px}.ci-pg-text{font-size:10px;padding:3px 8px}.ci-pg-input{width:38px;height:26px}.ci-pg-arrow{width:26px;height:26px}}.ci-table-scroll::-webkit-scrollbar,.ci-modal-body::-webkit-scrollbar,.ci-suggestions-list::-webkit-scrollbar{width:5px;height:5px}.ci-table-scroll::-webkit-scrollbar-track,.ci-modal-body::-webkit-scrollbar-track,.ci-suggestions-list::-webkit-scrollbar-track{background:transparent}.ci-table-scroll::-webkit-scrollbar-thumb,.ci-modal-body::-webkit-scrollbar-thumb,.ci-suggestions-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media print{.ci-controls,.ci-bottom-bar,.ci-search-panel,.ci-modal-overlay{display:none}.ci-container{background:#fff;padding:0}.ci-table-scroll{max-height:none;overflow:visible}}.cp-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:10px}@media(max-width:1200px){.cp-stat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.cp-stat-grid{grid-template-columns:repeat(2,1fr)}}.cp-stat-card{background:#fff;border-radius:8px;padding:12px 14px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px #00000012;border-left:4px solid #1d2b3a}.cp-stat-total{border-left-color:#1d2b3a}.cp-stat-pending{border-left-color:#f59e0b}.cp-stat-completed{border-left-color:#10b981}.cp-stat-cancelled{border-left-color:#ef4444}.cp-stat-avg{border-left-color:#3b82f6}.cp-stat-max{border-left-color:#8b5cf6}.cp-stat-icon{width:34px;height:34px;border-radius:8px;background:#f5f7fa;display:flex;align-items:center;justify-content:center;color:#1d2b3a;flex-shrink:0}.cp-stat-pending .cp-stat-icon{color:#f59e0b;background:#fffbeb}.cp-stat-completed .cp-stat-icon{color:#10b981;background:#ecfdf5}.cp-stat-cancelled .cp-stat-icon{color:#ef4444;background:#fef2f2}.cp-stat-avg .cp-stat-icon{color:#3b82f6;background:#eff6ff}.cp-stat-max .cp-stat-icon{color:#8b5cf6;background:#f5f3ff}.cp-stat-body{display:flex;flex-direction:column;gap:1px;min-width:0}.cp-stat-label{font-size:10px;font-weight:700;color:#8c8c8c;text-transform:uppercase;letter-spacing:.3px}.cp-stat-value{font-size:13px;font-weight:800;color:#1d2b3a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cp-stat-meta{font-size:10px;color:#8c8c8c}.cp-filters-body{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:10px!important;padding:14px!important}@media(max-width:1200px){.cp-filters-body{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:700px){.cp-filters-body{grid-template-columns:repeat(2,1fr)!important}}.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}}.cs-combo-wrap{position:relative;flex-shrink:0}.cs-combo-inner{display:flex;align-items:center;gap:6px;height:32px;padding:0 8px;background:#fff;border:1px solid #d9d9d9;border-radius:6px;min-width:160px;transition:border-color .15s}.cs-combo-inner:focus-within{border-color:#1d2b3a;box-shadow:0 0 0 2px #1d2b3a14}.cs-combo-icon{color:#8c8c8c;flex-shrink:0}.cs-combo-chevron{color:#8c8c8c;flex-shrink:0;margin-left:auto}.cs-combo-input{border:none;outline:none;background:transparent;font-size:12px;color:#1d2b3a;width:100%;font-family:inherit}.cs-combo-input::placeholder{color:#bfbfbf}.cs-combo-input:disabled{cursor:not-allowed;color:#bfbfbf}.cs-combo-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:#fff;border:1px solid #e8e8e8;border-radius:7px;box-shadow:0 6px 20px #0000001f;z-index:9999;max-height:220px;overflow-y:auto;padding:4px 0}.cs-combo-item{display:flex;align-items:center;gap:7px;padding:8px 12px;font-size:12px;color:#1d2b3a;cursor:pointer;transition:background .1s}.cs-combo-item:hover{background:#f5f7fa}.cs-combo-item.active{background:#e6f4ff;color:#096dd9;font-weight:600}.cs-combo-empty{padding:10px 12px;font-size:12px;color:#8c8c8c;text-align:center}.cs-stat-chips{display:flex;align-items:center;gap:6px;flex-shrink:0}.cs-stat-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:20px;background:#f5f7fa;border:1px solid #e8e8e8;font-size:11px;color:#595959;font-weight:600;white-space:nowrap}.cs-stat-chip-amount{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.cs-breadcrumb{display:flex;align-items:center;gap:6px;padding:7px 14px;background:#f5f7fa;border:1px solid #f0f0f0;border-radius:7px;font-size:12px;color:#595959;margin-bottom:8px}.cs-breadcrumb-sep{color:#bfbfbf;font-size:14px}.cs-breadcrumb-count{margin-left:auto;background:#1d2b3a;color:#fff;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.cs-badge-sub{display:inline-block;background:#f0f5ff;color:#2f54eb;border:1px solid #adc6ff;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.cs-badge-all{display:inline-block;background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.cs-badge-type{display:inline-block;background:#fff7e6;color:#d46b08;border:1px solid #ffd591;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.3px}.ci-action-edit{color:#1d6fa4;background:#e6f4ff;border:1px solid #91d5ff}.ci-action-edit:hover{background:#1d6fa4;color:#fff;border-color:#1d6fa4}.ci-pg-arrow-active{background:#1d2b3a!important;color:#fff!important;border-color:#1d2b3a!important}.fim-container{display:flex;flex-direction:column;height:300vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.fim-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.fim-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.fim-header-icon{font-size:20px;color:#fff}.fim-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.fim-mobile-menu-toggle:active{background:#fff3}.fim-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fimFadeIn .2s ease-out}.fim-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:fimSlideDown .3s ease-out}.fim-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.fim-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.fim-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.fim-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.fim-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.fim-mobile-menu-item:active{background:#f3f4f6}.fim-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.fim-mobile-menu-item.open{background:#fafafa}.fim-mobile-menu-icon{font-size:16px;min-width:20px}.fim-mobile-menu-label{flex:1}.fim-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.fim-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.fim-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.fim-mobile-close-all:active{background:#fecaca}.fim-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.fim-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.fim-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.fim-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.fim-btn-with-label:active{transform:scale(.98)}.fim-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.fim-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.fim-btn-icon{font-size:14px}.fim-btn-text{display:inline-block}.fim-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.fim-close-all-compact:hover{background:#fecaca;color:#dc2626}.fim-close-all-compact:active{transform:scale(.98)}.fim-button-bar::-webkit-scrollbar{height:4px}.fim-button-bar::-webkit-scrollbar-track{background:transparent}.fim-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.fim-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fim-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.fim-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.fim-tabs-scroll::-webkit-scrollbar{height:4px}.fim-tabs-scroll::-webkit-scrollbar-track{background:transparent}.fim-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.fim-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fim-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.fim-tab-label:hover{color:#374151;background:#f3f4f6}.fim-tab-label:active{transform:scale(.98)}.fim-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.fim-tab-label-icon{font-size:12px}.fim-tab-label-text{display:inline-block}.fim-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.fim-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.fim-tab-label-close:active{transform:scale(.9)}.fim-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.fim-tab-content{animation:fimSlideIn .2s ease-out}@keyframes fimSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fimSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fimFadeIn{0%{opacity:0}to{opacity:1}}@keyframes fimFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fim-content::-webkit-scrollbar{width:8px}.fim-content::-webkit-scrollbar-track{background:transparent}.fim-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.fim-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.fim-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.fim-empty-icon{font-size:64px;opacity:.3;animation:fimFloat 3s ease-in-out infinite}.fim-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.fim-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.fim-mobile-menu-content::-webkit-scrollbar{width:6px}.fim-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.fim-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.fim-header-compact{height:52px;padding:0 12px}.fim-header-title{font-size:16px;gap:10px}.fim-header-icon{font-size:18px}.fim-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.fim-mobile-menu-overlay{display:block}.fim-mobile-menu{display:flex}.fim-button-bar{display:none}.fim-tab-labels{height:40px;padding:0 6px}.fim-tab-label{font-size:11px;padding:6px 10px}.fim-tab-label-text{display:none}.fim-tab-label-icon{font-size:14px}.fim-content{padding:16px}.fim-empty h2{font-size:18px}.fim-empty p{font-size:13px}}@media(max-width:480px){.fim-header-compact{height:48px;padding:0 10px}.fim-header-title{font-size:14px;gap:8px}.fim-header-icon{font-size:16px}.fim-mobile-menu-toggle{font-size:20px;padding:6px}.fim-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.fim-mobile-menu-header{padding:10px 12px}.fim-mobile-menu-header h3{font-size:14px}.fim-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.fim-mobile-menu-icon{font-size:14px}.fim-mobile-menu-footer{padding:10px 12px}.fim-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.fim-tab-labels{height:36px;padding:0 4px}.fim-tab-label{font-size:10px;padding:4px 8px}.fim-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.fim-content{padding:12px}.fim-empty-icon{font-size:48px}.fim-empty h2{font-size:16px}.fim-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.fim-header-title span{display:none}.fim-header-icon{font-size:18px}.fim-mobile-menu-item{padding:10px 12px;font-size:12px}.fim-tab-label{font-size:9px;padding:3px 6px}.fim-content{padding:10px}.fim-empty-icon{font-size:40px}.fim-empty h2{font-size:14px}.fim-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.fim-header-compact{height:44px}.fim-header-title{font-size:14px}.fim-tab-labels{height:32px}.fim-tab-label{font-size:10px;padding:4px 8px}.fim-content{padding:12px}.fim-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.fim-container{background:#1f2937}.fim-button-bar,.fim-mobile-menu,.fim-tab-labels,.fim-content{background:#111827;border-bottom-color:#374151}.fim-header-compact{border-bottom-color:#374151}.fim-btn-with-label,.fim-tab-label{color:#d1d5db}.fim-btn-with-label:hover,.fim-tab-label:hover{background:#1f2937}.fim-mobile-menu-item{color:#d1d5db}.fim-mobile-menu-item:active{background:#1f2937}.fim-mobile-menu-header,.fim-mobile-menu-footer{background:#1f2937;border-color:#374151}.fim-mobile-menu-header h3,.fim-empty h2{color:#f3f4f6}.fim-empty p,.fim-empty-icon{color:#9ca3af}}@media print{.fim-header-compact,.fim-button-bar,.fim-mobile-menu,.fim-tab-labels,.fim-mobile-menu-toggle,.fim-close-all-compact{display:none}.fim-container{height:auto}.fim-content{padding:0}}@media(prefers-reduced-motion:reduce){.fim-btn-with-label,.fim-tab-label,.fim-mobile-menu-item,.fim-tab-content,.fim-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.fim-btn-with-label.active,.fim-tab-label.active,.fim-mobile-menu-item.active{border-width:2px;font-weight:700}.fim-header-compact{border-bottom-width:2px}}: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-range-filters{display:flex;gap:10rem;margin-left:auto}.common-date-time-picker{flex-direction:column;gap:8px;position:relative}.common-date-time-picker label{margin-bottom:.25rem;font-size:.85rem;color:var(--system-main-color)}.date-input{padding:12px 16px;font-size:14px;font-weight:500;color:#374151;margin-right:40px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(102,126,234,.2);border-radius:10px;outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:160px;box-shadow:0 2px 8px #0000000d;cursor:pointer;position:relative}.date-input:hover{border-color:#667eea66;box-shadow:0 4px 12px #00000014}.date-input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a,0 4px 16px #667eea26;background:#fffffff2;transform:translateY(-1px)}.datetimelabel{font-weight:700;font-size:12px;color:#4b5563;text-transform:uppercase;letter-spacing:1px;margin-right:10px;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.date-input::-webkit-calendar-picker-indicator{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23667eea'%3e%3cpath fill-rule='evenodd' d='M6 2a1 1 0 00-1 1v1H4a2 2 0 00-2 2v10a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-1V3a1 1 0 10-2 0v1H7V3a1 1 0 00-1-1zm0 5a1 1 0 000 2h8a1 1 0 100-2H6z' clip-rule='evenodd'/%3e%3c/svg%3e");width:20px;height:20px;cursor:pointer;transition:all .3s ease}.date-input::-webkit-calendar-picker-indicator:hover{transform:scale(1.1)}.filters-container{display:flex;align-items:flex-end;gap:20px;padding:20px;background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:10px;box-shadow:0 8px 32px #00000014,0 4px 16px #0000000a;transition:all .3s cubic-bezier(.4,0,.2,1)}.right-filters{display:flex;align-items:center;margin-left:auto;gap:16px}.right-filters button{align-self:center;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d;text-transform:uppercase;letter-spacing:.5px}.right-filters button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66;background:linear-gradient(135deg,#5a6fd8,#6a4190)}.data-input-container-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem 1.5rem;padding:1rem;background:#fff;margin-bottom:10px;border:1px solid #e0e0e0;border-radius:6px;box-shadow:0 1px 3px #0000001a}.data-input-container-details p{display:flex;flex-direction:column;margin:0;font-size:13px;line-height:1.3}.data-input-container-details strong{font-weight:600;color:#444;margin-bottom:4px;font-size:12px}.data-input-container-details p span{color:#222;font-weight:500}.data-input-container{background:#fff;border:2px solid #10b981;border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;position:relative;transition:all .3s ease}.data-input-container:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-1px)}.table-container{overflow-x:auto;margin:0}.common-table-container{overflow-x:auto;overflow-y:visible;border-radius:10px;background:#fff9;position:relative;z-index:1}.panel-container-table{position:relative;z-index:1;margin-top:10px;border-radius:10px;overflow:visible}.data-input-container-stock-by-supplier{position:relative;z-index:10;background:#fff;padding:1rem 1.5rem;border-radius:12px;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.search-input-common-stock-by-supplier{position:relative;z-index:11;width:100%;max-width:300px;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:14px;background:#fff;transition:all .2s ease}.search-input-common-stock-by-supplier:focus{outline:none;border-color:#610e95;box-shadow:0 0 0 3px #610e951a}.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-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}.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 .icon-container img{width:20px;height:20px}.total-display-panel h4{font-size:12px;color:var(--font-color-blue)}.total-display-panel .total-amount{font-size:14px;font-weight:700;color:#a83232}.panel-title{font-size:18px;font-weight:700;color:#000;position:relative;width:500px;font-family:Signika Negative,sans-serif;letter-spacing:2px;text-align:left;margin-left:0}.panel-subtitle{font-size:14px;font-weight:700;width:500px;color:#2c2727;font-family:Signika Negative,sans-serif;letter-spacing:2px;text-align:left;margin-bottom:10px}.numeric-cell{align-items:right}.modal-overlay-user{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-panel-user{background:#fff;border-radius:8px;width:400px;box-shadow:0 4px 12px #00000026;overflow:hidden}.modal-header{background:#f5f5f5;padding:12px 16px;border-bottom:1px solid #ddd}.modal-body{padding:16px}.modal-footer{display:flex;justify-content:flex-end;padding:12px 16px;background:#f5f5f5;border-top:1px solid #ddd}.generate-btn{margin-left:8px}.password-container-panel{display:flex;align-items:center}.eye-icon{margin:0 8px;cursor:pointer}.settings-group-panel{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:.75rem;box-shadow:0 1px 3px #0000001a}.settings-group-panel h3{margin-top:0;text-align:center;font-size:1.1rem;border-bottom:1px solid #ddd;padding-bottom:.5rem}.settings-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:4px;cursor:pointer;transition:background .2s}.setting-item:hover{background:#00000008}.setting-name{flex:1;font-size:.95rem}.access-icon{width:24px;height:24px;transition:transform .2s}.setting-item:hover .access-icon{transform:scale(1.1)}.access-icon.yes{filter:hue-rotate(90deg) brightness(1.2)}.access-icon.no{filter:grayscale(1) brightness(.6)}.select-user-prompt{text-align:center;color:#666;font-style:italic}.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}.finance-panel-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.finance-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.finance-header-left{display:flex;align-items:center;gap:8px;flex-shrink:0}.finance-dashboard-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;margin:0}.finance-title-icon{font-size:18px}.finance-header-right{display:flex;gap:6px;align-items:center;margin-left:auto;flex-shrink:0}.finance-add-btn,.finance-refresh-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.finance-add-btn{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.finance-add-btn:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.finance-add-btn:disabled{opacity:.45;cursor:not-allowed}.finance-refresh-btn{background:#fff;border-color:#d9d9d9;color:#595959}.finance-refresh-btn:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.finance-controls-section{display:flex;justify-content:space-between;gap:10px;margin-bottom:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;flex-wrap:wrap;align-items:center}.finance-controls-left{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.finance-controls-right{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.finance-filter-item{display:flex;gap:8px;align-items:center}.finance-search-box{flex:1;min-width:180px}.finance-filters-grid{display:flex;gap:8px;flex-wrap:wrap}.finance-search-input{width:100%;height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;transition:border-color .2s,box-shadow .2s;font-weight:500;box-sizing:border-box}.finance-search-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.finance-search-input::placeholder{color:#bfbfbf}.finance-select{height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:11px;font-weight:700;color:#1d2b3a;background:#fff;cursor:pointer;transition:border-color .2s,box-shadow .2s;min-width:130px;letter-spacing:.2px}.finance-select:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.finance-select:hover{background:#eef1f6}.finance-table-section{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden;margin-bottom:10px}.finance-table-wrapper{overflow-x:auto;max-height:560px}.finance-data-table{width:100%;border-collapse:collapse;font-size:12px}.finance-data-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.finance-data-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.finance-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.finance-data-table tbody tr:hover{background:#f0f7ff}.finance-data-table tbody td{padding:10px;color:#434343;vertical-align:middle}.finance-invoice-id{font-family:Courier New,monospace;font-size:11px;color:#595959;font-weight:600}.finance-text{color:#8c8c8c;font-size:11px}.finance-amount{font-weight:700;color:#1d1d1d;font-size:11px}.finance-text-success{color:#389e0d!important;font-weight:700}.finance-text-warning{color:#d48806!important;font-weight:700}.finance-text-info{color:#096dd9!important;font-weight:700}.finance-table-actions{text-align:center}.finance-actions-group{display:flex;gap:4px;justify-content:center;align-items:center}.finance-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s;background:#f5f5f5}.finance-action-btn.view{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.finance-action-btn.view:hover{background:#096dd9;border-color:#096dd9;color:#fff;transform:scale(1.08)}.finance-action-btn.pay{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.finance-action-btn.pay:hover{background:#389e0d;border-color:#389e0d;color:#fff;transform:scale(1.08)}.finance-action-btn.delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.finance-action-btn.delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.finance-export-section{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding:8px 14px;background:#fafafa;border-top:1px solid #f0f0f0}.finance-export-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.finance-export-btn:disabled{opacity:.45;cursor:not-allowed}.finance-export-btn.excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.finance-export-btn.excel:hover{background:#389e0d;border-color:#389e0d;color:#fff}.finance-export-btn.csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.finance-export-btn.csv:hover{background:#096dd9;border-color:#096dd9;color:#fff}.finance-export-btn.pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.finance-export-btn.pdf:hover{background:#cf1322;border-color:#cf1322;color:#fff}.finance-pagination-section{padding:8px 14px;background:#fafafa;border-top:1px solid #f0f0f0}.finance-pagination-controls{display:flex;justify-content:flex-end;align-items:center;gap:6px;flex-wrap:wrap}.finance-pagination-btn{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 10px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;font-weight:600;font-size:13px;transition:all .15s}.finance-pagination-btn:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.finance-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.finance-pagination-goto{display:flex;align-items:center;gap:6px;font-size:12px;color:#595959;font-weight:500}.finance-pagination-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.finance-pagination-input::-webkit-outer-spin-button,.finance-pagination-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.finance-pagination-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.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:110px;height:auto;opacity:.55;margin-bottom:8px}.finance-no-data-container p{font-size:13px;color:#8c8c8c;margin:0}.finance-loading-panel,.finance-no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.finance-loading-panel p,.finance-no-access-panel p{margin:0}.finance-no-access-panel h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.finance-error-panel{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500}.finance-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:finance-spin .8s linear infinite}@keyframes finance-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.finance-no-access-image{width:160px;height:auto;opacity:.85}.finance-custom-tooltip{background:#fff;padding:10px 12px;border:1px solid #f0f0f0;border-radius:6px;box-shadow:0 2px 8px #0000001a}.finance-tooltip-label{margin:0 0 4px;font-weight:700;font-size:12px;color:#1d2b3a}.finance-tooltip-value{margin:0;font-size:13px;font-weight:700;color:#1d1d1d}.finance-table-wrapper::-webkit-scrollbar{width:5px;height:5px}.finance-table-wrapper::-webkit-scrollbar-track{background:transparent}.finance-table-wrapper::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media(max-width:1024px){.finance-controls-section{flex-direction:column}.finance-controls-right{width:100%}}@media(max-width:768px){.finance-panel-container{padding:10px}.finance-dashboard-header{flex-wrap:wrap}.finance-header-right{width:100%}.finance-table-wrapper{max-height:420px}.finance-export-section{flex-wrap:wrap}.finance-pagination-controls{justify-content:center}}@media(max-width:480px){.finance-panel-container{padding:8px}.finance-data-table{font-size:11px}.finance-data-table thead th,.finance-data-table tbody td{padding:8px}.finance-pagination-input{width:38px;height:26px}.finance-pagination-btn{height:26px}.finance-export-btn{flex:1;justify-content:center}}@media print{.finance-dashboard-header,.finance-controls-section,.finance-export-section,.finance-pagination-section{display:none}.finance-panel-container{background:#fff;padding:0}.finance-table-wrapper{max-height:none;overflow:visible}}: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}}.sm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#0ea5e9,#3b82f6);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.sm-mobile-menu-item.active{background:#dbeafe;color:#3b82f6;border-left-color:#3b82f6}.sm-btn-with-label.active{border-color:#3b82f6;background:#dbeafe;color:#3b82f6}.sm-tab-label.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#dbeafe}.csm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:csm-fadeIn .25s ease-out}@keyframes csm-fadeIn{0%{opacity:0}to{opacity:1}}.csm-modal{position:relative;background:#fff;border-radius:14px;width:100%;max-width:860px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px #00000047;border:1px solid #e5e7eb;animation:csm-slideUp .28s ease-out}@keyframes csm-slideUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.csm-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-radius:14px 14px 0 0;position:sticky;top:0;z-index:10}.csm-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.csm-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;cursor:pointer;transition:all .25s ease;padding:0}.csm-close-btn:hover:not(:disabled){background:#ffffff38;transform:rotate(90deg) scale(1.1)}.csm-close-btn:disabled{opacity:.45;cursor:not-allowed}.csm-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:0}.csm-section{margin-bottom:14px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px}.csm-section:last-of-type{margin-bottom:0}.csm-section-title{font-size:11px;font-weight:800;color:#1a1a1a;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.csm-required-note{margin-left:auto;font-size:10px;font-weight:600;color:#dc2626;letter-spacing:0;text-transform:none}.csm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.csm-field{display:flex;flex-direction:column;gap:5px}.csm-label{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px}.csm-input,.csm-select{padding:9px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;height:38px;box-sizing:border-box}.csm-textarea{padding:9px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;resize:vertical;min-height:72px;box-sizing:border-box;line-height:1.5}.csm-input:focus,.csm-select:focus,.csm-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a17;background:#fafafa}.csm-input::placeholder,.csm-textarea::placeholder{color:#9ca3af}.csm-input:disabled,.csm-select:disabled,.csm-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.csm-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 9px center;background-size:14px;padding-right:28px}.csm-hint{font-size:10px;color:#6b7280;font-weight:500}.csm-field-photo{grid-column:span 3}.csm-photo-row{display:flex;align-items:center;gap:14px;background:#f3f4f6;border:1.5px dashed #d1d5db;border-radius:8px;padding:8px 14px;min-height:38px;box-sizing:border-box}.csm-avatar-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#374151);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #00000026}.csm-avatar-sm img{width:100%;height:100%;object-fit:cover}.csm-photo-info{display:flex;flex-direction:column;gap:4px}.csm-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:#1a1a1a;color:#fff;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.csm-upload-btn:hover{background:#2d2d2d;transform:translateY(-1px)}.csm-file-name{font-size:11px;color:#059669;font-weight:600;margin:0}.csm-file-hint{font-size:10px;color:#9ca3af;margin:0}.csm-field-address{grid-column:span 2}.csm-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:2px solid #e5e7eb;margin-top:14px}.csm-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.csm-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 3px 10px #1a1a1a33}.csm-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 5px 14px #1a1a1a47}.csm-btn-secondary{background:#f3f4f6;color:#374151;border:1.5px solid #d1d5db}.csm-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.csm-btn:disabled{opacity:.5;cursor:not-allowed}.csm-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:csm-spin .75s linear infinite;margin:0 auto}@keyframes csm-spin{to{transform:rotate(360deg)}}.csm-loading-screen{padding:3rem;text-align:center;color:#6b7280}.csm-loading-screen p{margin-top:1rem}.csm-access-denied{padding:2.5rem;text-align:center}.csm-access-denied img{max-width:160px;margin-bottom:1rem}.csm-access-denied h3{color:#dc2626;margin-bottom:.5rem}.csm-access-denied p{color:#6b7280;font-size:14px}.csm-modal::-webkit-scrollbar{width:6px}.csm-modal::-webkit-scrollbar-track{background:#f1f5f9}.csm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.csm-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:860px){.csm-grid-4{grid-template-columns:repeat(2,1fr)}.csm-field-photo,.csm-field-address{grid-column:span 2}.csm-modal{max-width:98%}}@media(max-width:560px){.csm-grid-4{grid-template-columns:1fr}.csm-field-photo,.csm-field-address{grid-column:span 1}.csm-form{padding:14px 16px 18px}.csm-section{padding:14px}.csm-actions{flex-direction:column-reverse}.csm-btn{width:100%;justify-content:center}.csm-modal{max-width:100%;border-radius:12px 12px 0 0}}.esm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:3000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:esm-fadeIn .25s ease-out}@keyframes esm-fadeIn{0%{opacity:0}to{opacity:1}}.esm-modal{position:relative;background:#fff;border-radius:14px;width:100%;max-width:860px;max-height:92vh;overflow-y:auto;box-shadow:0 24px 64px #00000047;border:1px solid #e5e7eb;animation:esm-slideUp .28s ease-out}@keyframes esm-slideUp{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:translateY(0)}}.esm-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:linear-gradient(135deg,#1a1a1a,#2d3748);border-radius:14px 14px 0 0;position:sticky;top:0;z-index:10}.esm-title{font-size:16px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.5px}.esm-title-id{font-size:13px;font-weight:500;opacity:.75;text-transform:none;letter-spacing:0}.esm-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.22);border-radius:8px;color:#fff;cursor:pointer;transition:all .25s ease;padding:0}.esm-close-btn:hover:not(:disabled){background:#ffffff38;transform:rotate(90deg) scale(1.1)}.esm-close-btn:disabled{opacity:.45;cursor:not-allowed}.esm-form{padding:20px 24px 24px;display:flex;flex-direction:column;gap:0}.esm-section{margin-bottom:14px;background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;padding:14px 18px}.esm-section:last-of-type{margin-bottom:0}.esm-section-title{font-size:11px;font-weight:800;color:#1a1a1a;text-transform:uppercase;letter-spacing:.6px;margin-bottom:12px;display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:2px solid #e5e7eb}.esm-required-note{margin-left:auto;font-size:10px;font-weight:600;color:#dc2626;letter-spacing:0;text-transform:none}.esm-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:start}.esm-field{display:flex;flex-direction:column;gap:5px}.esm-label{font-size:11px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.3px}.esm-input,.esm-select{padding:9px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;height:38px;box-sizing:border-box}.esm-textarea{padding:9px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#1a1a1a;background:#fff;font-family:inherit;font-weight:500;transition:border-color .2s,box-shadow .2s;resize:vertical;min-height:72px;box-sizing:border-box;line-height:1.5}.esm-input:focus,.esm-select:focus,.esm-textarea:focus{outline:none;border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a17;background:#fafafa}.esm-input::placeholder,.esm-textarea::placeholder{color:#9ca3af}.esm-input:disabled,.esm-select:disabled,.esm-textarea:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.esm-read-only{background:#f3f4f6!important;color:#6b7280!important;cursor:not-allowed;border-color:#e5e7eb!important}.esm-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 9px center;background-size:14px;padding-right:28px}.esm-hint{font-size:10px;color:#6b7280;font-weight:500}.esm-field-photo{grid-column:span 3}.esm-photo-row{display:flex;align-items:center;gap:14px;background:#f3f4f6;border:1.5px dashed #d1d5db;border-radius:8px;padding:8px 14px;min-height:38px;box-sizing:border-box}.esm-avatar-sm{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1a1a1a,#374151);display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px;font-weight:700;overflow:hidden;flex-shrink:0;border:2px solid #fff;box-shadow:0 2px 8px #00000026}.esm-avatar-sm img{width:100%;height:100%;object-fit:cover}.esm-photo-info{display:flex;flex-direction:column;gap:4px}.esm-upload-btn{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:#1a1a1a;color:#fff;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s;text-transform:uppercase;letter-spacing:.3px;width:fit-content}.esm-upload-btn:hover{background:#2d2d2d;transform:translateY(-1px)}.esm-file-name{font-size:11px;color:#059669;font-weight:600;margin:0}.esm-file-hint{font-size:10px;color:#9ca3af;margin:0}.esm-field-address{grid-column:span 2}.esm-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:16px;border-top:2px solid #e5e7eb;margin-top:14px}.esm-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 20px;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;transition:all .25s ease;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.esm-btn-primary{background:#1a1a1a;color:#fff;box-shadow:0 3px 10px #1a1a1a33}.esm-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-2px);box-shadow:0 5px 14px #1a1a1a47}.esm-btn-secondary{background:#f3f4f6;color:#374151;border:1.5px solid #d1d5db}.esm-btn-secondary:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.esm-btn:disabled{opacity:.5;cursor:not-allowed}.esm-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#1a1a1a;border-radius:50%;animation:esm-spin .75s linear infinite;margin:0 auto}@keyframes esm-spin{to{transform:rotate(360deg)}}.esm-loading-screen{padding:3rem;text-align:center;color:#6b7280}.esm-loading-screen p{margin-top:1rem}.esm-access-denied{padding:2.5rem;text-align:center}.esm-access-denied img{max-width:160px;margin-bottom:1rem}.esm-access-denied h3{color:#dc2626;margin-bottom:.5rem}.esm-access-denied p{color:#6b7280;font-size:14px}.esm-modal::-webkit-scrollbar{width:6px}.esm-modal::-webkit-scrollbar-track{background:#f1f5f9}.esm-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.esm-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media(max-width:860px){.esm-grid-4{grid-template-columns:repeat(2,1fr)}.esm-field-photo,.esm-field-address{grid-column:span 2}.esm-modal{max-width:98%}}@media(max-width:560px){.esm-grid-4{grid-template-columns:1fr}.esm-field-photo,.esm-field-address{grid-column:span 1}.esm-form{padding:14px 16px 18px}.esm-section{padding:14px}.esm-actions{flex-direction:column-reverse}.esm-btn{width:100%;justify-content:center}.esm-modal{max-width:100%;border-radius:12px 12px 0 0}}.sm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.sm-mobile-menu-item.active{background:#eff6ff;color:#3b82f6;border-left-color:#3b82f6}.sm-btn-with-label.active{border-color:#3b82f6;background:#eff6ff;color:#3b82f6}.sm-tab-label.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#eff6ff}.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-header-right{display:flex;gap:8px;flex-wrap:wrap}.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-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}.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-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-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}.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-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}.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 h3{font-size:18px;font-weight:700;color:#dc2626;margin:0 0 12px}.no-access-panel p{font-size:13px;color:#6c757d;text-align:center;line-height:1.6;margin:0}.panel-container{padding:14px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}@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-print-col{text-align:center;white-space:nowrap}.print-dropdown-wrap{position:relative;display:inline-block}.print-dropdown-btn{display:inline-flex;align-items:center;gap:3px;padding:4px 8px;background:#1e40af;color:#fff;border:none;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s}.print-dropdown-btn:hover{background:#1d4ed8}.print-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 6px 20px #0000001f;min-width:160px;overflow:hidden}.print-dropdown-item{display:block;width:100%;padding:8px 14px;background:none;border:none;text-align:left;font-size:12px;font-weight:500;color:#1e293b;cursor:pointer;transition:background .1s;white-space:nowrap}.print-dropdown-item:hover{background:#f1f5f9}.print-dropdown-item+.print-dropdown-item{border-top:1px solid #f1f5f9}.sales-refresh-icon-btn{display:flex;align-items:center;justify-content:center;padding:8px 10px;background:#2d3748;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sales-refresh-icon-btn:hover:not(:disabled){background:#1a202c;transform:translateY(-1px);box-shadow:0 2px 4px #2d37484d}.sales-refresh-icon-btn:disabled{opacity:.5;cursor:not-allowed}.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)}.ac-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.ac-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.ac-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.ac-title span:first-child{font-size:17px}.ac-date-combo{display:flex;align-items:center;gap:6px;height:30px;border:1px solid #d9d9d9;border-radius:5px;padding:0 10px;background:#fff;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.ac-date-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ac-date-icon{color:#bfbfbf;flex-shrink:0}.ac-date-input{border:none;outline:none;background:transparent;font-size:12px;color:#262626;height:100%;cursor:pointer}.ac-date-sep{font-size:11px;color:#bfbfbf;font-weight:600}.ac-status-tabs{display:flex;gap:4px;align-items:center;flex-shrink:0}.ac-tab{display:inline-flex;align-items:center;gap:5px;padding:0 11px;height:30px;border-radius:5px;border:1px solid #d9d9d9;background:#fff;color:#595959;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap;letter-spacing:.2px}.ac-tab:hover{background:#f5f7fa}.ac-tab-count{background:#f0f0f0;color:#8c8c8c;font-size:10px;padding:1px 6px;border-radius:20px;font-weight:700}.ac-tab-orange.active{background:#fff7e6;border-color:#ffa940;color:#d46b08}.ac-tab-orange.active .ac-tab-count{background:#ffe7ba;color:#d46b08}.ac-tab-green.active{background:#f6ffed;border-color:#73d13d;color:#389e0d}.ac-tab-green.active .ac-tab-count{background:#d9f7be;color:#389e0d}.ac-tab-blue.active{background:#e6f4ff;border-color:#4096ff;color:#0958d9}.ac-tab-blue.active .ac-tab-count{background:#bae0ff;color:#0958d9}.ac-tab-red.active{background:#fff1f0;border-color:#ff7875;color:#cf1322}.ac-tab-red.active .ac-tab-count{background:#ffd8d8;color:#cf1322}.ac-actions{display:flex;gap:6px;align-items:center;margin-left:auto;flex-shrink:0}.ac-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px}.ac-btn:disabled{opacity:.45;cursor:not-allowed}.ac-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.ac-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ac-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322;height:28px;font-size:11px}.ac-btn-pdf:hover{background:#cf1322;border-color:#cf1322;color:#fff}.ac-btn-close-modal{background:#1d2b3a;border-color:#1d2b3a;color:#fff;padding:0 20px;height:32px}.ac-btn-close-modal:hover{background:#2d3f52}.ac-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.ac-table-scroll{overflow-x:auto;max-height:580px}.ac-table{width:100%;border-collapse:collapse;font-size:12px}.ac-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.ac-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.ac-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.ac-table tbody tr:hover{background:#f0f7ff}.ac-table td{padding:9px 10px;color:#434343;vertical-align:middle}.ac-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.ac-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.ac-td-bold{font-weight:600;color:#1d1d1d}.ac-td-muted{color:#8c8c8c;font-size:11px}.ac-td-reason{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#cf1322!important}.ac-td-discount{color:#cf1322;font-size:11px}.ac-user-cell{display:flex;align-items:center;gap:4px;color:#8c8c8c;font-size:11px}.ac-status-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.ac-status-pending{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.ac-status-approved{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.ac-status-rejected{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.ac-status-completed{background:#e6f4ff;color:#0958d9;border:1px solid #91caff}.ac-final-badge{font-size:10px;font-weight:700;padding:3px 8px;border-radius:20px;white-space:nowrap}.ac-final-approved{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.ac-final-completed{background:#e6f4ff;color:#0958d9;border:1px solid #91caff}.ac-action-group{display:flex;gap:4px;align-items:center}.ac-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.ac-action-btn:disabled{opacity:.4;cursor:not-allowed}.ac-action-view{background:#e6f4ff;border-color:#91d5ff;color:#096dd9}.ac-action-view:hover{background:#096dd9;border-color:#096dd9;color:#fff;transform:scale(1.08)}.ac-action-approve{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.ac-action-approve:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff;transform:scale(1.08)}.ac-action-reject{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ac-action-reject:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.ac-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ac-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.ac-spin-inline{display:inline-block;width:12px;height:12px;border:2px solid rgba(56,158,13,.3);border-top-color:#389e0d;border-radius:50%;animation:ac-spin .6s linear infinite}.ac-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:46px}.ac-record-count{font-size:11px;color:#8c8c8c;font-weight:500}.ac-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ac-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.ac-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.ac-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.ac-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.ac-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.ac-pg-input::-webkit-outer-spin-button,.ac-pg-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.ac-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ac-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.ac-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.ac-state-center p{margin:0}.ac-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.ac-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:ac-spin .8s linear infinite}@keyframes ac-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ac-access-img{width:160px;height:auto;opacity:.85}.ac-nodata-img{width:110px;height:auto;opacity:.55}.ac-error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500}.ac-error-banner button{background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.ac-error-banner button:hover{background:#cf1322}.ac-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ac-fade .18s ease}@keyframes ac-fade{0%{opacity:0}to{opacity:1}}.ac-modal{background:#fff;border-radius:10px;width:100%;max-width:820px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;animation:ac-slide-up .2s ease;overflow:hidden}@keyframes ac-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ac-modal-header{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:#1d2b3a;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.ac-modal-close{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid rgba(255,255,255,.25);border-radius:5px;background:transparent;color:#fff;cursor:pointer;transition:all .15s}.ac-modal-close:hover{background:#ff4d4f;border-color:#ff4d4f}.ac-modal-body{flex:1;overflow-y:auto;padding:14px;background:#f9fafb}.ac-modal-footer{display:flex;justify-content:flex-end;padding:10px 16px;border-top:1px solid #f0f0f0;background:#fafafa}.ac-modal-section{background:#fff;border:1px solid #f0f0f0;border-radius:7px;padding:12px 14px;margin-bottom:10px}.ac-modal-section:last-child{margin-bottom:0}.ac-modal-section-title{font-size:11px;font-weight:700;color:#595959;text-transform:uppercase;letter-spacing:.4px;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.ac-modal-section-body{display:flex;flex-direction:column}.ac-modal-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:12px;border-bottom:1px solid #f9f9f9;gap:8px}.ac-modal-row:last-child{border-bottom:none}.ac-modal-row-label{color:#8c8c8c;font-weight:600;font-size:11px;flex-shrink:0;min-width:120px}.ac-modal-row-value{color:#1d1d1d;font-weight:500;text-align:right;word-break:break-word;font-size:12px}.ac-modal-row-value.ac-highlight{color:#389e0d;font-weight:700;font-size:13px}.ac-modal-table-wrap{overflow-x:auto;border-radius:5px;border:1px solid #f0f0f0}.ac-modal-table{width:100%;border-collapse:collapse;font-size:12px}.ac-modal-table thead{background:#1d2b3a}.ac-modal-table thead th{padding:8px 10px;text-align:left;font-size:10px;font-weight:600;color:#e8e8e8;white-space:nowrap}.ac-modal-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .1s}.ac-modal-table tbody tr:hover{background:#f0f7ff}.ac-modal-table td{padding:8px 10px;vertical-align:middle}.ac-modal-table tfoot{background:#fafafa;border-top:2px solid #f0f0f0}.ac-table-scroll::-webkit-scrollbar,.ac-modal-body::-webkit-scrollbar{width:5px;height:5px}.ac-table-scroll::-webkit-scrollbar-track,.ac-modal-body::-webkit-scrollbar-track{background:transparent}.ac-table-scroll::-webkit-scrollbar-thumb,.ac-modal-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}@media(max-width:900px){.ac-controls{flex-wrap:wrap}.ac-status-tabs{order:3;width:100%}.ac-date-combo{flex:1}.ac-actions{margin-left:0}}@media(max-width:768px){.ac-container{padding:10px}.ac-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.ac-pg-right{width:100%;justify-content:flex-end}.ac-table-scroll{max-height:420px}}@media(max-width:480px){.ac-container{padding:8px}.ac-table{font-size:11px}.ac-table thead th,.ac-table td{padding:7px 8px}.ac-modal{max-height:95vh}}@media print{.ac-controls,.ac-bottom-bar,.ac-modal-overlay{display:none}.ac-container{background:#fff;padding:0}.ac-table-scroll{max-height:none;overflow:visible}}.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}.stock-filters{background:#fff;border-radius:6px;padding:10px 14px;margin-bottom:10px;box-shadow:0 1px 3px #0000000f}.stock-filters-grid-extended{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;align-items:end}.stock-filters-grid-extended-search{display:grid;grid-template-columns:2fr .8fr .7fr;gap:8px;align-items:end}.stock-filter-group{display:flex;flex-direction:column;gap:3px}.stock-search-group{grid-column:1}.stock-filter-label{font-size:10px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.stock-filter-label svg{width:11px;height:11px;flex-shrink:0}.stock-filter-input,.stock-filter-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:11px;color:#1a1a1a;background:#fff;transition:all .2s ease;font-weight:500;height:30px;box-sizing:border-box}.stock-filter-input:focus,.stock-filter-select:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 2px #2d37481a}.stock-filter-input::placeholder{color:#aaa;font-size:11px}.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 7px center;background-size:12px;padding-right:24px}.stock-filter-actions-inline{display:flex;align-items:center;gap:6px;height:30px}.stock-btn-primary{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;background:#1a1a1a;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:30px;box-sizing:border-box;width:100%;white-space:nowrap}.stock-btn-primary svg{width:13px;height:13px;flex-shrink:0}.stock-btn-primary:hover:not(:disabled){background:#2d2d2d;transform:translateY(-1px);box-shadow:0 3px 8px #1a1a1a33}.stock-btn-primary:disabled{opacity:.5;cursor:not-allowed}.stock-btn-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:28px;box-sizing:border-box;white-space:nowrap}.stock-btn-secondary svg{width:11px;height:11px}.stock-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-1px)}.stock-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.stock-refresh-icon-btn{display:flex;align-items:center;justify-content:center;padding:0 9px;background:#2d3748;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;height:28px;flex-shrink:0}.stock-refresh-icon-btn:hover:not(:disabled){background:#1a202c;transform:translateY(-1px);box-shadow:0 2px 4px #2d37484d}.stock-refresh-icon-btn:disabled{opacity:.5;cursor:not-allowed}.btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spin-icon{animation:spin .8s linear infinite}.stock-table-container{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:10px}.stock-table-wrapper{overflow-x:auto;max-height:580px;overflow-y:auto}.stock-table{width:100%;border-collapse:collapse;font-size:11px}.stock-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.stock-table thead th{padding:8px 10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:10px;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.stock-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.stock-table tbody tr:hover{background:#f9f9f9}.stock-table tbody td{padding:7px 10px;color:#1a1a1a;vertical-align:middle}.stock-product-id-badge{display:inline-block;padding:2px 6px;background:#e8e8e8;color:#1a1a1a;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #ddd}.stock-barcode-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#f0f0f0;color:#333;border-radius:3px;font-family:Courier New,monospace;font-size:10px;font-weight:700;border:1px solid #ddd}.stock-type-badge{display:inline-block;padding:2px 6px;background:#d0d0d0;color:#1a1a1a;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #bbb}.stock-quantity-badge{display:inline-block;padding:3px 7px;background:#e8f5e9;color:#1b5e20;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #c8e6c9}.stock-user-cell{display:flex;align-items:center;gap:5px;color:#1a1a1a;font-size:11px;font-weight:600}.stock-action-btn-eye{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#555}.stock-action-btn-eye:hover{background:#2d3748;color:#fff;border-color:#2d3748;transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.stock-search-wrapper{position:relative;width:100%}.stock-search-input-wide{width:100%;min-width:0}.stock-searching-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.stock-search-spinner{width:14px;height:14px;border:2px solid #ddd;border-top-color:#2d3748;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 5px 5px;max-height:260px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.stock-suggestion-item{padding:7px 10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s ease}.stock-suggestion-item:hover{background:#f5f5f5}.stock-suggestion-item:last-child{border-bottom:none}.stock-suggestion-content{display:flex;align-items:flex-start;gap:8px}.stock-suggestion-details{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.stock-suggestion-details strong{font-size:11px;color:#1a1a1a;font-weight:700}.stock-suggestion-details span{font-size:10px;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:10px;flex-wrap:wrap;padding:10px 14px;background:#f9f9f9;border-top:1px solid #e8e8e8}.stock-page-btn{padding:5px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#1a1a1a;font-weight:600;font-size:11px;display:flex;align-items:center;gap:4px}.stock-page-btn:hover:not(:disabled){background:#2d3748;color:#fff;border-color:#2d3748;transform:translateY(-1px)}.stock-page-btn:disabled{opacity:.4;cursor:not-allowed}.stock-page-goto{display:flex;align-items:center;gap:6px;font-size:11px;color:#1a1a1a;font-weight:600}.stock-page-input{width:50px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:11px;font-weight:700;color:#1a1a1a}.stock-page-input:focus{outline:none;border-color:#2d3748;box-shadow:0 0 0 2px #2d37481a}.stock-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.stock-no-data img{width:110px;height:auto;opacity:.6;margin-bottom:10px}.stock-no-data h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.stock-no-data p{font-size:12px;color:#666;margin:0}.stock-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.stock-spinner{width:34px;height:34px;border:3px solid #e8e8e8;border-top-color:#2d3748;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.stock-loading p{font-size:12px;color:#666;margin:0;font-weight:600}.stock-export{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 3px #0000000f;margin-bottom:10px}.stock-export-buttons{display:flex;gap:6px;flex-wrap:wrap}.stock-export-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:28px;box-sizing:border-box}.stock-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.stock-export-btn:disabled{opacity:.5;cursor:not-allowed}.stock-export-btn.excel{border-color:#28a745;color:#28a745}.stock-export-btn.excel:hover:not(:disabled){background:#28a745;color:#fff}.stock-export-btn.csv{border-color:#17a2b8;color:#17a2b8}.stock-export-btn.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.stock-export-btn.pdf{border-color:#dc3545;color:#dc3545}.stock-export-btn.pdf:hover:not(:disabled){background:#dc3545;color:#fff}.stock-export-info{font-size:10px;color:#6c757d;margin:6px 0 0}.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:860px;width:100%;max-height:88vh;overflow-y:auto;animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.stock-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#f9f9f9;position:sticky;top:0;z-index:10}.stock-modal-header h2{font-size:15px;font-weight:700;color:#1a1a1a;margin:0}.stock-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:none;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s ease;color:#666;border:1px solid #ddd}.stock-modal-close:hover{background:#e8e8e8;color:#1a1a1a;transform:rotate(90deg)}.stock-modal-body{padding:16px}.stock-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.stock-modal-section{background:#f9f9f9;padding:12px 14px;border-radius:5px;border:1px solid #e8e8e8}.stock-modal-section h4{font-size:11px;font-weight:700;color:#2d3748;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e0e0e0;text-transform:uppercase;letter-spacing:.4px}.stock-modal-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:5px 0;border-bottom:1px solid #f0f0f0}.stock-modal-item:last-child{border-bottom:none}.stock-modal-label{font-size:10px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.3px;min-width:100px;flex-shrink:0}.stock-modal-value{font-size:11px;font-weight:600;color:#1a1a1a;text-align:right;flex:1;word-break:break-word}.stock-modal-loading{padding:40px;text-align:center;font-size:14px;font-weight:600;color:#666}.no-access-panel h3{font-size:16px;font-weight:700;color:#dc3545;margin:0 0 10px}.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:1px solid #ddd!important;border-radius:6px!important;box-shadow:0 4px 12px #0000001f!important;font-family:Inter,-apple-system,sans-serif!important;font-size:12px!important}.react-datepicker__header{background:#2d3748!important;border-bottom:1px solid #2d3748!important;padding:10px!important}.react-datepicker__current-month,.react-datepicker__current-month--hasYearDropdown,.react-datepicker__current-month--hasMonthDropdown{color:#fff!important;font-weight:700!important;font-size:12px!important;margin-bottom:8px!important}.react-datepicker__day-names{display:flex!important;justify-content:space-around!important;padding:6px 0!important}.react-datepicker__day-name{color:#cbd5e0!important;font-weight:600!important;width:26px!important;text-align:center!important;font-size:10px!important}.react-datepicker__month{margin:8px 0!important;padding:0 8px!important}.react-datepicker__week{display:flex!important;justify-content:space-around!important;margin-bottom:3px!important}.react-datepicker__day{width:26px!important;height:26px!important;line-height:26px!important;text-align:center!important;color:#1a1a1a!important;font-weight:500!important;border-radius:3px!important;cursor:pointer!important;transition:all .15s ease!important;font-size:11px!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:#2d3748!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:3px!important;padding:3px 6px!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;font-size:11px!important}.react-datepicker__month-option,.react-datepicker__year-option{color:#1a1a1a!important;font-weight:500!important;padding:6px 10px!important;text-align:left!important;font-size:11px!important}.react-datepicker__month-option--selected,.react-datepicker__year-option--selected{background:#2d3748!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:#2d3748!important;font-size:14px!important;font-weight:700!important;width:16px!important;height:16px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.react-datepicker__navigation{top:10px!important}.react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important;width:7px!important;height:7px!important}@media(max-width:1024px){.stock-filters-grid-extended-search{grid-template-columns:1.5fr 1fr 1fr}.stock-filters-grid-extended{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:768px){.panel-container{padding:8px}.stock-filters-grid-extended{grid-template-columns:1fr 1fr}.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:10px}.stock-table thead th,.stock-table tbody td{padding:6px 8px}.stock-export-buttons{flex-wrap:wrap}.stock-export-btn{flex:1;min-width:70px}.stock-modal-grid{grid-template-columns:1fr}.react-datepicker{width:100%!important}.stock-filter-actions-inline{justify-content:flex-start}}@media(max-width:480px){.panel-container{padding:6px}.stock-filters{padding:8px 10px}.stock-filters-grid-extended,.stock-filters-grid-extended-search{grid-template-columns:1fr}.stock-filter-input,.stock-filter-select{font-size:11px;height:28px}.stock-btn-primary{height:28px;font-size:10px}.stock-table-wrapper{max-height:380px}.stock-table{font-size:10px}.stock-table thead th,.stock-table tbody td{padding:5px 7px}.stock-pagination{gap:6px;padding:8px 10px}.stock-page-btn{padding:4px 8px;font-size:10px}.stock-page-input{width:44px;font-size:10px}.stock-modal-overlay{padding:8px}.stock-modal-header h2{font-size:13px}.stock-modal-body{padding:10px}.stock-modal-grid{grid-template-columns:1fr;gap:10px}.stock-modal-section{padding:10px}.stock-export-btn{font-size:9px;padding:5px 8px}.react-datepicker{font-size:11px!important}.react-datepicker__day{width:24px!important;height:24px!important;line-height:24px!important;font-size:10px!important}}.stock-filters,.stock-table-container,.stock-export{animation:fadeInUp .3s ease-out}@media print{.stock-filters,.stock-export,.stock-pagination,.stock-action-btn-eye,.stock-refresh-icon-btn,.stock-btn-primary,.stock-btn-secondary{display:none!important}.stock-table{font-size:9px}.stock-table thead{background:#2d3748!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.panel-container{background:#fff!important;padding:0!important}}.outward-filters{background:#fff;border-radius:6px;padding:10px 14px;margin-bottom:10px;box-shadow:0 1px 3px #0000000f}.outward-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;align-items:end}.outward-filters-grid-search{display:grid;grid-template-columns:2fr .8fr .7fr;gap:8px;align-items:end}.outward-filter-group{display:flex;flex-direction:column;gap:3px}.outward-search-group{grid-column:1}.outward-filter-label{font-size:10px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.outward-filter-label svg{width:11px;height:11px;flex-shrink:0}.outward-filter-input,.outward-filter-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:11px;color:#1a1a1a;background:#fff;transition:all .2s ease;font-weight:500;height:30px;box-sizing:border-box}.outward-filter-input:focus,.outward-filter-select:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.outward-filter-input::placeholder{color:#aaa;font-size:11px}.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 7px center;background-size:12px;padding-right:24px}.outward-filter-actions-inline{display:flex;align-items:center;gap:6px;height:30px}.outward-btn-danger{display:flex;align-items:center;justify-content:center;gap:5px;padding:0 12px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:30px;box-sizing:border-box;width:100%;white-space:nowrap}.outward-btn-danger svg{width:13px;height:13px;flex-shrink:0}.outward-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 3px 8px #ef444440}.outward-btn-danger:disabled{opacity:.5;cursor:not-allowed}.outward-btn-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:28px;box-sizing:border-box;white-space:nowrap}.outward-btn-secondary svg{width:11px;height:11px}.outward-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-1px)}.outward-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.outward-refresh-icon-btn{display:flex;align-items:center;justify-content:center;padding:0 9px;background:#ef4444;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;height:28px;flex-shrink:0}.outward-refresh-icon-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 2px 4px #ef44444d}.outward-refresh-icon-btn:disabled{opacity:.5;cursor:not-allowed}.outward-btn-spinner{width:12px;height:12px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:outward-spin .8s linear infinite}@keyframes outward-spin{to{transform:rotate(360deg)}}.outward-spin-icon{animation:outward-spin .8s linear infinite}.outward-table-container{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:10px}.outward-table-wrapper{overflow-x:auto;max-height:580px;overflow-y:auto}.outward-table{width:100%;border-collapse:collapse;font-size:11px}.outward-table thead{background:#ef4444;position:sticky;top:0;z-index:10}.outward-table thead th{padding:8px 10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:10px;color:#fff;border-bottom:1px solid #dc2626;white-space:nowrap}.outward-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.outward-table tbody tr:hover{background:#fff5f5}.outward-table tbody td{padding:7px 10px;color:#1a1a1a;vertical-align:middle}.outward-product-id-badge{display:inline-block;padding:2px 6px;background:#e8e8e8;color:#1a1a1a;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #ddd}.outward-barcode-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;background:#f0f0f0;color:#333;border-radius:3px;font-family:Courier New,monospace;font-size:10px;font-weight:700;border:1px solid #ddd}.outward-type-badge{display:inline-block;padding:2px 6px;background:#fecaca;color:#991b1b;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #fca5a5}.outward-quantity-badge{display:inline-block;padding:3px 7px;background:#fee2e2;color:#991b1b;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #fecaca}.outward-user-cell{display:flex;align-items:center;gap:5px;color:#1a1a1a;font-size:11px;font-weight:600}.outward-action-btn-eye{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#555}.outward-action-btn-eye:hover{background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 6px #ef444433}.outward-search-wrapper{position:relative;width:100%}.outward-search-input-wide{width:100%;min-width:0}.outward-searching-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.outward-search-spinner{width:14px;height:14px;border:2px solid #ddd;border-top-color:#ef4444;border-radius:50%;animation:outward-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 5px 5px;max-height:260px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.outward-suggestion-item{padding:7px 10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s ease}.outward-suggestion-item:hover{background:#fff5f5}.outward-suggestion-item:last-child{border-bottom:none}.outward-suggestion-content{display:flex;align-items:flex-start;gap:8px}.outward-suggestion-details{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.outward-suggestion-details strong{font-size:11px;color:#1a1a1a;font-weight:700}.outward-suggestion-details span{font-size:10px;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:10px;flex-wrap:wrap;padding:10px 14px;background:#f9f9f9;border-top:1px solid #e8e8e8}.outward-page-btn{padding:5px 10px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#1a1a1a;font-weight:600;font-size:11px;display:flex;align-items:center;gap:4px}.outward-page-btn:hover:not(:disabled){background:#ef4444;color:#fff;border-color:#ef4444;transform:translateY(-1px)}.outward-page-btn:disabled{opacity:.4;cursor:not-allowed}.outward-page-goto{display:flex;align-items:center;gap:6px;font-size:11px;color:#1a1a1a;font-weight:600}.outward-page-input{width:50px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:11px;font-weight:700;color:#1a1a1a}.outward-page-input:focus{outline:none;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.outward-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.outward-no-data img{width:110px;height:auto;opacity:.6;margin-bottom:10px}.outward-no-data h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.outward-no-data p{font-size:12px;color:#666;margin:0}.outward-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.outward-spinner{width:34px;height:34px;border:3px solid #e8e8e8;border-top-color:#ef4444;border-radius:50%;animation:outward-spin .8s linear infinite;margin-bottom:12px}.outward-loading p{font-size:12px;color:#666;margin:0;font-weight:600}.outward-export{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 3px #0000000f;margin-bottom:10px}.outward-export-buttons{display:flex;gap:6px;flex-wrap:wrap}.outward-export-btn{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:28px;box-sizing:border-box}.outward-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.outward-export-btn:disabled{opacity:.5;cursor:not-allowed}.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-info{font-size:10px;color:#6c757d;margin:6px 0 0}.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:700px;width:100%;max-height:88vh;overflow-y:auto;animation:outward-modal-in .25s ease}@keyframes outward-modal-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.outward-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#f9f9f9;position:sticky;top:0;z-index:10}.outward-modal-header h2{font-size:15px;font-weight:700;color:#1a1a1a;margin:0}.outward-modal-close{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:5px;cursor:pointer;transition:all .2s ease;color:#666}.outward-modal-close:hover{background:#fee2e2;color:#ef4444;border-color:#fca5a5;transform:rotate(90deg)}.outward-modal-body{padding:16px}.outward-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.outward-modal-section{background:#f9f9f9;padding:12px 14px;border-radius:5px;border:1px solid #e8e8e8}.outward-modal-section h4{font-size:11px;font-weight:700;color:#ef4444;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #fecaca;text-transform:uppercase;letter-spacing:.4px}.outward-modal-item{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:5px 0;border-bottom:1px solid #f0f0f0}.outward-modal-item:last-child{border-bottom:none}.outward-modal-label{font-size:10px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.3px;min-width:90px;flex-shrink:0}.outward-modal-value{font-size:11px;font-weight:600;color:#1a1a1a;text-align:right;flex:1;word-break:break-word}.outward-modal-loading{padding:40px;text-align:center;font-size:14px;font-weight:600;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:1px solid #fca5a5!important;border-radius:6px!important;box-shadow:0 4px 12px #ef44441f!important;font-family:Inter,-apple-system,sans-serif!important;font-size:12px!important}.outward-date-picker-popper .react-datepicker__header{background:#ef4444!important;border-bottom:1px solid #dc2626!important;padding:10px!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:12px!important;margin-bottom:8px!important}.outward-date-picker-popper .react-datepicker__day-name{color:#fecaca!important;font-weight:600!important;width:26px!important;text-align:center!important;font-size:10px!important}.outward-date-picker-popper .react-datepicker__day{width:26px!important;height:26px!important;line-height:26px!important;text-align:center!important;color:#1a1a1a!important;font-weight:500!important;border-radius:3px!important;cursor:pointer!important;transition:all .15s ease!important;font-size:11px!important}.outward-date-picker-popper .react-datepicker__day:hover{background:#fee2e2!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 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;font-size:11px!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}.outward-date-picker-popper .react-datepicker__close-icon:after{background:#ef4444!important;font-size:14px!important;font-weight:700!important}.outward-date-picker-popper .react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important;width:7px!important;height:7px!important}@media(max-width:1024px){.outward-filters-grid-search{grid-template-columns:1.5fr 1fr 1fr}.outward-filters-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media(max-width:768px){.panel-container{padding:8px}.outward-filters-grid{grid-template-columns:1fr 1fr}.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:10px}.outward-table thead th,.outward-table tbody td{padding:6px 8px}.outward-export-buttons{flex-wrap:wrap}.outward-export-btn{flex:1;min-width:70px}.outward-modal-grid{grid-template-columns:1fr}.outward-date-picker-popper .react-datepicker{width:100%!important}.outward-filter-actions-inline{justify-content:flex-start}}@media(max-width:480px){.panel-container{padding:6px}.outward-filters{padding:8px 10px}.outward-filters-grid,.outward-filters-grid-search{grid-template-columns:1fr}.outward-filter-input,.outward-filter-select{font-size:11px;height:28px}.outward-btn-danger{height:28px;font-size:10px}.outward-table-wrapper{max-height:380px}.outward-table{font-size:10px}.outward-table thead th,.outward-table tbody td{padding:5px 7px}.outward-pagination{gap:6px;padding:8px 10px}.outward-page-btn{padding:4px 8px;font-size:10px}.outward-page-input{width:44px;font-size:10px}.outward-modal-overlay{padding:8px}.outward-modal-header h2{font-size:13px}.outward-modal-body{padding:10px}.outward-modal-grid{grid-template-columns:1fr;gap:10px}.outward-modal-section{padding:10px}.outward-export-btn{font-size:9px;padding:5px 8px}.outward-date-picker-popper .react-datepicker{font-size:11px!important}.outward-date-picker-popper .react-datepicker__day{width:24px!important;height:24px!important;line-height:24px!important;font-size:10px!important}}.outward-filters,.outward-table-container,.outward-export{animation:fadeInUp .3s ease-out}@media print{.outward-filters,.outward-export,.outward-pagination,.outward-action-btn-eye,.outward-refresh-icon-btn,.outward-btn-danger,.outward-btn-secondary{display:none!important}.outward-table{font-size:9px}.outward-table thead{background:#ef4444!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.panel-container{background:#fff!important;padding:0!important}}.panel-container{padding:12px;background:linear-gradient(135deg,#abaeb1,#d1d8df 50%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh}.summary-filters{background:#fff;border-radius:6px;padding:10px 14px;margin-bottom:10px;box-shadow:0 1px 3px #0000000f}.summary-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;align-items:end}.summary-filter-group{display:flex;flex-direction:column;gap:3px}.summary-filter-label{font-size:10px;font-weight:600;color:#555;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.summary-filter-label svg{width:11px;height:11px;flex-shrink:0}.summary-filter-input,.summary-filter-select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:11px;color:#1a1a1a;background:#fff;transition:all .2s ease;font-weight:500;height:30px;box-sizing:border-box}.summary-filter-input:focus,.summary-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.summary-filter-input::placeholder{color:#aaa;font-size:11px}.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 7px center;background-size:12px;padding-right:24px}.summary-filter-actions-inline{display:flex;align-items:center;gap:6px;height:30px}.summary-btn-secondary{display:flex;align-items:center;justify-content:center;gap:4px;padding:0 10px;background:#e8e8e8;color:#1a1a1a;border:1px solid #ddd;border-radius:4px;font-size:10px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:28px;box-sizing:border-box;white-space:nowrap}.summary-btn-secondary svg{width:11px;height:11px}.summary-btn-secondary:hover:not(:disabled){background:#d0d0d0;border-color:#999;transform:translateY(-1px)}.summary-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.summary-refresh-icon-btn{display:flex;align-items:center;justify-content:center;padding:0 9px;background:#6366f1;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:all .2s ease;height:28px;flex-shrink:0}.summary-refresh-icon-btn:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 4px #6366f14d}.summary-refresh-icon-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes summary-spin{to{transform:rotate(360deg)}}.summary-spin-icon{animation:summary-spin .8s linear infinite}.summary-tables-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(480px,1fr));gap:10px;margin-bottom:10px}.summary-table-card{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;display:flex;flex-direction:column}.summary-table-card.in{border-top:3px solid #22c55e}.summary-table-card.out{border-top:3px solid #ef4444}.summary-table-header{display:flex;justify-content:space-between;align-items:end;gap:10px;padding:10px 14px;border-bottom:1px solid #e8e8e8;background:#f9f9f9;flex-wrap:wrap}.summary-table-title{display:flex;align-items:center;gap:7px;flex:1;min-width:160px}.summary-table-title h3{font-size:13px;font-weight:700;color:#1a1a1a;margin:0}.summary-table-title svg{color:#6366f1;flex-shrink:0}.summary-table-filter{min-width:140px;max-width:180px}.summary-table-info{padding:5px 14px;background:#f9f9f9;font-size:10px;color:#666;font-weight:500;border-bottom:1px solid #e8e8e8}.summary-table-info strong{color:#1a1a1a;font-weight:700}.summary-table-wrapper{overflow-x:auto;flex:1;max-height:520px;overflow-y:auto}.summary-table{width:100%;border-collapse:collapse;font-size:11px}.summary-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.summary-table thead th{padding:8px 10px;text-align:left;font-weight:700;text-transform:uppercase;letter-spacing:.4px;font-size:10px;color:#fff;border-bottom:1px solid #1a1a1a;white-space:nowrap}.summary-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.summary-table tbody tr:hover{background:#f8f9fa}.summary-table tbody td{padding:7px 10px;color:#1a1a1a;vertical-align:middle}.summary-date-cell{font-size:10px;color:#6c757d;white-space:nowrap}.summary-product-id-badge{display:inline-block;padding:2px 6px;background:#e8e8e8;color:#1a1a1a;border-radius:3px;font-size:10px;font-weight:700;border:1px solid #ddd}.summary-type-badge{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;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:2px 7px;border-radius:3px;font-size:10px;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:4px;color:#1a1a1a;font-size:11px;font-weight:600}.summary-action-btn-eye{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#555}.summary-action-btn-eye:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-1px);box-shadow:0 2px 6px #6366f133}.summary-pagination{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;padding:8px 14px;background:#f9f9f9;border-top:1px solid #e8e8e8}.summary-page-btn{padding:4px 9px;background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#1a1a1a;font-weight:600;font-size:10px;display:flex;align-items:center;gap:3px}.summary-page-btn:hover:not(:disabled){background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-1px)}.summary-page-btn:disabled{opacity:.4;cursor:not-allowed}.summary-page-info{font-size:10px;color:#555;font-weight:600}.summary-export{display:flex;gap:6px;flex-wrap:wrap;padding:8px 14px;background:#f9f9f9;border-top:1px solid #e8e8e8}.summary-export-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:5px 10px;border:1px solid #ddd;border-radius:4px;background:#fff;font-size:10px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;height:26px;box-sizing:border-box}.summary-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.summary-export-btn:disabled{opacity:.5;cursor:not-allowed}.summary-export-btn.excel{border-color:#28a745;color:#28a745}.summary-export-btn.excel:hover:not(:disabled){background:#28a745;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-search-wrapper{position:relative;width:100%}.summary-searching-indicator{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.summary-search-spinner{width:14px;height:14px;border:2px solid #ddd;border-top-color:#6366f1;border-radius:50%;animation:summary-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 5px 5px;max-height:260px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.summary-suggestion-item{padding:7px 10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .15s ease}.summary-suggestion-item:hover{background:#f0f0ff}.summary-suggestion-item:last-child{border-bottom:none}.summary-suggestion-content{display:flex;align-items:flex-start;gap:7px}.summary-suggestion-icon{color:#6366f1;flex-shrink:0;margin-top:1px}.summary-suggestion-details{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.summary-suggestion-details strong{font-size:11px;color:#1a1a1a;font-weight:700}.summary-suggestion-details span{font-size:10px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-suggestion-barcode{font-family:Courier New,monospace;font-size:10px;color:#888}.summary-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}.summary-no-data img{width:80px;height:auto;opacity:.6;margin-bottom:8px}.summary-no-data p{font-size:11px;color:#666;margin:0}.summary-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center}.summary-spinner{width:28px;height:28px;border:3px solid #e8e8e8;border-top-color:#6366f1;border-radius:50%;animation:summary-spin .8s linear infinite;margin-bottom:10px}.summary-loading p{font-size:11px;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:680px;width:100%;max-height:88vh;overflow-y:auto;animation:summary-modal-in .25s ease}@keyframes summary-modal-in{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}.summary-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #e8e8e8;background:#f9f9f9;position:sticky;top:0;z-index:10}.summary-modal-header h2{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.summary-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#666}.summary-modal-close:hover{background:#e0e7ff;color:#6366f1;border-color:#c7d2fe;transform:rotate(90deg)}.summary-modal-body{padding:14px}.summary-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.summary-modal-section{background:#f9f9f9;padding:12px 14px;border-radius:5px;border:1px solid #e8e8e8}.summary-modal-section h4{font-size:10px;font-weight:700;color:#6366f1;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #e0e7ff;text-transform:uppercase;letter-spacing:.4px}.summary-modal-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:4px 0;border-bottom:1px solid #f0f0f0}.summary-modal-item:last-child{border-bottom:none}.summary-modal-label{font-size:10px;font-weight:600;color:#777;text-transform:uppercase;letter-spacing:.3px;min-width:90px;flex-shrink:0}.summary-modal-value{font-size:11px;font-weight:600;color:#1a1a1a;text-align:right;flex:1;word-break:break-word}.summary-modal-loading{padding:40px;text-align:center;font-size:13px;font-weight:600;color:#666}.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:480px}.no-access-image{width:160px;height:auto;margin-bottom:16px}.no-access-panel h3{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 10px}.no-access-panel p{font-size:12px;color:#666;text-align:center;line-height:1.6;margin:0}.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:1px solid #c7d2fe!important;border-radius:6px!important;box-shadow:0 4px 12px #6366f11f!important;font-family:Inter,-apple-system,sans-serif!important;font-size:12px!important}.summary-date-picker-popper .react-datepicker__header{background:#6366f1!important;border-bottom:1px solid #4f46e5!important;padding:10px!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:12px!important;margin-bottom:8px!important}.summary-date-picker-popper .react-datepicker__day-name{color:#c7d2fe!important;font-weight:600!important;width:26px!important;text-align:center!important;font-size:10px!important}.summary-date-picker-popper .react-datepicker__day{width:26px!important;height:26px!important;line-height:26px!important;text-align:center!important;color:#1a1a1a!important;font-weight:500!important;border-radius:3px!important;cursor:pointer!important;transition:all .15s ease!important;font-size:11px!important}.summary-date-picker-popper .react-datepicker__day:hover{background:#e0e7ff!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 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;font-size:11px!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}.summary-date-picker-popper .react-datepicker__close-icon:after{background:#6366f1!important;font-size:14px!important;font-weight:700!important}.summary-date-picker-popper .react-datepicker__navigation-icon:before{border-color:#fff!important;border-width:2px 2px 0 0!important;width:7px!important;height:7px!important}@media(max-width:1200px){.summary-tables-grid{grid-template-columns:1fr}}@media(max-width:768px){.panel-container{padding:8px}.summary-filters-grid{grid-template-columns:1fr 1fr}.summary-table-header{flex-direction:column;align-items:flex-start}.summary-table-title{width:100%}.summary-table-filter{width:100%;min-width:auto;max-width:none}.summary-table{font-size:10px}.summary-table thead th,.summary-table tbody td{padding:6px 8px}.summary-export{flex-wrap:wrap}.summary-export-btn{flex:1;min-width:60px}.summary-modal-grid{grid-template-columns:1fr}.summary-date-picker-popper .react-datepicker{width:100%!important}.summary-filter-actions-inline{justify-content:flex-start}}@media(max-width:480px){.panel-container{padding:6px}.summary-filters{padding:8px 10px}.summary-filters-grid{grid-template-columns:1fr}.summary-filter-input,.summary-filter-select{font-size:11px;height:28px}.summary-tables-grid{grid-template-columns:1fr}.summary-table-wrapper{max-height:360px}.summary-table{font-size:10px}.summary-table thead th,.summary-table tbody td{padding:5px 7px}.summary-pagination{gap:5px;padding:6px 10px}.summary-page-btn{padding:3px 7px;font-size:10px}.summary-modal-overlay{padding:8px}.summary-modal-header h2{font-size:12px}.summary-modal-body{padding:10px}.summary-modal-grid{grid-template-columns:1fr;gap:10px}.summary-modal-section{padding:10px}.summary-export-btn{font-size:9px;padding:4px 8px}.summary-date-picker-popper .react-datepicker{font-size:11px!important}.summary-date-picker-popper .react-datepicker__day{width:24px!important;height:24px!important;line-height:24px!important;font-size:10px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.summary-filters,.summary-table-card{animation:fadeInUp .3s ease-out}@media print{.summary-filters,.summary-export,.summary-pagination,.summary-action-btn-eye,.summary-refresh-icon-btn,.summary-btn-secondary{display:none!important}.summary-table{font-size:9px}.summary-table thead{background:#2d3748!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.panel-container{background:#fff!important;padding:0!important}.summary-tables-grid{grid-template-columns:1fr!important}}.gm-container{display:flex;flex-direction:column;height:120vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.gm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.gm-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.gm-header-icon{font-size:20px}.gm-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.gm-mobile-menu-toggle:active{background:#fff3}.gm-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fadeIn .2s ease-out}.gm-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}.gm-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.gm-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.gm-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.gm-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.gm-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.gm-mobile-menu-item:active{background:#f3f4f6}.gm-mobile-menu-item.active{background:#f3f0ff;color:#6366f1;border-left-color:#6366f1}.gm-mobile-menu-item.open{background:#fafafa}.gm-mobile-menu-icon{font-size:16px;min-width:20px}.gm-mobile-menu-label{flex:1}.gm-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.gm-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.gm-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.gm-mobile-close-all:active{background:#fecaca}.gm-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.gm-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.gm-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.gm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.gm-btn-with-label:active{transform:scale(.98)}.gm-btn-with-label.active{border-color:#6366f1;background:#f3f0ff;color:#6366f1}.gm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.gm-btn-icon{font-size:14px}.gm-btn-text{display:inline-block}.gm-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.gm-close-all-compact:hover{background:#fecaca;color:#dc2626}.gm-close-all-compact:active{transform:scale(.98)}.gm-button-bar::-webkit-scrollbar{height:4px}.gm-button-bar::-webkit-scrollbar-track{background:transparent}.gm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.gm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.gm-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.gm-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.gm-tabs-scroll::-webkit-scrollbar{height:4px}.gm-tabs-scroll::-webkit-scrollbar-track{background:transparent}.gm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.gm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.gm-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.gm-tab-label:hover{color:#374151;background:#f3f4f6}.gm-tab-label:active{transform:scale(.98)}.gm-tab-label.active{color:#6366f1;border-bottom-color:#6366f1;background:#f3f0ff}.gm-tab-label-icon{font-size:12px}.gm-tab-label-text{display:inline-block}.gm-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.gm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.gm-tab-label-close:active{transform:scale(.9)}.gm-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.gm-tab-content{animation:slideIn .2s ease-out}.gm-content::-webkit-scrollbar{width:8px}.gm-content::-webkit-scrollbar-track{background:transparent}.gm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.gm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.gm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.gm-empty-icon{font-size:64px;opacity:.3;animation:float 3s ease-in-out infinite}.gm-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.gm-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.gm-mobile-menu-content::-webkit-scrollbar{width:6px}.gm-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.gm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.gm-header-compact{height:52px;padding:0 12px}.gm-header-title{font-size:16px;gap:10px}.gm-header-icon{font-size:18px}.gm-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.gm-mobile-menu-overlay{display:block}.gm-mobile-menu{display:flex}.gm-button-bar{display:none}.gm-tab-labels{height:40px;padding:0 6px}.gm-tab-label{font-size:11px;padding:6px 10px}.gm-tab-label-text{display:none}.gm-tab-label-icon{font-size:14px}.gm-content{padding:16px}.gm-empty h2{font-size:18px}.gm-empty p{font-size:13px}}@media(max-width:480px){.gm-header-compact{height:48px;padding:0 10px}.gm-header-title{font-size:14px;gap:8px}.gm-header-icon{font-size:16px}.gm-mobile-menu-toggle{font-size:20px;padding:6px}.gm-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.gm-mobile-menu-header{padding:10px 12px}.gm-mobile-menu-header h3{font-size:14px}.gm-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.gm-mobile-menu-icon{font-size:14px}.gm-mobile-menu-footer{padding:10px 12px}.gm-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.gm-tab-labels{height:36px;padding:0 4px}.gm-tab-label{font-size:10px;padding:4px 8px}.gm-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.gm-content{padding:12px}.gm-empty-icon{font-size:48px}.gm-empty h2{font-size:16px}.gm-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.gm-header-title span{display:none}.gm-header-icon{font-size:18px}.gm-mobile-menu-item{padding:10px 12px;font-size:12px}.gm-tab-label{font-size:9px;padding:3px 6px}.gm-content{padding:10px}.gm-empty-icon{font-size:40px}.gm-empty h2{font-size:14px}.gm-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.gm-header-compact{height:44px}.gm-header-title{font-size:14px}.gm-tab-labels{height:32px}.gm-tab-label{font-size:10px;padding:4px 8px}.gm-content{padding:12px}.gm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.gm-container{background:#1f2937}.gm-button-bar,.gm-mobile-menu,.gm-tab-labels,.gm-content{background:#111827;border-bottom-color:#374151}.gm-header-compact{border-bottom-color:#374151}.gm-btn-with-label,.gm-tab-label{color:#d1d5db}.gm-btn-with-label:hover,.gm-tab-label:hover{background:#1f2937}.gm-mobile-menu-item{color:#d1d5db}.gm-mobile-menu-item:active{background:#1f2937}.gm-mobile-menu-header,.gm-mobile-menu-footer{background:#1f2937;border-color:#374151}.gm-mobile-menu-header h3,.gm-empty h2{color:#f3f4f6}.gm-empty p,.gm-empty-icon{color:#9ca3af}}@media print{.gm-header-compact,.gm-button-bar,.gm-mobile-menu,.gm-tab-labels,.gm-mobile-menu-toggle,.gm-close-all-compact{display:none}.gm-container{height:auto}.gm-content{padding:0}}@media(prefers-reduced-motion:reduce){.gm-btn-with-label,.gm-tab-label,.gm-mobile-menu-item,.gm-tab-content,.gm-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.gm-btn-with-label.active,.gm-tab-label.active,.gm-mobile-menu-item.active{border-width:2px;font-weight:700}.gm-header-compact{border-bottom-width:2px}}.transfer-container{padding:8px;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:10px;padding:12px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;border-left:3px solid #3b82f6}.transfer-header-content{flex:1}.transfer-title{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:8px}.transfer-title svg{color:#3b82f6;width:20px;height:20px}.transfer-subtitle{font-size:11px;color:#666;margin:4px 0 0}.transfer-subtitle strong{color:#1a1a1a;font-weight:700}.transfer-batch-card{background:#fff;border-radius:6px;padding:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:10px;border-left:3px solid #3b82f6}.transfer-batch-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #e8e8e8}.transfer-batch-header h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0}.transfer-batch-header svg{color:#3b82f6;width:16px;height:16px}.transfer-filters-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.transfer-filter-group{display:flex;flex-direction:column;gap:4px}.transfer-filter-label{font-size:10px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:4px}.transfer-filter-label svg{width:12px;height:12px}.transfer-filter-input,.transfer-filter-select{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:11px;color:#1a1a1a;background:#fff;transition:all .2s ease;font-weight:500}.transfer-filter-input:focus,.transfer-filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #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 6px center;background-size:14px;padding-right:24px}.transfer-btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:#3b82f6;color:#fff;border:none;border-radius:4px;font-size:11px;font-weight:700;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px;width:100%}.transfer-btn-primary svg{width:14px;height:14px}.transfer-btn-primary:hover:not(:disabled){background:#2563eb}.transfer-btn-primary:disabled{opacity:.5;cursor:not-allowed}.transfer-btn-spinner{width:12px;height:12px;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(260px,1fr));gap:10px;margin-bottom:12px}.transfer-batch-item{background:#f9f9f9;border:1px solid #e8e8e8;border-radius:6px;overflow:hidden;transition:all .2s ease}.transfer-batch-item:hover{box-shadow:0 2px 6px #00000014;border-color:#3b82f6}.transfer-batch-item-header{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#fff;border-bottom:1px solid #e8e8e8}.transfer-batch-item-number{font-size:10px;font-weight:700;color:#3b82f6;background:#dbeafe;padding:3px 6px;border-radius:3px}.transfer-batch-remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #e8e8e8;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#dc2626}.transfer-batch-remove-btn svg{width:14px;height:14px}.transfer-batch-remove-btn:hover{background:#fee2e2;border-color:#dc2626}.transfer-batch-item-body{padding:8px;display:flex;flex-direction:column;gap:8px}.transfer-batch-item-info{display:flex;flex-direction:column;gap:6px}.transfer-batch-item-name{font-size:12px;font-weight:700;color:#1a1a1a;line-height:1.2}.transfer-batch-item-meta{display:flex;flex-direction:column;gap:3px;font-size:10px;color:#666}.transfer-batch-item-meta span{display:flex;align-items:center;gap:4px}.transfer-batch-item-meta svg{width:12px;height:12px}.transfer-batch-item-stock{font-size:10px;color:#666;padding:6px;background:#fff;border-radius:3px;border:1px solid #e8e8e8;line-height:1.3}.transfer-batch-item-stock strong{color:#22c55e;font-weight:700}.transfer-batch-item-quantity{display:flex;flex-direction:column;gap:4px}.transfer-batch-item-quantity label{font-size:10px;font-weight:700;color:#333;text-transform:uppercase;letter-spacing:.2px}.transfer-batch-quantity-input{padding:6px 8px;border:1px solid #ddd;border-radius:4px;font-size:11px;font-weight:700;color:#1a1a1a;background:#fff;transition:all .2s ease}.transfer-batch-quantity-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.transfer-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;text-align:center;color:#999}.transfer-no-data svg{margin-bottom:10px;opacity:.5;width:60px;height:60px}.transfer-no-data h3{font-size:14px;font-weight:700;color:#1a1a1a;margin:0 0 6px}.transfer-no-data p{font-size:11px;color:#666;margin:0}.transfer-search-wrapper{position:relative;width:100%}.transfer-searching-indicator{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.transfer-search-spinner{width:14px;height:14px;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 4px 4px;max-height:250px;overflow-y:auto;z-index:100;box-shadow:0 2px 6px #0000001a}.transfer-suggestion-item{padding:8px 10px;border-bottom:1px solid #f0f0f0;cursor:pointer;transition:all .15s 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:8px}.transfer-suggestion-icon{color:#666;flex-shrink:0;margin-top:1px;width:14px;height:14px}.transfer-suggestion-details{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.transfer-suggestion-details strong{font-size:11px;color:#1a1a1a;font-weight:700}.transfer-suggestion-details span{font-size:10px;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:30px 20px;text-align:center}.transfer-spinner{width:32px;height:32px;border:3px solid #e8e8e8;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.transfer-loading p{font-size:12px;color:#666;margin:0;font-weight:600}.no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;margin:30px auto;max-width:450px}.no-access-image{width:160px;height:auto;margin-bottom:14px}.no-access-panel h3{font-size:15px;font-weight:700;color:#dc2626;margin:0 0 8px}.no-access-panel p{font-size:12px;color:#666;text-align:center;line-height:1.5;margin:0}@media(max-width:1024px){.transfer-filters-row{grid-template-columns:repeat(2,1fr)}.transfer-batch-items-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.transfer-container{padding:6px}.transfer-header{flex-direction:column;align-items:flex-start;padding:10px}.transfer-title{font-size:16px}.transfer-filters-row{grid-template-columns:1fr}.transfer-batch-items-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.transfer-batch-card{padding:10px}.transfer-batch-header{margin-bottom:10px;padding-bottom:8px}.transfer-filters-row{gap:8px;margin-bottom:10px}}@media(max-width:480px){.transfer-title{font-size:14px}.transfer-filters-row{grid-template-columns:1fr;gap:6px}.transfer-batch-items-grid{grid-template-columns:1fr;gap:8px}.transfer-batch-item{border-radius:4px}.transfer-batch-item-header{padding:6px}.transfer-batch-item-body{padding:6px;gap:6px}.transfer-batch-item-name{font-size:11px}.transfer-batch-item-meta{font-size:9px;gap:2px}.transfer-batch-item-stock{font-size:9px;padding:4px}.transfer-batch-quantity-input{padding:4px 6px;font-size:10px}.transfer-btn-primary{padding:6px 10px;font-size:10px}}.transfer-text-center{text-align:center}.transfer-text-right{text-align:right}.transfer-text-left{text-align:left}.transfer-mt-1{margin-top:4px}.transfer-mt-2{margin-top:8px}.transfer-mb-1{margin-bottom:4px}.transfer-mb-2{margin-bottom:8px}.transfer-p-1{padding:4px}.transfer-p-2{padding:8px}@media print{.transfer-header,.transfer-batch-header,.transfer-batch-remove-btn,.transfer-btn-primary{display:none}.transfer-batch-item{page-break-inside:avoid}}.pd-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px}.pd-controls{display:flex;align-items:center;gap:10px;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.pd-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a;white-space:nowrap;flex-shrink:0}.pd-title span:first-child{font-size:18px}.pd-store-pill{background:#e8f0fe;color:#1d4ed8;font-size:10px;font-weight:700;padding:2px 8px;border-radius:20px;border:1px solid #bfdbfe}.pd-search-combo{display:flex;align-items:center;flex:1;min-width:280px;max-width:500px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.pd-search-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.pd-combo-select{height:30px;padding:0 8px 0 10px;border:none;border-right:1px solid #e0e0e0;background:#f5f7fa;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;flex-shrink:0;min-width:130px;letter-spacing:.2px;transition:background .15s}.pd-combo-select:focus{background:#e8f0fe}.pd-combo-select:hover{background:#eef1f6}.pd-combo-input-wrap{display:flex;align-items:center;gap:6px;flex:1;padding:0 10px;height:30px;min-width:0}.pd-combo-icon{color:#bfbfbf;flex-shrink:0}.pd-combo-input{flex:1;border:none;outline:none;background:transparent;font-size:12px;color:#262626;min-width:0;height:100%}.pd-combo-input::placeholder{color:#bfbfbf}.pd-combo-clear{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;border-radius:50%;background:#d9d9d9;color:#595959;cursor:pointer;flex-shrink:0;transition:all .15s;padding:0}.pd-combo-clear:hover{background:#ff4d4f;color:#fff}.pd-store-combo{display:flex;align-items:center;height:30px;border:1px solid #d9d9d9;border-radius:5px;overflow:hidden;background:#fff;flex-shrink:0;transition:border-color .2s,box-shadow .2s}.pd-store-combo:focus-within{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.pd-store-label{display:flex;align-items:center;justify-content:center;padding:0 8px;height:100%;background:#f5f7fa;border-right:1px solid #e0e0e0;font-size:14px;flex-shrink:0}.pd-store-select{height:100%;padding:0 8px;border:none;background:transparent;color:#1d2b3a;font-size:11px;font-weight:700;cursor:pointer;outline:none;min-width:130px}.pd-store-combo .pd-combo-clear{margin-right:6px}.pd-inline-select{height:30px;padding:0 8px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;color:#1d2b3a;font-size:11px;font-weight:600;cursor:pointer;outline:none;transition:border-color .2s;flex-shrink:0}.pd-inline-select:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.pd-actions{display:flex;gap:6px;align-items:center;flex-shrink:0;margin-left:auto}.pd-btn{display:inline-flex;align-items:center;gap:5px;padding:0 12px;height:30px;border-radius:5px;border:1px solid transparent;cursor:pointer;font-size:11px;font-weight:700;white-space:nowrap;transition:all .18s;letter-spacing:.3px;position:relative}.pd-btn:disabled{opacity:.45;cursor:not-allowed}.pd-btn-add{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.pd-btn-add:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.pd-btn-refresh{background:#fff;border-color:#d9d9d9;color:#595959}.pd-btn-refresh:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.pd-btn-filter{background:#fff;border-color:#d9d9d9;color:#595959}.pd-btn-filter:hover:not(:disabled){background:#f0f7ff;border-color:#4096ff;color:#1677ff}.pd-btn-filter.active{background:#e8f0fe;border-color:#4096ff;color:#1677ff}.pd-filter-badge{position:absolute;top:-7px;right:-7px;background:#ef4444;color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700}.pd-btn-barcode{background:#f0fdf4;border-color:#86efac;color:#15803d}.pd-btn-barcode:hover:not(:disabled){background:#15803d;border-color:#15803d;color:#fff}.pd-btn-excel{background:#f6ffed;border-color:#b7eb8f;color:#389e0d}.pd-btn-excel:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.pd-btn-csv{background:#e6f7ff;border-color:#91d5ff;color:#096dd9}.pd-btn-csv:hover:not(:disabled){background:#096dd9;border-color:#096dd9;color:#fff}.pd-btn-pdf{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.pd-btn-pdf:hover:not(:disabled){background:#cf1322;border-color:#cf1322;color:#fff}.pd-filter-strip{display:flex;align-items:center;flex-wrap:wrap;gap:6px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;padding:8px 12px;margin-bottom:10px;font-size:12px;color:#1e40af}.pd-filter-tag{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.pd-filter-clear-all{display:inline-flex;align-items:center;gap:4px;margin-left:auto;background:#fee2e2;border:1px solid #fca5a5;color:#dc2626;padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s}.pd-filter-clear-all:hover{background:#dc2626;color:#fff;border-color:#dc2626}.pd-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:hidden}.pd-table-scroll{overflow-x:auto;max-height:560px}.pd-table{width:100%;border-collapse:collapse;font-size:12px}.pd-table thead{position:sticky;top:0;z-index:10;background:#1d2b3a}.pd-table thead th{padding:10px;text-align:left;font-size:11px;font-weight:600;color:#e8e8e8;white-space:nowrap;border-bottom:2px solid #0d1b2a;letter-spacing:.2px}.pd-th-sub{font-weight:400;font-size:10px;color:#93c5fd}.pd-th-print{text-align:center}.pd-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .12s}.pd-table tbody tr:hover{background:#f0f7ff}.pd-table tbody tr.pd-row-selected{background:#eff6ff}.pd-table td{padding:10px;color:#434343;vertical-align:middle}.pd-td-num{color:#bfbfbf;font-size:11px;text-align:center;width:32px}.pd-td-mono{font-family:Courier New,monospace;font-size:11px;color:#595959}.pd-td-bold{font-weight:600;color:#1d1d1d}.pd-td-muted{color:#8c8c8c;font-size:11px}.pd-td-price{font-weight:600;color:#1d2b3a;font-size:12px}.pd-checkbox{width:14px;height:14px;cursor:pointer;accent-color:#1d2b3a}.pd-stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:44px;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700;background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.pd-stock-badge.zero{background:#fff1f0;color:#cf1322;border-color:#ffa39e}.pd-stock-badge.low{background:#fffbe6;color:#d48806;border-color:#ffe58f}.pd-status-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.3px;white-space:nowrap}.pd-status-badge.active{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.pd-status-badge.inactive{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.pd-print-input{width:52px;height:26px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1d2b3a;outline:none;transition:border-color .15s}.pd-print-input:focus{border-color:#4096ff}.pd-print-input::-webkit-outer-spin-button,.pd-print-input::-webkit-inner-spin-button{-webkit-appearance:none}.pd-action-group{display:flex;gap:4px;justify-content:center;align-items:center}.pd-action-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:all .15s}.pd-action-barcode{background:#f0fdf4;border-color:#86efac;color:#15803d}.pd-action-barcode:hover{background:#15803d;border-color:#15803d;color:#fff;transform:scale(1.08)}.pd-action-edit{background:#fffbe6;border-color:#ffe58f;color:#d48806}.pd-action-edit:hover{background:#d48806;border-color:#d48806;color:#fff;transform:scale(1.08)}.pd-action-delete{background:#fff1f0;border-color:#ffa39e;color:#cf1322}.pd-action-delete:hover{background:#cf1322;border-color:#cf1322;color:#fff;transform:scale(1.08)}.pd-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#fafafa;border-top:1px solid #e9ecef;gap:12px;flex-wrap:wrap;min-height:48px}.pd-export-group{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.pd-record-count{font-size:11px;color:#8c8c8c;font-weight:500;padding-left:4px;white-space:nowrap}.pd-pg-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pd-pg-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #d9d9d9;border-radius:4px;background:#fff;color:#595959;cursor:pointer;transition:all .15s}.pd-pg-arrow:hover:not(:disabled){border-color:#4096ff;color:#1677ff;background:#e6f4ff}.pd-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.pd-pg-label{font-size:12px;color:#595959;font-weight:500;white-space:nowrap}.pd-pg-input{width:46px;height:28px;padding:0 6px;border:1px solid #d9d9d9;border-radius:4px;font-size:12px;font-weight:600;color:#262626;text-align:center;background:#fff}.pd-pg-input::-webkit-outer-spin-button,.pd-pg-input::-webkit-inner-spin-button{-webkit-appearance:none}.pd-pg-input:focus{outline:none;border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.pd-pg-text{font-size:12px;color:#595959;font-weight:500;white-space:nowrap;background:#f0f0f0;padding:4px 10px;border-radius:20px}.pd-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012}.pd-state-center p{margin:0}.pd-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.pd-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:pd-spin .8s linear infinite}@keyframes pd-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pd-access-img{width:160px;height:auto;opacity:.85}.pd-nodata-img{width:110px;height:auto;opacity:.55}.pd-error-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff1f0;border:1px solid #ffa39e;border-left:4px solid #f5222d;color:#cf1322;padding:9px 14px;border-radius:6px;margin-bottom:10px;font-size:12px;font-weight:500}.pd-error-banner button{background:#f5222d;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:11px;font-weight:600}.pd-error-banner button:hover{background:#cf1322}.pd-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:pd-fade .18s ease}@keyframes pd-fade{0%{opacity:0}to{opacity:1}}.pd-modal-content{background:#fff;border-radius:10px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000040;border:1px solid #e2e8f0;animation:pd-slide-up .2s ease;outline:none}.pd-modal-content.large{max-width:900px}@keyframes pd-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pd-table-scroll::-webkit-scrollbar,.pd-modal-content::-webkit-scrollbar{width:5px;height:5px}.pd-table-scroll::-webkit-scrollbar-track,.pd-modal-content::-webkit-scrollbar-track{background:transparent}.pd-table-scroll::-webkit-scrollbar-thumb,.pd-modal-content::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.pd-table-scroll::-webkit-scrollbar-thumb:hover,.pd-modal-content::-webkit-scrollbar-thumb:hover{background:#bfbfbf}@media(max-width:1100px){.pd-inline-select{display:none}}@media(max-width:900px){.pd-controls{flex-wrap:wrap}.pd-search-combo{min-width:100%;order:3;max-width:100%}.pd-actions{margin-left:0}.pd-store-combo{flex-shrink:1}}@media(max-width:768px){.pd-container{padding:10px}.pd-bottom-bar{flex-direction:column;align-items:flex-start;gap:8px}.pd-export-group{width:100%}.pd-export-group .pd-btn{flex:1;justify-content:center}.pd-pg-right{width:100%;justify-content:flex-end}.pd-table-scroll{max-height:420px}.pd-combo-select{min-width:110px}.pd-filter-strip{font-size:11px}}@media(max-width:480px){.pd-container{padding:8px}.pd-table{font-size:11px}.pd-table thead th,.pd-table td{padding:8px 6px}.pd-pg-text{font-size:10px;padding:3px 8px}.pd-pg-input{width:38px;height:26px}.pd-pg-arrow{width:26px;height:26px}.pd-combo-select{min-width:100px;font-size:10px}.pd-combo-input{font-size:11px}.pd-action-btn{width:26px;height:26px}.pd-modal-content{max-height:95vh}}@media print{.pd-controls,.pd-bottom-bar,.pd-filter-strip,.pd-modal-overlay{display:none}.pd-container{background:#fff;padding:0}.pd-table-scroll{max-height:none;overflow:visible}}.pd-action-btn.pd-action-view{color:#1677ff;border-color:#bae0ff;background:#e6f4ff}.pd-action-btn.pd-action-view:hover{background:#1677ff;border-color:#1677ff;color:#fff}.pd-action-btn.pd-action-doc{color:#7c3aed;border-color:#ddd6fe;background:#f5f3ff}.pd-action-btn.pd-action-doc:hover{background:#7c3aed;border-color:#7c3aed;color:#fff}.pd-col-picker-wrap{position:relative}.pd-btn-columns{background:#fff;border-color:#d9d9d9;color:#595959;gap:5px}.pd-btn-columns:hover{background:#f0f7ff;border-color:#4096ff;color:#1677ff}.pd-btn-columns.active{background:#e8f0fe;border-color:#4096ff;color:#1677ff}.pd-col-count{background:#1d2b3a;color:#fff;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700;margin-left:2px}.pd-col-picker-dropdown{position:absolute;top:calc(100% + 6px);right:0;z-index:999;background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 28px #00000024;min-width:220px;animation:pd-fade .15s ease;overflow:hidden}.pd-col-picker-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid #f0f0f0;font-size:12px;font-weight:700;color:#1d2b3a}.pd-col-picker-actions{display:flex;gap:6px}.pd-col-picker-actions button{background:#f0f2f5;border:1px solid #d9d9d9;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;color:#595959;cursor:pointer;transition:all .15s}.pd-col-picker-actions button:hover{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.pd-col-picker-list{padding:6px 0;max-height:340px;overflow-y:auto}.pd-col-picker-item{display:flex;align-items:center;gap:8px;padding:7px 14px;cursor:pointer;font-size:12px;color:#262626;transition:background .12s;-webkit-user-select:none;user-select:none}.pd-col-picker-item:hover:not(.locked){background:#f0f7ff}.pd-col-picker-item.locked{color:#8c8c8c;cursor:default}.pd-col-picker-item input[type=checkbox]{width:14px;height:14px;accent-color:#1d2b3a;flex-shrink:0;cursor:pointer}.pd-col-picker-item.locked input[type=checkbox]{cursor:not-allowed;opacity:.5}.pd-col-lock{font-size:10px;margin-left:auto;opacity:.5}.pd-col-new-badge{margin-left:auto;background:#dcfce7;color:#15803d;border:1px solid #86efac;border-radius:10px;padding:1px 6px;font-size:9px;font-weight:700;letter-spacing:.3px}.pd-warranty-badge{display:inline-flex;align-items:center;gap:3px;background:#f0fdf4;color:#15803d;border:1px solid #86efac;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:600;white-space:nowrap}.pd-batch-main{background:#eff6ff;color:#1d4ed8;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:500;display:inline-block}.pd-batch-sub{background:#f0fdf4;color:#15803d;padding:2px 7px;border-radius:10px;font-size:11px;font-weight:500;display:inline-block}.pd-container .pd-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb;min-height:52px}.pd-container .pd-title{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:700;color:#1f2937;white-space:nowrap;margin-right:8px}.gp-date-group{display:flex;flex-direction:column;gap:2px}.gp-date-label{font-size:10px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.gp-date-group .react-datepicker-wrapper{width:auto}.gp-date-group .react-datepicker-wrapper input,.gp-date-group .react-datepicker__input-container input{height:32px;padding:0 10px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;color:#374151;background:#f9fafb;outline:none;width:120px;cursor:pointer;transition:border-color .15s;font-family:inherit}.gp-date-group .react-datepicker__input-container input:focus{border-color:#6366f1;background:#fff}.gp-date-group .react-datepicker__input-container input::placeholder{color:#9ca3af;font-size:11px}.gp-date-group .react-datepicker__close-icon:after{background-color:#6b7280;font-size:11px;width:14px;height:14px;line-height:14px}.react-datepicker-popper{z-index:9999!important}.react-datepicker{font-family:inherit;font-size:12px;border:1px solid #e5e7eb;box-shadow:0 8px 24px #0000001f;border-radius:10px;overflow:hidden}.react-datepicker__header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding-top:10px}.react-datepicker__current-month,.react-datepicker__day-name{color:#374151;font-weight:600}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#6366f1!important;border-radius:6px!important}.react-datepicker__day:hover{background-color:#e0e7ff;border-radius:6px}.react-datepicker__navigation-icon:before{border-color:#6b7280}.pd-container .pd-inline-select{height:32px;padding:0 28px 0 10px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;color:#374151;background:#f9fafb url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%236b7280'/%3E%3C/svg%3E") no-repeat right 8px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;outline:none;min-width:130px;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd-container .pd-inline-select:focus{border-color:#6366f1;background-color:#fff}.pd-container .pd-combo-input-wrap{position:relative;display:flex;align-items:center;min-width:140px;max-width:180px}.pd-container .pd-combo-icon{position:absolute;left:9px;color:#9ca3af;pointer-events:none}.pd-container .pd-combo-input{height:32px;width:100%;padding:0 28px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;color:#374151;background:#f9fafb;outline:none;transition:border-color .15s}.pd-container .pd-combo-input:focus{border-color:#6366f1;background-color:#fff}.pd-container .pd-combo-input::placeholder{color:#9ca3af;font-size:11px}.pd-container .pd-combo-clear{position:absolute;right:6px;background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center}.pd-container .pd-combo-clear:hover{color:#ef4444}.pd-container .pd-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.pd-container .pd-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 12px;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,opacity .15s}.pd-container .pd-btn:disabled{opacity:.5;cursor:not-allowed}.pd-container .pd-btn-refresh{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.pd-container .pd-btn-refresh:hover:not(:disabled){background:#e5e7eb}.pd-container .pd-btn-add{background:#059669;color:#fff}.pd-container .pd-btn-add:hover:not(:disabled){background:#047857}.pd-container .pd-btn-filter{background:#f3f4f6;color:#374151;border:1.5px solid #e5e7eb}.pd-container .pd-btn-filter:hover:not(:disabled){background:#fee2e2;color:#dc2626;border-color:#fca5a5}.pd-container .pd-btn-excel{background:#16a34a;color:#fff}.pd-container .pd-btn-csv{background:#0284c7;color:#fff}.pd-container .pd-btn-pdf{background:#dc2626;color:#fff}.pd-container .pd-btn-excel:hover:not(:disabled){background:#15803d}.pd-container .pd-btn-csv:hover:not(:disabled){background:#0369a1}.pd-container .pd-btn-pdf:hover:not(:disabled){background:#b91c1c}.pd-container .pd-filter-strip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 14px;background:#fffbeb;border-bottom:1px solid #fde68a;font-size:12px;color:#92400e}.pd-container .pd-filter-tag{background:#fef3c7;color:#92400e;border:1px solid #fde68a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.pd-container .pd-filter-clear-all{display:inline-flex;align-items:center;gap:3px;background:#fee2e2;color:#dc2626;border:1px solid #fca5a5;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600;cursor:pointer;margin-left:auto}.pd-container .pd-filter-clear-all:hover{background:#dc2626;color:#fff}.pd-container .pd-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;margin:12px 0 0;display:flex;flex-direction:column}.pd-container .pd-table-scroll{overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 320px);min-height:200px}.pd-container .pd-table{width:100%;border-collapse:collapse;font-size:12px;min-width:1100px}.pd-container .pd-table thead{position:sticky;top:0;z-index:10}.pd-container .pd-table thead tr{background:#1d2b3a;color:#fff}.pd-container .pd-table th{padding:10px 12px;text-align:left;font-size:11px;font-weight:600;white-space:nowrap;letter-spacing:.03em}.pd-container .pd-table td{padding:9px 12px;border-bottom:1px solid #f3f4f6;vertical-align:middle}.pd-container .pd-table tbody tr:hover{background:#f8fafc}.pd-container .pd-table tbody tr.pd-row-selected{background:#e0f2fe;border-left:3px solid #0284c7}.pd-container .pd-bottom-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 14px;border-top:1px solid #e5e7eb;background:#f9fafb}.pd-container .pd-export-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pd-container .pd-record-count{font-size:12px;color:#6b7280;font-weight:500;margin-left:4px}.pd-container .pd-pg-right{display:flex;align-items:center;gap:6px}.pd-container .pd-pg-arrow{width:28px;height:28px;border:1.5px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#374151;transition:all .15s}.pd-container .pd-pg-arrow:hover:not(:disabled){background:#6366f1;color:#fff;border-color:#6366f1}.pd-container .pd-pg-arrow:disabled{opacity:.35;cursor:not-allowed}.pd-container .pd-pg-label{font-size:12px;color:#6b7280}.pd-container .pd-pg-input{width:44px;height:28px;text-align:center;border:1.5px solid #e5e7eb;border-radius:6px;font-size:12px;outline:none}.pd-container .pd-pg-input:focus{border-color:#6366f1}.pd-container .pd-pg-text{font-size:12px;color:#6b7280;white-space:nowrap}.pd-container .pd-td-mono{font-family:monospace;font-size:12px;color:#374151}.pd-container .pd-td-bold{font-weight:600;color:#111827}.pd-container .pd-td-muted{color:#9ca3af;font-size:12px}.pd-container .pd-td-num{color:#6b7280;font-size:12px;text-align:center}.pd-container .pd-stock-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:700}.pd-container .pd-stock-badge.ok{background:#dcfce7;color:#15803d}.pd-container .pd-stock-badge.low{background:#fef3c7;color:#92400e}.pd-container .pd-stock-badge.zero{background:#fee2e2;color:#dc2626}.pd-container .pd-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#6366f1}.pd-container .pd-action-group{display:flex;align-items:center;gap:4px}.pd-container .pd-action-btn{width:26px;height:26px;border:none;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.pd-container .pd-action-view{background:#eff6ff;color:#2563eb}.pd-container .pd-action-edit{background:#f0fdf4;color:#15803d}.pd-container .pd-action-delete{background:#fef2f2;color:#dc2626}.pd-container .pd-action-doc{background:#faf5ff;color:#7c3aed}.pd-container .pd-action-view:hover{background:#2563eb;color:#fff}.pd-container .pd-action-edit:hover{background:#15803d;color:#fff}.pd-container .pd-action-delete:hover{background:#dc2626;color:#fff}.pd-container .pd-action-doc:hover{background:#7c3aed;color:#fff}.pd-container .pd-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#6b7280;font-size:14px}.pd-container .pd-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:50%;animation:pd-spin .8s linear infinite}@keyframes pd-spin{to{transform:rotate(360deg)}}.pd-container .pd-nodata-img{width:120px;opacity:.6}.pd-container .pd-access-img{width:140px}.pd-container .pd-store-pill{background:#eff6ff;color:#1d4ed8;border:1px solid #bfdbfe;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.pd-container .pd-error-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;color:#dc2626;font-size:13px;margin:12px 0}.pd-container .pd-error-banner button{background:#dc2626;color:#fff;border:none;border-radius:6px;padding:6px 14px;cursor:pointer;font-size:12px;font-weight:600}.pd-container .pd-th-sub{font-size:10px;font-weight:400;opacity:.75}.pd-container .pd-print-input{width:52px;height:26px;text-align:center;border:1.5px solid #d1d5db;border-radius:6px;font-size:12px;outline:none}.pd-container .pd-print-input:focus{border-color:#6366f1}@media(max-width:768px){.pd-container .pd-controls{flex-direction:column;align-items:stretch}.pd-container .pd-actions{margin-left:0;flex-wrap:wrap}.pd-container .pd-bottom-bar{flex-direction:column;align-items:flex-start}}.sm-container{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.sm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#f59e0b,#d97706);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.sm-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.sm-header-icon{font-size:20px}.sm-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.sm-mobile-menu-toggle:active{background:#fff3}.sm-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fadeIn .2s ease-out}.sm-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:slideDown .3s ease-out}.sm-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.sm-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.sm-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.sm-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.sm-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.sm-mobile-menu-item:active{background:#f3f4f6}.sm-mobile-menu-item.active{background:#fffbeb;color:#f59e0b;border-left-color:#f59e0b}.sm-mobile-menu-item.open{background:#fafafa}.sm-mobile-menu-icon{font-size:16px;min-width:20px}.sm-mobile-menu-label{flex:1}.sm-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.sm-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.sm-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.sm-mobile-close-all:active{background:#fecaca}.sm-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.sm-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.sm-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.sm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.sm-btn-with-label:active{transform:scale(.98)}.sm-btn-with-label.active{border-color:#f59e0b;background:#fffbeb;color:#f59e0b}.sm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.sm-btn-icon{font-size:14px}.sm-btn-text{display:inline-block}.sm-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.sm-close-all-compact:hover{background:#fecaca;color:#dc2626}.sm-close-all-compact:active{transform:scale(.98)}.sm-button-bar::-webkit-scrollbar{height:4px}.sm-button-bar::-webkit-scrollbar-track{background:transparent}.sm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sm-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.sm-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.sm-tabs-scroll::-webkit-scrollbar{height:4px}.sm-tabs-scroll::-webkit-scrollbar-track{background:transparent}.sm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.sm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sm-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.sm-tab-label:hover{color:#374151;background:#f3f4f6}.sm-tab-label:active{transform:scale(.98)}.sm-tab-label.active{color:#f59e0b;border-bottom-color:#f59e0b;background:#fffbeb}.sm-tab-label-icon{font-size:12px}.sm-tab-label-text{display:inline-block}.sm-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.sm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.sm-tab-label-close:active{transform:scale(.9)}.sm-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.sm-tab-content{animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.sm-content::-webkit-scrollbar{width:8px}.sm-content::-webkit-scrollbar-track{background:transparent}.sm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.sm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.sm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.sm-empty-icon{font-size:64px;opacity:.3;animation:float 3s ease-in-out infinite}.sm-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.sm-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.sm-mobile-menu-content::-webkit-scrollbar{width:6px}.sm-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.sm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.sm-header-compact{height:52px;padding:0 12px}.sm-header-title{font-size:16px;gap:10px}.sm-header-icon{font-size:18px}.sm-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.sm-mobile-menu-overlay{display:block}.sm-mobile-menu{display:flex}.sm-button-bar{display:none}.sm-tab-labels{height:40px;padding:0 6px}.sm-tab-label{font-size:11px;padding:6px 10px}.sm-tab-label-text{display:none}.sm-tab-label-icon{font-size:14px}.sm-content{padding:16px}.sm-empty h2{font-size:18px}.sm-empty p{font-size:13px}}@media(max-width:480px){.sm-header-compact{height:48px;padding:0 10px}.sm-header-title{font-size:14px;gap:8px}.sm-header-icon{font-size:16px}.sm-mobile-menu-toggle{font-size:20px;padding:6px}.sm-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.sm-mobile-menu-header{padding:10px 12px}.sm-mobile-menu-header h3{font-size:14px}.sm-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.sm-mobile-menu-icon{font-size:14px}.sm-mobile-menu-footer{padding:10px 12px}.sm-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.sm-tab-labels{height:36px;padding:0 4px}.sm-tab-label{font-size:10px;padding:4px 8px}.sm-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.sm-content{padding:12px}.sm-empty-icon{font-size:48px}.sm-empty h2{font-size:16px}.sm-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.sm-header-title span{display:none}.sm-header-icon{font-size:18px}.sm-mobile-menu-item{padding:10px 12px;font-size:12px}.sm-tab-label{font-size:9px;padding:3px 6px}.sm-content{padding:10px}.sm-empty-icon{font-size:40px}.sm-empty h2{font-size:14px}.sm-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.sm-header-compact{height:44px}.sm-header-title{font-size:14px}.sm-tab-labels{height:32px}.sm-tab-label{font-size:10px;padding:4px 8px}.sm-content{padding:12px}.sm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.sm-container{background:#1f2937}.sm-button-bar,.sm-mobile-menu,.sm-tab-labels,.sm-content{background:#111827;border-bottom-color:#374151}.sm-header-compact{border-bottom-color:#374151}.sm-btn-with-label,.sm-tab-label{color:#d1d5db}.sm-btn-with-label:hover,.sm-tab-label:hover{background:#1f2937}.sm-mobile-menu-item{color:#d1d5db}.sm-mobile-menu-item:active{background:#1f2937}.sm-mobile-menu-header,.sm-mobile-menu-footer{background:#1f2937;border-color:#374151}.sm-mobile-menu-header h3,.sm-empty h2{color:#f3f4f6}.sm-empty p,.sm-empty-icon{color:#9ca3af}}@media print{.sm-header-compact,.sm-button-bar,.sm-mobile-menu,.sm-tab-labels,.sm-mobile-menu-toggle,.sm-close-all-compact{display:none}.sm-container{height:auto}.sm-content{padding:0}}@media(prefers-reduced-motion:reduce){.sm-btn-with-label,.sm-tab-label,.sm-mobile-menu-item,.sm-tab-content,.sm-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.sm-btn-with-label.active,.sm-tab-label.active,.sm-mobile-menu-item.active{border-width:2px;font-weight:700}.sm-header-compact{border-bottom-width:2px}}.bpu-all-sub{color:#d48806!important;font-weight:700}.bpu-edit-panel{background:#fafafa;border:1.5px solid #e5e7eb;border-radius:10px;padding:16px 18px;margin-bottom:10px}.bpu-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.bpu-panel-title{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:700;color:#1d2b3a}.bpu-scope-badge{padding:2px 10px;border-radius:20px;font-size:11px;font-weight:600;background:#e6f4ff;color:#1d6fa4;border:1px solid #91d5ff}.bpu-scope-all{background:#fff7e6;color:#d48806;border-color:#ffd591}.bpu-input-row{display:flex;gap:6px;align-items:center}.bpu-input-row .ci-form-input{flex:1}.bpu-calc-btn{flex-shrink:0;background:#059669!important;white-space:nowrap;font-size:11px!important;padding:0 10px!important;height:32px}.bpu-calc-btn:hover{background:#047857!important}.bpu-preview{background:#f0f5ff;border:1px solid #adc6ff;border-radius:8px;padding:12px 14px;margin-bottom:12px}.bpu-preview-title{font-size:12px;font-weight:700;color:#1d2b3a;margin-bottom:10px}.bpu-preview-grid{display:flex;flex-wrap:wrap;gap:8px}.bpu-preview-item{display:flex;flex-direction:column;gap:2px;padding:8px 14px;border-radius:7px;min-width:120px;border:1px solid}.bpu-preview-blue{background:#e6f4ff;border-color:#91d5ff}.bpu-preview-amber{background:#fff7e6;border-color:#ffd591}.bpu-preview-label{font-size:10px;color:#6b7280;font-weight:600}.bpu-preview-value{font-size:13px;font-weight:700;color:#1d2b3a}.bpu-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.bpu-info-box{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:#595959;background:#fffbe6;border:1px solid #ffe58f;border-radius:7px;padding:8px 12px;flex:1;min-width:200px}.bpu-submit-btn{background:#2563eb!important;flex-shrink:0;white-space:nowrap}.bpu-submit-btn:hover:not(:disabled){background:#1d4ed8!important}.bpu-submit-btn:disabled{opacity:.5;cursor:not-allowed}.bpu-pct-badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:700;border:1px solid}.bpu-pct-pos{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.bpu-pct-neg{background:#fff1f0;color:#cf1322;border-color:#ffa39e}.bpu-pct-disc{background:#fff7e6;color:#d48806;border-color:#ffd591}.spm-container{display:flex;flex-direction:column;height:100vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.spm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.spm-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.spm-header-icon{font-size:20px;color:#fff}.spm-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.spm-mobile-menu-toggle:active{background:#fff3}.spm-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:spmFadeIn .2s ease-out}.spm-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:spmSlideDown .3s ease-out}.spm-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.spm-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.spm-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.spm-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.spm-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.spm-mobile-menu-item:active{background:#f3f4f6}.spm-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.spm-mobile-menu-item.open{background:#fafafa}.spm-mobile-menu-icon{font-size:16px;min-width:20px}.spm-mobile-menu-label{flex:1}.spm-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.spm-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.spm-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.spm-mobile-close-all:active{background:#fecaca}.spm-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.spm-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.spm-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.spm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.spm-btn-with-label:active{transform:scale(.98)}.spm-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.spm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.spm-btn-icon{font-size:14px}.spm-btn-text{display:inline-block}.spm-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.spm-close-all-compact:hover{background:#fecaca;color:#dc2626}.spm-close-all-compact:active{transform:scale(.98)}.spm-button-bar::-webkit-scrollbar{height:4px}.spm-button-bar::-webkit-scrollbar-track{background:transparent}.spm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.spm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.spm-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.spm-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.spm-tabs-scroll::-webkit-scrollbar{height:4px}.spm-tabs-scroll::-webkit-scrollbar-track{background:transparent}.spm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.spm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.spm-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.spm-tab-label:hover{color:#374151;background:#f3f4f6}.spm-tab-label:active{transform:scale(.98)}.spm-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.spm-tab-label-icon{font-size:12px}.spm-tab-label-text{display:inline-block}.spm-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.spm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.spm-tab-label-close:active{transform:scale(.9)}.spm-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.spm-tab-content{animation:spmSlideIn .2s ease-out}@keyframes spmSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes spmSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes spmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.spm-content::-webkit-scrollbar{width:8px}.spm-content::-webkit-scrollbar-track{background:transparent}.spm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.spm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.spm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.spm-empty-icon{font-size:64px;opacity:.3;animation:spmFloat 3s ease-in-out infinite}.spm-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.spm-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.spm-mobile-menu-content::-webkit-scrollbar{width:6px}.spm-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.spm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.spm-header-compact{height:52px;padding:0 12px}.spm-header-title{font-size:16px;gap:10px}.spm-header-icon{font-size:18px}.spm-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.spm-mobile-menu-overlay{display:block}.spm-mobile-menu{display:flex}.spm-button-bar{display:none}.spm-tab-labels{height:40px;padding:0 6px}.spm-tab-label{font-size:11px;padding:6px 10px}.spm-tab-label-text{display:none}.spm-tab-label-icon{font-size:14px}.spm-content{padding:16px}.spm-empty h2{font-size:18px}.spm-empty p{font-size:13px}}@media(max-width:480px){.spm-header-compact{height:48px;padding:0 10px}.spm-header-title{font-size:14px;gap:8px}.spm-header-icon{font-size:16px}.spm-mobile-menu-toggle{font-size:20px;padding:6px}.spm-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.spm-mobile-menu-header{padding:10px 12px}.spm-mobile-menu-header h3{font-size:14px}.spm-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.spm-mobile-menu-icon{font-size:14px}.spm-mobile-menu-footer{padding:10px 12px}.spm-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.spm-tab-labels{height:36px;padding:0 4px}.spm-tab-label{font-size:10px;padding:4px 8px}.spm-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.spm-content{padding:12px}.spm-empty-icon{font-size:48px}.spm-empty h2{font-size:16px}.spm-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.spm-header-title span{display:none}.spm-header-icon{font-size:18px}.spm-mobile-menu-item{padding:10px 12px;font-size:12px}.spm-tab-label{font-size:9px;padding:3px 6px}.spm-content{padding:10px}.spm-empty-icon{font-size:40px}.spm-empty h2{font-size:14px}.spm-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.spm-header-compact{height:44px}.spm-header-title{font-size:14px}.spm-tab-labels{height:32px}.spm-tab-label{font-size:10px;padding:4px 8px}.spm-content{padding:12px}.spm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.spm-container{background:#1f2937}.spm-button-bar,.spm-mobile-menu,.spm-tab-labels,.spm-content{background:#111827;border-bottom-color:#374151}.spm-header-compact{border-bottom-color:#374151}.spm-btn-with-label,.spm-tab-label{color:#d1d5db}.spm-btn-with-label:hover,.spm-tab-label:hover{background:#1f2937}.spm-mobile-menu-item{color:#d1d5db}.spm-mobile-menu-item:active{background:#1f2937}.spm-mobile-menu-header,.spm-mobile-menu-footer{background:#1f2937;border-color:#374151}.spm-mobile-menu-header h3,.spm-empty h2{color:#f3f4f6}.spm-empty p,.spm-empty-icon{color:#9ca3af}}@media print{.spm-header-compact,.spm-button-bar,.spm-mobile-menu,.spm-tab-labels,.spm-mobile-menu-toggle,.spm-close-all-compact{display:none}.spm-container{height:auto}.spm-content{padding:0}}@media(prefers-reduced-motion:reduce){.spm-btn-with-label,.spm-tab-label,.spm-mobile-menu-item,.spm-tab-content,.spm-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.spm-btn-with-label.active,.spm-tab-label.active,.spm-mobile-menu-item.active{border-width:2px;font-weight:700}.spm-header-compact{border-bottom-width:2px}}.pdm-container{display:flex;flex-direction:column;height:150vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.pdm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.pdm-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.pdm-header-icon{font-size:20px;color:#fff}.pdm-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.pdm-mobile-menu-toggle:active{background:#fff3}.pdm-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:pdmFadeIn .2s ease-out}.pdm-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:pdmSlideDown .3s ease-out}.pdm-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.pdm-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.pdm-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.pdm-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.pdm-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.pdm-mobile-menu-item:active{background:#f3f4f6}.pdm-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.pdm-mobile-menu-item.open{background:#fafafa}.pdm-mobile-menu-icon{font-size:16px;min-width:20px}.pdm-mobile-menu-label{flex:1}.pdm-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.pdm-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.pdm-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.pdm-mobile-close-all:active{background:#fecaca}.pdm-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.pdm-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.pdm-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.pdm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.pdm-btn-with-label:active{transform:scale(.98)}.pdm-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.pdm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.pdm-btn-icon{font-size:14px}.pdm-btn-text{display:inline-block}.pdm-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.pdm-close-all-compact:hover{background:#fecaca;color:#dc2626}.pdm-close-all-compact:active{transform:scale(.98)}.pdm-button-bar::-webkit-scrollbar{height:4px}.pdm-button-bar::-webkit-scrollbar-track{background:transparent}.pdm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pdm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pdm-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.pdm-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.pdm-tabs-scroll::-webkit-scrollbar{height:4px}.pdm-tabs-scroll::-webkit-scrollbar-track{background:transparent}.pdm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.pdm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pdm-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.pdm-tab-label:hover{color:#374151;background:#f3f4f6}.pdm-tab-label:active{transform:scale(.98)}.pdm-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.pdm-tab-label-icon{font-size:12px}.pdm-tab-label-text{display:inline-block}.pdm-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.pdm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.pdm-tab-label-close:active{transform:scale(.9)}.pdm-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.pdm-tab-content{animation:pdmSlideIn .2s ease-out}@keyframes pdmSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes pdmSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes pdmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pdmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.pdm-content::-webkit-scrollbar{width:8px}.pdm-content::-webkit-scrollbar-track{background:transparent}.pdm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.pdm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.pdm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.pdm-empty-icon{font-size:64px;opacity:.3;animation:pdmFloat 3s ease-in-out infinite}.pdm-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.pdm-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.pdm-mobile-menu-content::-webkit-scrollbar{width:6px}.pdm-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.pdm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.pdm-header-compact{height:52px;padding:0 12px}.pdm-header-title{font-size:16px;gap:10px}.pdm-header-icon{font-size:18px}.pdm-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.pdm-mobile-menu-overlay{display:block}.pdm-mobile-menu{display:flex}.pdm-button-bar{display:none}.pdm-tab-labels{height:40px;padding:0 6px}.pdm-tab-label{font-size:11px;padding:6px 10px}.pdm-tab-label-text{display:none}.pdm-tab-label-icon{font-size:14px}.pdm-content{padding:16px}.pdm-empty h2{font-size:18px}.pdm-empty p{font-size:13px}}@media(max-width:480px){.pdm-header-compact{height:48px;padding:0 10px}.pdm-header-title{font-size:14px;gap:8px}.pdm-header-icon{font-size:16px}.pdm-mobile-menu-toggle{font-size:20px;padding:6px}.pdm-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.pdm-mobile-menu-header{padding:10px 12px}.pdm-mobile-menu-header h3{font-size:14px}.pdm-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.pdm-mobile-menu-icon{font-size:14px}.pdm-mobile-menu-footer{padding:10px 12px}.pdm-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.pdm-tab-labels{height:36px;padding:0 4px}.pdm-tab-label{font-size:10px;padding:4px 8px}.pdm-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.pdm-content{padding:12px}.pdm-empty-icon{font-size:48px}.pdm-empty h2{font-size:16px}.pdm-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.pdm-header-title span{display:none}.pdm-header-icon{font-size:18px}.pdm-mobile-menu-item{padding:10px 12px;font-size:12px}.pdm-tab-label{font-size:9px;padding:3px 6px}.pdm-content{padding:10px}.pdm-empty-icon{font-size:40px}.pdm-empty h2{font-size:14px}.pdm-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.pdm-header-compact{height:44px}.pdm-header-title{font-size:14px}.pdm-tab-labels{height:32px}.pdm-tab-label{font-size:10px;padding:4px 8px}.pdm-content{padding:12px}.pdm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.pdm-container{background:#1f2937}.pdm-button-bar,.pdm-mobile-menu,.pdm-tab-labels,.pdm-content{background:#111827;border-bottom-color:#374151}.pdm-header-compact{border-bottom-color:#374151}.pdm-btn-with-label,.pdm-tab-label{color:#d1d5db}.pdm-btn-with-label:hover,.pdm-tab-label:hover{background:#1f2937}.pdm-mobile-menu-item{color:#d1d5db}.pdm-mobile-menu-item:active{background:#1f2937}.pdm-mobile-menu-header,.pdm-mobile-menu-footer{background:#1f2937;border-color:#374151}.pdm-mobile-menu-header h3,.pdm-empty h2{color:#f3f4f6}.pdm-empty p,.pdm-empty-icon{color:#9ca3af}}@media print{.pdm-header-compact,.pdm-button-bar,.pdm-mobile-menu,.pdm-tab-labels,.pdm-mobile-menu-toggle,.pdm-close-all-compact{display:none}.pdm-container{height:auto}.pdm-content{padding:0}}@media(prefers-reduced-motion:reduce){.pdm-btn-with-label,.pdm-tab-label,.pdm-mobile-menu-item,.pdm-tab-content,.pdm-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.pdm-btn-with-label.active,.pdm-tab-label.active,.pdm-mobile-menu-item.active{border-width:2px;font-weight:700}.pdm-header-compact{border-bottom-width:2px}}.bp-root{width:112mm;background:#fff}.bp-grid{display:grid;grid-template-columns:repeat(3,36mm);grid-auto-rows:23mm;gap:.1mm;justify-content:center}.bp-label{position:relative;width:36mm;height:23mm;box-sizing:border-box;padding:.5mm 1mm;background:#fff;border:1px dashed #ddd;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3mm;page-break-inside:avoid}.bp-label:nth-child(3n){transform:translate(-4mm)}.bp-category-right{position:absolute;top:12px;right:10px;display:flex;flex-direction:column;gap:0;align-items:center;justify-content:flex-start;z-index:10}.bp-category-char{font-size:7px;line-height:1;font-weight:700;color:#000;margin:0;padding:0}.bp-head{font-weight:800;font-size:7pt;margin:0;padding:0;line-height:1;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.bp-label svg{max-width:100%;height:auto;display:block;margin:0;padding:0;flex-shrink:0}.bp-barcode-number{font-size:9pt;font-weight:700;font-family:Courier New,monospace;margin:0;padding:0;line-height:1;flex-shrink:0;text-align:center}.bp-price{font-weight:800;font-size:6pt;line-height:1;text-align:center;color:#000;flex-shrink:0;margin:0;padding:0}.bp-name{font-weight:600;font-size:8pt;margin:0;padding:0;width:32mm;white-space:pre-wrap;word-wrap:break-word;word-break:keep-all;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;text-align:center;flex-shrink:0;line-height:1.1;max-height:8mm}@media print{.bp-label{border:none}.bp-label:nth-child(3n){transform:translate(-4mm)}}@media screen{.bp-root{padding:20px;background:#f5f5f5}.bp-grid{padding:10px}.bp-label{box-shadow:0 2px 4px #0000001a}}.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}}.advanced-filter-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:af-fadeIn .18s ease-out}@keyframes af-fadeIn{0%{opacity:0}to{opacity:1}}.advanced-filter-content{background:#fff;border-radius:14px;box-shadow:0 4px 6px -1px #00000012,0 20px 60px -8px #0003,0 0 0 1px #ffffffe6 inset;width:100%;max-width:980px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:af-slideUp .25s cubic-bezier(.34,1.56,.64,1)}@keyframes af-slideUp{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.advanced-filter-header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1.2rem;background:linear-gradient(135deg,#1e293b,#334155);border-radius:14px 14px 0 0;flex-shrink:0;gap:.75rem}.header-left{display:flex;align-items:center;gap:.6rem;flex:1;min-width:0}.header-icon{font-size:.95rem;color:#94a3b8;flex-shrink:0}.advanced-filter-header h2{margin:0;font-size:.92rem;font-weight:700;color:#f1f5f9;letter-spacing:-.2px;white-space:nowrap}.af-active-badge{display:inline-flex;align-items:center;justify-content:center;background:#3b82f6;color:#fff;border-radius:20px;padding:2px 9px;font-size:.67rem;font-weight:700;letter-spacing:.2px;flex-shrink:0;box-shadow:0 1px 4px #3b82f673}.close-btn{background:#ffffff14;border:1px solid rgba(255,255,255,.12);color:#94a3b8;font-size:.82rem;cursor:pointer;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:7px;transition:all .15s;flex-shrink:0}.close-btn:hover{background:#ffffff29;color:#f1f5f9;transform:scale(1.08)}.advanced-filter-body{padding:1rem;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto;flex:1;background:#f8fafc}.advanced-filter-body::-webkit-scrollbar{width:4px}.advanced-filter-body::-webkit-scrollbar-track{background:transparent}.advanced-filter-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.advanced-filter-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.advanced-filter-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;gap:.75rem;color:#64748b;font-size:.8rem}.spinner{width:26px;height:26px;border:2.5px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;animation:af-spin .7s linear infinite}@keyframes af-spin{to{transform:rotate(360deg)}}.af-section-card{background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 1px 3px #0000000a;transition:box-shadow .2s}.af-section-card:hover{box-shadow:0 2px 10px #00000012}.af-card-title{display:flex;align-items:center;gap:.4rem;padding:.5rem .85rem;background:linear-gradient(90deg,#f1f5f9,#f8fafc);border-bottom:1px solid #e2e8f0;font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.45px}.af-card-icon{font-size:.78rem}.af-card-count{margin-left:auto;background:#e0e7ff;color:#4338ca;border-radius:10px;padding:1px 8px;font-size:.62rem;font-weight:700;letter-spacing:.1px}.af-card-body{padding:.8rem .85rem}.af-row{display:grid;gap:.7rem}.af-row-3{grid-template-columns:repeat(3,1fr)}.af-row-2{grid-template-columns:repeat(2,1fr)}.af-row-1{grid-template-columns:1fr}.af-row-parts-r2{grid-template-columns:1fr 1fr 1.35fr}.af-row-bikes-r2{grid-template-columns:1fr 1.6fr}.af-field{display:flex;flex-direction:column;gap:.28rem}.af-label{font-size:.67rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.4px;display:flex;align-items:center;gap:.25rem}.af-label-sub{font-size:.62rem;text-transform:none;letter-spacing:.1px;color:#94a3b8;font-weight:600}.af-label-count{margin-left:3px;color:#94a3b8;font-weight:500;font-size:.62rem;text-transform:none}.af-select{width:100%;padding:.5rem 2rem .5rem .7rem;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.78rem;font-family:inherit;color:#1e293b;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%2394a3b8'/%3E%3C/svg%3E") no-repeat right .65rem center;background-size:9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s;line-height:1.4}.af-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background-color:#fafcff}.af-select:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed;border-color:#e2e8f0}.af-select.af-has-value{border-color:#93c5fd;background-color:#eff6ff;color:#1d4ed8;font-weight:600}.af-input{width:100%;padding:.5rem .7rem;border:1.5px solid #e2e8f0;border-radius:7px;font-size:.78rem;font-family:inherit;color:#1e293b;background:#fff;transition:border-color .15s,box-shadow .15s,background-color .15s;box-sizing:border-box}.af-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;background-color:#fafcff}.af-input::placeholder{color:#94a3b8;font-size:.73rem}.af-input:not(:placeholder-shown){border-color:#93c5fd;background-color:#eff6ff}.af-input-hint{font-size:.62rem;color:#3b82f6;font-style:italic;margin-top:1px}.af-date-pair,.af-barcode-pair{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.af-disabled-hint{font-size:.63rem;color:#f59e0b;margin-top:.2rem;display:flex;align-items:center;gap:.2rem}.af-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:.6rem .85rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-height:2.6rem;box-shadow:0 1px 3px #00000008}.af-chips-label{font-size:.63rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.35px;flex-shrink:0}.af-chip{display:inline-flex;align-items:center;gap:.28rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:20px;padding:.18rem .6rem;font-size:.68rem;font-weight:600;white-space:nowrap;animation:af-chipIn .14s ease-out}@keyframes af-chipIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.af-chip-key{color:#60a5fa;font-weight:700;font-size:.6rem;text-transform:uppercase;letter-spacing:.2px}.af-no-filters{font-size:.72rem;color:#94a3b8;font-style:italic}.advanced-filter-footer{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;border-top:1px solid #e2e8f0;background:#fff;border-radius:0 0 14px 14px;flex-shrink:0}.advanced-filter-footer .filter-btn.reset{margin-right:auto}.filter-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1.1rem;border:none;border-radius:7px;font-size:.74rem;font-weight:600;cursor:pointer;transition:all .15s;letter-spacing:.1px;white-space:nowrap;font-family:inherit}.filter-btn.apply{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;box-shadow:0 2px 8px #3b82f64d;padding:.5rem 1.5rem}.filter-btn.apply:hover{transform:translateY(-1px);box-shadow:0 4px 14px #3b82f666;background:linear-gradient(135deg,#2563eb,#4f46e5)}.filter-btn.apply:active{transform:translateY(0)}.filter-btn.reset{background:transparent;color:#64748b;border:1.5px solid #e2e8f0}.filter-btn.reset:hover{background:#f1f5f9;border-color:#cbd5e1;color:#334155}.filter-btn.cancel{background:#f1f5f9;color:#475569;border:1.5px solid #e2e8f0}.filter-btn.cancel:hover{background:#e2e8f0;color:#1e293b}@media(max-width:1100px){.advanced-filter-content{max-width:96vw}.af-row-3,.af-row-parts-r2,.af-row-bikes-r2{grid-template-columns:1fr 1fr}}@media(max-width:780px){.advanced-filter-content{max-height:85vh}.af-row-3,.af-row-2,.af-row-parts-r2,.af-row-bikes-r2{grid-template-columns:1fr}.af-date-pair,.af-barcode-pair{grid-template-columns:1fr 1fr}.advanced-filter-body{padding:.75rem;gap:.6rem}}@media(max-width:520px){.advanced-filter-modal{padding:0}.advanced-filter-content{max-width:100vw;max-height:100dvh;border-radius:0}.advanced-filter-header{border-radius:0;padding:.75rem 1rem}.advanced-filter-footer{border-radius:0;flex-direction:column;gap:.4rem;padding:.75rem}.advanced-filter-footer .filter-btn.reset{margin-right:0}.filter-btn{width:100%;justify-content:center}.af-date-pair,.af-barcode-pair{grid-template-columns:1fr}.af-chips-row{padding:.5rem .75rem}.af-card-body{padding:.65rem .75rem}}.af-row-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.af-row-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.af-row-4{grid-template-columns:1fr}}.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}}.ap-container{background:#f0f2f5;padding:14px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;width:100%;box-sizing:border-box}.ap-panel-header{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:10px 14px;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:12px;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:20}.ap-panel-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:#1d2b3a}.ap-panel-title span:first-child{font-size:18px}.ap-back-btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 14px;border:1px solid #d9d9d9;border-radius:5px;background:#fff;color:#595959;font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;white-space:nowrap}.ap-back-btn:hover:not(:disabled){background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ap-back-btn:disabled{opacity:.45;cursor:not-allowed}.ap-form-card{background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;overflow:visible}.ap-section{padding:16px 18px;border-bottom:1px solid #f0f0f0;overflow:visible}.ap-section:last-of-type{border-bottom:none}.ap-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#1d2b3a;text-transform:uppercase;letter-spacing:.4px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f5f5f5}.ap-section-num{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:#1d2b3a;color:#fff;border-radius:50%;font-size:10px;font-weight:700;flex-shrink:0}.ap-grid{display:grid;gap:12px 16px}.ap-grid-3{grid-template-columns:repeat(3,1fr)}.ap-grid-4{grid-template-columns:repeat(4,1fr)}.ap-grid-5{grid-template-columns:repeat(5,1fr)}.ap-grid-2{grid-template-columns:repeat(2,1fr)}.ap-field{display:flex;flex-direction:column;gap:4px;position:relative;overflow:visible;min-width:0}.ap-span-2{grid-column:span 2}.ap-span-3{grid-column:span 3}.ap-span-4{grid-column:span 4}.ap-label{font-size:11px;font-weight:700;color:#595959;white-space:nowrap;display:flex;align-items:center;gap:3px}.ap-req{color:#cf1322}.ap-opt{font-weight:400;color:#8c8c8c;font-size:10px}.ap-input{height:30px;padding:0 10px;border:1px solid #d9d9d9;border-radius:5px;font-size:12px;color:#262626;background:#fff;outline:none;transition:border-color .2s,box-shadow .2s;width:100%;box-sizing:border-box;font-family:inherit}.ap-input:focus{border-color:#4096ff;box-shadow:0 0 0 2px #4096ff26}.ap-input::placeholder{color:#bfbfbf}.ap-input-readonly{background:#f5f7fa;color:#595959;cursor:default}.ap-input-readonly:focus{border-color:#d9d9d9;box-shadow:none}.ap-input-disabled{background:#f5f5f5;color:#bfbfbf;cursor:not-allowed;border-color:#e0e0e0}.ap-input-disabled:focus{border-color:#e0e0e0;box-shadow:none}.ap-input-num{font-weight:600;text-align:right;font-family:Courier New,monospace;letter-spacing:.3px}.ap-input-calc{background:#f9fafb;font-weight:700;text-align:right;font-family:Courier New,monospace;cursor:default;border-style:dashed}.ap-input-calc:focus{border-color:#d9d9d9;box-shadow:none}.ap-hint{font-size:10px;color:#8c8c8c;line-height:1.4}.ap-hint-warn{color:#cf1322}.ap-hint-info{color:#1677ff}.ap-hint-green{color:#389e0d}.ap-suggest-wrap{position:relative;overflow:visible}.ap-suggest-list{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #d9d9d9;border-radius:5px;box-shadow:0 6px 16px #0000001f;z-index:300;max-height:200px;overflow-y:auto}.ap-suggest-item{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12px;cursor:pointer;transition:background .12s;border-bottom:1px solid #f5f5f5}.ap-suggest-item:last-child{border-bottom:none}.ap-suggest-item:hover{background:#f0f7ff}.ap-suggest-count{font-size:10px;color:#8c8c8c;flex-shrink:0;margin-left:8px}.ap-input-btn-row{display:flex;gap:6px;align-items:center}.ap-input-btn-row .ap-input{flex:1;min-width:0}.ap-use-avg-btn{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border:1px solid #b7eb8f;border-radius:5px;background:#f6ffed;color:#389e0d;font-size:11px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s;font-family:inherit}.ap-use-avg-btn:hover:not(:disabled){background:#389e0d;border-color:#389e0d;color:#fff}.ap-use-avg-btn:disabled{opacity:.4;cursor:not-allowed}.ap-action-bar{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px;background:#fafafa;border-top:1px solid #f0f0f0;border-radius:0 0 8px 8px;position:sticky;bottom:0;z-index:20}.ap-btn{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 16px;border-radius:5px;border:1px solid transparent;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;white-space:nowrap;font-family:inherit}.ap-btn:disabled{opacity:.45;cursor:not-allowed}.ap-btn-cancel{background:#fff;border-color:#d9d9d9;color:#595959}.ap-btn-cancel:hover:not(:disabled){background:#fff1f0;border-color:#ffa39e;color:#cf1322}.ap-btn-save{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ap-btn-save:hover:not(:disabled){background:#2d3f52;border-color:#2d3f52;transform:translateY(-1px);box-shadow:0 3px 8px #1d2b3a40}.ap-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:#8c8c8c;font-size:13px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;min-height:300px}.ap-state-center p{margin:0}.ap-state-center h3{margin:0;font-size:16px;font-weight:700;color:#cf1322}.ap-spinner{width:34px;height:34px;border:3px solid #e9ecef;border-top-color:#1d2b3a;border-radius:50%;animation:ap-spin .8s linear infinite}@keyframes ap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ap-access-img{width:160px;height:auto;opacity:.85}.ap-nodata-img{width:110px;height:auto;opacity:.55}@media(max-width:1400px){.ap-grid-5{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.ap-grid-5,.ap-grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:820px){.ap-grid-5,.ap-grid-4,.ap-grid-3{grid-template-columns:repeat(2,1fr)}.ap-span-2,.ap-span-3,.ap-span-4{grid-column:span 1}}@media(max-width:540px){.ap-container{padding:8px}.ap-grid-5,.ap-grid-4,.ap-grid-3,.ap-grid-2{grid-template-columns:1fr}.ap-span-2,.ap-span-3,.ap-span-4{grid-column:span 1}.ap-section{padding:12px}.ap-action-bar{flex-direction:column-reverse;align-items:stretch}.ap-btn{width:100%;justify-content:center}.ap-panel-header,.ap-action-bar{position:static}}.ap-suggest-list::-webkit-scrollbar{width:4px}.ap-suggest-list::-webkit-scrollbar-track{background:transparent}.ap-suggest-list::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}@media print{.ap-panel-header,.ap-action-bar{display:none}.ap-container{background:#fff;padding:0}.ap-form-card{box-shadow:none}}.ap-field [data-combobox-container],.ap-field .combobox-wrapper,.ap-field>div{width:100%;position:relative;overflow:visible}.ap-field .combobox-input,.ap-field .combobox-wrapper input,.ap-field [data-combobox-container] input,.ap-section [data-combobox-container] input{height:30px!important;padding:0 32px 0 10px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;font-size:12px!important;color:#262626!important;background:#fff!important;outline:none!important;width:100%!important;box-sizing:border-box!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;transition:border-color .2s,box-shadow .2s!important;line-height:30px!important}.ap-field .combobox-wrapper input:focus,.ap-field [data-combobox-container] input:focus,.ap-section [data-combobox-container] input:focus{border-color:#4096ff!important;box-shadow:0 0 0 2px #4096ff26!important}.ap-field .combobox-wrapper input::placeholder,.ap-field [data-combobox-container] input::placeholder,.ap-section [data-combobox-container] input::placeholder{color:#bfbfbf!important;font-size:12px!important}.ap-field .combobox-wrapper button,.ap-field [data-combobox-container] button:not(.ap-btn):not(.ap-use-avg-btn),.ap-section [data-combobox-container]>div>button{position:absolute!important;right:4px!important;top:50%!important;transform:translateY(-50%)!important;height:22px!important;width:22px!important;padding:0!important;border:none!important;background:transparent!important;color:#8c8c8c!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:3px!important;transition:color .15s,background .15s!important}.ap-field .combobox-wrapper button:hover,.ap-field [data-combobox-container] button:not(.ap-btn):not(.ap-use-avg-btn):hover{color:#1d2b3a!important;background:#f0f0f0!important}.ap-field .combobox-dropdown,.ap-field .combobox-list,.ap-field [data-combobox-container] ul,.ap-field [data-combobox-container] .combobox-options,.ap-section [data-combobox-container] ul{position:absolute!important;top:calc(100% + 2px)!important;left:0!important;right:0!important;background:#fff!important;border:1px solid #d9d9d9!important;border-radius:5px!important;box-shadow:0 6px 16px #0000001f!important;z-index:500!important;max-height:200px!important;overflow-y:auto!important;padding:4px 0!important;margin:0!important;list-style:none!important}.ap-field .combobox-dropdown li,.ap-field .combobox-list li,.ap-field [data-combobox-container] ul li,.ap-field [data-combobox-container] .combobox-options li,.ap-section [data-combobox-container] ul li{padding:7px 10px!important;font-size:12px!important;color:#262626!important;cursor:pointer!important;transition:background .12s!important;border-bottom:1px solid #f5f5f5!important;list-style:none!important}.ap-field [data-combobox-container] ul li:last-child,.ap-section [data-combobox-container] ul li:last-child{border-bottom:none!important}.ap-field [data-combobox-container] ul li:hover,.ap-section [data-combobox-container] ul li:hover{background:#f0f7ff!important;color:#1d2b3a!important}.ap-field [data-combobox-container] ul li.combobox-create,.ap-section [data-combobox-container] ul li.combobox-create,.ap-field [data-combobox-container] .combobox-create-option{color:#389e0d!important;font-weight:700!important;border-top:1px solid #f0f0f0!important;background:#f6ffed!important}.ap-field [data-combobox-container] ul li.combobox-create:hover{background:#d9f7be!important}.ap-field [data-combobox-container] ul::-webkit-scrollbar,.ap-section [data-combobox-container] ul::-webkit-scrollbar{width:4px}.ap-field [data-combobox-container] ul::-webkit-scrollbar-thumb,.ap-section [data-combobox-container] ul::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:2px}.ap-bike-count-badge{margin-left:auto;background:#e0f2fe;color:#0369a1;border:1px solid #bae6fd;border-radius:10px;font-size:10px;font-weight:700;padding:2px 8px}.ap-bike-entry{background:#fafafa;border:1px solid #e9ecef;border-radius:6px;padding:12px 14px;margin-bottom:10px;transition:border-color .15s}.ap-bike-entry:hover{border-color:#d0d7de}.ap-bike-entry-header{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.ap-bike-entry-num{font-size:11px;font-weight:700;color:#1d2b3a;background:#e8edf2;padding:2px 8px;border-radius:4px}.ap-bike-entry-barcode{font-size:11px;font-weight:700;color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;padding:2px 8px;border-radius:4px;font-family:Courier New,monospace}.ap-bike-remove-btn{display:inline-flex;align-items:center;gap:4px;margin-left:auto;height:24px;padding:0 10px;border:1px solid #fca5a5;border-radius:4px;background:#fff1f0;color:#dc2626;font-size:11px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.ap-bike-remove-btn:hover{background:#dc2626;border-color:#dc2626;color:#fff}.ap-add-bike-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 16px;margin-top:4px;border:1px dashed #4096ff;border-radius:5px;background:#f0f7ff;color:#1677ff;font-size:12px;font-weight:700;cursor:pointer;transition:all .15s;font-family:inherit}.ap-add-bike-btn:hover{background:#4096ff;border-color:#4096ff;color:#fff;border-style:solid}.ap-doc-toggle{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;cursor:pointer;font-size:12px;font-weight:700;color:#1d2b3a;text-transform:uppercase;letter-spacing:.4px;padding:0;font-family:inherit}.ap-doc-toggle:hover{color:#4096ff}.ap-file-input{width:100%;font-size:11px;color:#595959;padding:4px 0;cursor:pointer;font-family:inherit}.ap-file-input::file-selector-button{height:26px;padding:0 10px;border:1px solid #d9d9d9;border-radius:4px;background:#f5f7fa;color:#595959;font-size:11px;font-weight:600;cursor:pointer;margin-right:8px;transition:all .15s;font-family:inherit}.ap-file-input::file-selector-button:hover{background:#1d2b3a;border-color:#1d2b3a;color:#fff}.ap-section .react-datepicker-wrapper,.ap-section .react-datepicker__input-container{width:100%}.ap-section .react-datepicker__input-container input{height:30px!important;padding:0 10px!important;border:1px solid #d9d9d9!important;border-radius:5px!important;font-size:12px!important;color:#262626!important;background:#fff!important;width:100%!important;box-sizing:border-box!important;font-family:inherit!important;outline:none!important}.ap-section .react-datepicker__input-container input:focus{border-color:#4096ff!important;box-shadow:0 0 0 2px #4096ff26!important}.peh-container{padding:8px;background:#f5f6fa;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.peh-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;flex-wrap:wrap;gap:8px;border-left:4px solid #6366f1}.peh-header-left{display:flex;align-items:center;gap:8px}.peh-header-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:6px}.peh-header-icon{font-size:22px;color:#6366f1}.peh-header-right{display:flex;gap:6px;flex-wrap:wrap}.peh-refresh-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 14px;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;background:#64748b;color:#fff}.peh-refresh-btn:hover:not(:disabled){background:#475569;transform:translateY(-1px);box-shadow:0 2px 6px #64748b33}.peh-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.peh-spin{animation:peh-rotate .8s linear infinite}@keyframes peh-rotate{to{transform:rotate(360deg)}}.peh-stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:8px}.peh-stat-card{background:#fff;border:1px solid #e5e7eb;border-top:3px solid #6366f1;border-radius:6px;padding:10px 12px;display:flex;flex-direction:column;align-items:center;gap:3px;text-align:center;box-shadow:0 1px 3px #0000000f}.peh-stat-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.peh-stat-value{font-size:20px;font-weight:800;color:#1f2937;line-height:1}.peh-stat-label{font-size:10px;color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-weight:600}.peh-filters{display:flex;gap:6px;margin-bottom:8px;flex-wrap:nowrap;overflow-x:auto;padding:8px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;align-items:center}.peh-filter-search{position:relative;flex:1;min-width:180px}.peh-filter-search-icon{position:absolute;left:9px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.peh-filter-input{width:100%;padding:7px 28px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:#fff;transition:all .2s ease;font-weight:500;box-sizing:border-box}.peh-filter-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.peh-filter-input::placeholder{color:#9ca3af}.peh-filter-clear-x{position:absolute;right:7px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center;line-height:1}.peh-filter-clear-x:hover{color:#374151}.peh-filter-select{padding:7px 24px 7px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:#fff;cursor:pointer;transition:all .2s 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='%23374151' 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:12px;min-width:110px;white-space:nowrap}.peh-filter-select:hover{border-color:#6366f1;background-color:#f9fafb}.peh-filter-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.peh-filter-date{padding:7px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:#fff;transition:all .2s ease;font-weight:500;cursor:pointer}.peh-filter-date:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.peh-filter-date-sep{color:#9ca3af;font-size:12px;flex-shrink:0}.peh-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 14px;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.peh-btn-search{background:#6366f1;color:#fff}.peh-btn-search:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px);box-shadow:0 2px 6px #6366f140}.peh-btn-search:disabled{opacity:.6;cursor:not-allowed}.peh-btn-reset{background:#dc2626;color:#fff}.peh-btn-reset:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 6px #dc262633}.peh-results-info{font-size:12px;color:#374151;font-weight:600;margin-bottom:8px;padding:6px 10px;background:#fff;border-radius:4px;border:1px solid #e5e7eb;display:inline-block}.peh-active-filters{color:#6366f1;font-weight:700}.peh-records{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.peh-card{background:#fff;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;transition:all .15s ease;box-shadow:0 1px 3px #0000000f}.peh-card:hover{box-shadow:0 2px 8px #0000001a}.peh-card--expanded{border-color:#6366f1;border-left:3px solid #6366f1}.peh-card-header{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s ease}.peh-card-header:hover{background:#f9fafb}.peh-card-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.peh-type-badge{display:inline-flex;align-items:center;gap:3px;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.3px}.peh-type-badge--bike{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.peh-type-badge--part{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.peh-card-product{display:flex;flex-direction:column;min-width:0;gap:1px}.peh-card-barcode{font-family:Courier New,monospace;font-size:13px;font-weight:700;color:#2563eb}.peh-card-name{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.peh-card-meta{display:flex;flex-direction:column;gap:2px;align-items:flex-start;flex-shrink:0}.peh-card-editor{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#1f2937}.peh-card-time{display:flex;align-items:center;gap:4px;font-size:11px;color:#6b7280;font-weight:500}.peh-card-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.peh-changes-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe;border-radius:4px;font-size:11px;font-weight:700;white-space:nowrap}.peh-expand-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;color:#6b7280;transition:all .2s ease;flex-shrink:0}.peh-expand-btn:hover{background:#f3f4f6;border-color:#6366f1;color:#6366f1}.peh-card-body{padding:10px 12px 12px;border-top:1px solid #f3f4f6;background:#f9fafb}.peh-changes-grid{display:flex;flex-direction:column;gap:4px}.peh-change-row{display:grid;grid-template-columns:160px 1fr 18px 1fr;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:12px;transition:background .1s}.peh-change-row:hover{background:#f9fafb}.peh-change-field{font-weight:700;color:#374151;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.peh-change-old{color:#dc2626;background:#fef2f2;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:600;text-align:right;border:1px solid #fecaca}.peh-change-arrow{color:#9ca3af;text-align:center;font-weight:700;font-size:12px}.peh-change-new{color:#059669;background:#f0fdf4;padding:3px 8px;border-radius:3px;font-size:11px;font-weight:600;border:1px solid #bbf7d0}.peh-val-empty{color:#d1d5db;font-style:italic;font-weight:400}.peh-card-notes{margin-top:8px;padding:6px 10px;background:#fffbeb;border:1px solid #fde68a;border-radius:4px;font-size:11px;color:#92400e;font-style:italic}.peh-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;gap:12px}.peh-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#6366f1;border-radius:50%;animation:peh-rotate .8s linear infinite}.peh-loading span{font-size:13px;color:#374151;font-weight:600}.peh-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:#fff;border-radius:6px;border:1px solid #e5e7eb;text-align:center;box-shadow:0 1px 3px #0000000f}.peh-empty-icon{margin-bottom:12px;opacity:.3;color:#6b7280}.peh-empty h3{font-size:14px;font-weight:700;color:#1f2937;margin:0 0 6px}.peh-empty p{font-size:12px;color:#6b7280;margin:0}.peh-pagination{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.peh-page-btn{display:flex;align-items:center;gap:4px;padding:7px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#374151;font-weight:600;font-size:12px}.peh-page-btn:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.peh-page-btn:disabled{opacity:.4;cursor:not-allowed}.peh-page-numbers{display:flex;gap:4px}.peh-page-num{width:32px;height:32px;border:1px solid #d1d5db;border-radius:4px;background:#fff;color:#374151;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.peh-page-num:hover:not(:disabled){background:#6366f1;border-color:#6366f1;color:#fff;transform:translateY(-1px)}.peh-page-num.active{background:#6366f1;color:#fff;border-color:#6366f1}.peh-page-ellipsis{font-size:12px;color:#6b7280;align-self:center;font-weight:600}@media(max-width:1024px){.peh-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.peh-container{padding:6px}.peh-header{flex-direction:column;align-items:flex-start;padding:10px 12px}.peh-header-right{width:100%}.peh-filters{flex-wrap:wrap;overflow-x:visible;gap:6px}.peh-filter-search,.peh-filter-select,.peh-filter-date{width:100%;min-width:auto}.peh-btn{flex:1}.peh-stats-row{grid-template-columns:repeat(2,1fr)}.peh-card-header{flex-wrap:wrap;gap:8px}.peh-card-meta{width:100%;flex-direction:row;gap:10px}.peh-change-row{grid-template-columns:120px 1fr 14px 1fr;gap:6px}}@media(max-width:480px){.peh-stats-row{grid-template-columns:repeat(2,1fr)}.peh-change-row{grid-template-columns:1fr;gap:4px}.peh-change-arrow{display:none}.peh-change-old:after{content:" →";color:#9ca3af}.peh-card-right{flex-wrap:wrap}}.peh-pagination-info{font-size:12px;color:#374151;font-weight:600;min-width:90px;text-align:center;white-space:nowrap}.peh-pagination-goto{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;font-weight:600}.peh-pagination-input{width:50px;padding:6px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1f2937}.peh-pagination-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 2px #6366f11a}.peh-action-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:4px;border:1px solid;cursor:pointer;font-size:11px;font-weight:700;transition:all .2s ease;flex-shrink:0}.peh-action-delete{color:#dc2626;border-color:#dc2626;background:#fff}.peh-action-delete:hover{background:#fef2f2;border-color:#b91c1c}*{box-sizing:border-box}.stm-container{display:flex;flex-direction:column;height:300vh;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow:hidden;position:relative}.stm-header-compact{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 16px;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:1px solid rgba(0,0,0,.1);flex-shrink:0;box-shadow:0 2px 8px #0000001f;z-index:100}.stm-header-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:#fff}.stm-header-icon{font-size:20px;color:#fff}.stm-mobile-menu-toggle{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer;padding:8px;transition:all .2s ease;border-radius:6px}.stm-mobile-menu-toggle:active{background:#fff3}.stm-mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:200;animation:stmFadeIn .2s ease-out}.stm-mobile-menu{display:none;position:absolute;top:56px;left:0;right:0;background:#fff;border-bottom:1px solid #e5e5e5;max-height:calc(100vh - 56px);overflow-y:auto;flex-direction:column;z-index:250;box-shadow:0 4px 12px #00000026;animation:stmSlideDown .3s ease-out}.stm-mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#f9fafb}.stm-mobile-menu-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.stm-mobile-menu-close{background:none;border:none;color:#6b7280;font-size:20px;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.stm-mobile-menu-content{display:flex;flex-direction:column;gap:0;padding:8px 0;max-height:calc(100vh - 200px);overflow-y:auto}.stm-mobile-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:none;border-left:4px solid transparent;cursor:pointer;font-size:14px;font-weight:500;color:#4b5563;transition:all .2s ease;text-align:left;width:100%}.stm-mobile-menu-item:active{background:#f3f4f6}.stm-mobile-menu-item.active{background:#f0f4ff;color:#667eea;border-left-color:#667eea}.stm-mobile-menu-item.open{background:#fafafa}.stm-mobile-menu-icon{font-size:16px;min-width:20px}.stm-mobile-menu-label{flex:1}.stm-mobile-menu-badge{font-size:12px;color:#10b981;font-weight:700}.stm-mobile-menu-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#f9fafb}.stm-mobile-close-all{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:13px;font-weight:600;transition:all .2s ease;border-radius:6px}.stm-mobile-close-all:active{background:#fecaca}.stm-button-bar{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 8px;background:#fff;border-bottom:1px solid #e5e5e5;flex-shrink:0;gap:4px;overflow-x:auto;overflow-y:hidden}.stm-buttons-row{display:flex;gap:6px;align-items:center;flex-wrap:nowrap;min-width:min-content}.stm-btn-with-label{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:2px solid transparent;border-left:3px solid transparent;cursor:pointer;border-radius:6px;transition:all .2s ease;font-size:12px;font-weight:600;color:#4a5568;white-space:nowrap;flex-shrink:0}.stm-btn-with-label:hover{background:#f7fafc;border-color:#e2e8f0}.stm-btn-with-label:active{transform:scale(.98)}.stm-btn-with-label.active{border-color:#667eea;background:#f0f4ff;color:#667eea}.stm-btn-with-label.open{background:#f7fafc;border-color:#cbd5e0}.stm-btn-icon{font-size:14px}.stm-btn-text{display:inline-block}.stm-close-all-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fee2e2;border:none;cursor:pointer;color:#ef4444;font-size:12px;font-weight:600;transition:all .2s ease;border-radius:6px;white-space:nowrap;flex-shrink:0}.stm-close-all-compact:hover{background:#fecaca;color:#dc2626}.stm-close-all-compact:active{transform:scale(.98)}.stm-button-bar::-webkit-scrollbar{height:4px}.stm-button-bar::-webkit-scrollbar-track{background:transparent}.stm-button-bar::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.stm-button-bar::-webkit-scrollbar-thumb:hover{background:#a0aec0}.stm-tab-labels{display:flex;align-items:center;height:44px;background:#fafafa;border-bottom:1px solid #e5e5e5;flex-shrink:0;overflow:hidden;padding:0 8px;gap:4px}.stm-tabs-scroll{display:flex;gap:0;overflow-x:auto;flex:1;scrollbar-width:thin;scrollbar-color:#cbd5e0 transparent}.stm-tabs-scroll::-webkit-scrollbar{height:4px}.stm-tabs-scroll::-webkit-scrollbar-track{background:transparent}.stm-tabs-scroll::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.stm-tabs-scroll::-webkit-scrollbar-thumb:hover{background:#a0aec0}.stm-tab-label{display:flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:12px;font-weight:500;color:#6b7280;transition:all .2s ease;white-space:nowrap;position:relative;flex-shrink:0}.stm-tab-label:hover{color:#374151;background:#f3f4f6}.stm-tab-label:active{transform:scale(.98)}.stm-tab-label.active{color:#667eea;border-bottom-color:#667eea;background:#f0f4ff}.stm-tab-label-icon{font-size:12px}.stm-tab-label-text{display:inline-block}.stm-tab-label-close{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;color:inherit;cursor:pointer;font-size:10px;opacity:.6;transition:all .2s ease;padding:0;margin-left:4px;border-radius:3px}.stm-tab-label-close:hover{opacity:1;color:#ef4444;background:#ef44441a}.stm-tab-label-close:active{transform:scale(.9)}.stm-content{flex:1;overflow-y:auto;overflow-x:hidden;background:#fff;padding:20px}.stm-tab-content{animation:stmSlideIn .2s ease-out}@keyframes stmSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes stmSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes stmFadeIn{0%{opacity:0}to{opacity:1}}@keyframes stmFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.stm-content::-webkit-scrollbar{width:8px}.stm-content::-webkit-scrollbar-track{background:transparent}.stm-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.stm-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.stm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#9ca3af;text-align:center}.stm-empty-icon{font-size:64px;opacity:.3;animation:stmFloat 3s ease-in-out infinite}.stm-empty h2{margin:0;font-size:20px;font-weight:600;color:#374151}.stm-empty p{margin:0;font-size:14px;color:#9ca3af;max-width:300px}.stm-mobile-menu-content::-webkit-scrollbar{width:6px}.stm-mobile-menu-content::-webkit-scrollbar-track{background:transparent}.stm-mobile-menu-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}@media(max-width:768px){.stm-header-compact{height:52px;padding:0 12px}.stm-header-title{font-size:16px;gap:10px}.stm-header-icon{font-size:18px}.stm-mobile-menu-toggle{display:flex;align-items:center;justify-content:center}.stm-mobile-menu-overlay{display:block}.stm-mobile-menu{display:flex}.stm-button-bar{display:none}.stm-tab-labels{height:40px;padding:0 6px}.stm-tab-label{font-size:11px;padding:6px 10px}.stm-tab-label-text{display:none}.stm-tab-label-icon{font-size:14px}.stm-content{padding:16px}.stm-empty h2{font-size:18px}.stm-empty p{font-size:13px}}@media(max-width:480px){.stm-header-compact{height:48px;padding:0 10px}.stm-header-title{font-size:14px;gap:8px}.stm-header-icon{font-size:16px}.stm-mobile-menu-toggle{font-size:20px;padding:6px}.stm-mobile-menu{top:48px;max-height:calc(100vh - 48px)}.stm-mobile-menu-header{padding:10px 12px}.stm-mobile-menu-header h3{font-size:14px}.stm-mobile-menu-item{padding:12px 14px;font-size:13px;gap:10px}.stm-mobile-menu-icon{font-size:14px}.stm-mobile-menu-footer{padding:10px 12px}.stm-mobile-close-all{padding:8px 10px;font-size:12px;gap:6px}.stm-tab-labels{height:36px;padding:0 4px}.stm-tab-label{font-size:10px;padding:4px 8px}.stm-tab-label-close{width:14px;height:14px;font-size:9px;margin-left:2px}.stm-content{padding:12px}.stm-empty-icon{font-size:48px}.stm-empty h2{font-size:16px}.stm-empty p{font-size:12px;max-width:250px}}@media(max-width:360px){.stm-header-title span{display:none}.stm-header-icon{font-size:18px}.stm-mobile-menu-item{padding:10px 12px;font-size:12px}.stm-tab-label{font-size:9px;padding:3px 6px}.stm-content{padding:10px}.stm-empty-icon{font-size:40px}.stm-empty h2{font-size:14px}.stm-empty p{font-size:11px}}@media(max-height:500px)and (orientation:landscape){.stm-header-compact{height:44px}.stm-header-title{font-size:14px}.stm-tab-labels{height:32px}.stm-tab-label{font-size:10px;padding:4px 8px}.stm-content{padding:12px}.stm-mobile-menu-item{padding:8px 12px;font-size:12px}}@media(prefers-color-scheme:dark){.stm-container{background:#1f2937}.stm-button-bar,.stm-mobile-menu,.stm-tab-labels,.stm-content{background:#111827;border-bottom-color:#374151}.stm-header-compact{border-bottom-color:#374151}.stm-btn-with-label,.stm-tab-label{color:#d1d5db}.stm-btn-with-label:hover,.stm-tab-label:hover{background:#1f2937}.stm-mobile-menu-item{color:#d1d5db}.stm-mobile-menu-item:active{background:#1f2937}.stm-mobile-menu-header,.stm-mobile-menu-footer{background:#1f2937;border-color:#374151}.stm-mobile-menu-header h3,.stm-empty h2{color:#f3f4f6}.stm-empty p,.stm-empty-icon{color:#9ca3af}}@media print{.stm-header-compact,.stm-button-bar,.stm-mobile-menu,.stm-tab-labels,.stm-mobile-menu-toggle,.stm-close-all-compact{display:none}.stm-container{height:auto}.stm-content{padding:0}}@media(prefers-reduced-motion:reduce){.stm-btn-with-label,.stm-tab-label,.stm-mobile-menu-item,.stm-tab-content,.stm-mobile-menu{transition:none;animation:none}}@media(prefers-contrast:more){.stm-btn-with-label.active,.stm-tab-label.active,.stm-mobile-menu-item.active{border-width:2px;font-weight:700}.stm-header-compact{border-bottom-width:2px}}.ms-date-strip{display:flex;align-items:flex-end;gap:10px;padding:10px 14px;background:#fff;border-radius:8px;box-shadow:0 1px 4px #00000012;margin-bottom:10px;flex-wrap:wrap}.ms-date-group{display:flex;align-items:center;gap:6px}.ms-date-input{height:30px;padding:0 8px;border:1px solid #d9d9d9;border-radius:6px;font-size:12px;color:#1d2b3a;background:#fff;outline:none;font-family:inherit;transition:border-color .15s}.ms-date-input:focus{border-color:#1d2b3a;box-shadow:0 0 0 2px #1d2b3a14}.ms-tabs{display:flex;gap:4px;margin-bottom:10px;background:#f5f7fa;border-radius:8px;padding:4px;width:fit-content}.ms-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background:transparent;font-size:12px;font-weight:600;color:#595959;cursor:pointer;transition:all .15s}.ms-tab:hover{background:#e8e8e8}.ms-tab-active{background:#fff!important;color:#1d2b3a;box-shadow:0 1px 4px #0000001a}.ms-tab-pending.ms-tab-active{color:#d48806}.ms-tab-success.ms-tab-active{color:#389e0d}.ms-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#e8e8e8;color:#595959;font-size:10px;font-weight:800}.ms-tab-count-pending{background:#fffbe6;color:#d48806}.ms-tab-count-success{background:#f6ffed;color:#389e0d}.ms-balance{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:700}.ms-balance-due{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.ms-balance-warn{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.ms-balance-clear{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.ms-status-badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;text-transform:capitalize}.ms-status-pending{background:#fffbe6;color:#d48806;border:1px solid #ffe58f}.ms-status-success{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.ms-days-badge{display:inline-block;padding:3px 8px;border-radius:20px;font-size:11px;font-weight:700}.ms-days-ok{background:#f6ffed;color:#389e0d;border:1px solid #b7eb8f}.ms-days-warn{background:#fff7e6;color:#d46b08;border:1px solid #ffd591}.ms-days-overdue{background:#fff1f0;color:#cf1322;border:1px solid #ffa39e}.ms-row-overdue{background:#fffaf0!important}.ms-row-overdue:hover{background:#fff3e0!important}.ms-overdue-tag{display:inline-block;background:#fff1f0;color:#cf1322;border:1px solid #ffa39e;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:800;letter-spacing:.4px;margin-top:2px}.ms-action-success{color:#389e0d;background:#f6ffed;border:1px solid #b7eb8f}.ms-action-success:hover{background:#389e0d;color:#fff;border-color:#389e0d}.ms-action-remind{color:#d46b08;background:#fff7e6;border:1px solid #ffd591}.ms-action-remind:hover{background:#d46b08;color:#fff;border-color:#d46b08}.ms-action-edit-alt{color:#1d6fa4;background:#e6f4ff;border:1px solid #91d5ff}.ms-action-edit-alt:hover{background:#1d6fa4;color:#fff;border-color:#1d6fa4}.ms-btn-pay{background:#10b981!important}.ms-btn-pay:hover{background:#059669!important}.ms-btn-pay:disabled{opacity:.5;cursor:not-allowed}.ms-checkbox-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#595959;cursor:pointer}.ms-checkbox{width:15px;height:15px;accent-color:#1d2b3a;cursor:pointer}.cp-stat-overdue{border-left-color:#fa8c16}.cp-stat-overdue .cp-stat-icon{color:#fa8c16;background:#fff7e6}.sa-modal{max-width:700px}.sa-balance-indicator{display:flex;align-items:center;justify-content:center;height:38px;border-radius:7px;font-size:12px;font-weight:700;border:1.5px solid;letter-spacing:.2px}.sa-bal-neutral{background:#f5f7fa;color:#8c8c8c;border-color:#d9d9d9}.sa-bal-paid{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.sa-bal-due{background:#fff1f0;color:#cf1322;border-color:#ffa39e}.sa-info-row{display:flex;gap:10px;margin-bottom:4px;flex-wrap:wrap}.sa-info-card{display:flex;align-items:center;gap:10px;flex:1;min-width:160px;padding:10px 14px;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px}.sa-info-icon{font-size:20px;flex-shrink:0}.sa-info-title{font-size:12px;font-weight:700;color:#1a1a1a}.sa-info-desc{font-size:11px;color:#6b7280;margin-top:2px}.ci-btn-export-excel{background:#217346;color:#fff;border:none}.ci-btn-export-excel:hover{background:#1a5c38}.ci-btn-export-csv{background:#0e7490;color:#fff;border:none}.ci-btn-export-csv:hover{background:#0c6278}.ci-btn-export-pdf{background:#dc2626;color:#fff;border:none}.ci-btn-export-pdf:hover{background:#b91c1c}.eb-update-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;background:#fffbe6;border:1px solid #ffe58f;border-radius:8px;margin-bottom:10px;flex-wrap:wrap}.eb-update-info{display:flex;align-items:center;gap:7px;font-size:12px;color:#595959}.eb-update-btn{background:#d48806!important}.eb-update-btn:hover:not(:disabled){background:#b37400!important}.eb-update-btn:disabled{opacity:.5;cursor:not-allowed}.eb-file-link{display:inline-flex;align-items:center;gap:4px;color:#1d6fa4;font-size:11px;font-weight:600;text-decoration:none;padding:2px 8px;background:#e6f4ff;border:1px solid #91d5ff;border-radius:4px;transition:background .15s}.eb-file-link:hover{background:#1d6fa4;color:#fff;border-color:#1d6fa4}.vbe-stock-warn{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:10px;font-weight:700;color:#cf1322;background:#fff1f0;border:1px solid #ffa39e;border-radius:4px;padding:2px 6px}.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 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}@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{padding:8px;background:#f5f6fa;font-family:Segoe UI,Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh}.bike-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 14px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;flex-wrap:wrap;gap:8px;border-left:4px solid #2563eb}.bike-header-left{display:flex;align-items:center;gap:8px}.bike-dashboard-title{font-size:18px;font-weight:700;color:#1f2937;margin:0;display:flex;align-items:center;gap:6px}.bike-title-icon{font-size:22px;color:#2563eb}.bike-store-indicator{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#dbeafe;border-radius:4px;font-size:12px;font-weight:600;color:#1e40af;margin-left:6px}.bike-header-right{display:flex;gap:6px;flex-wrap:wrap}.common-add-btn,.common-refresh-btn,.bike-print-btn,.common-filter-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 14px;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.common-add-btn{background:#2563eb;color:#fff}.common-add-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb33}.common-refresh-btn{background:#64748b;color:#fff}.common-refresh-btn:hover{background:#475569;transform:translateY(-1px);box-shadow:0 2px 6px #64748b33}.bike-print-btn{background:#059669;color:#fff}.bike-print-btn:hover{background:#047857;transform:translateY(-1px);box-shadow:0 2px 6px #05966933}.common-filter-btn{background:#dc2626;color:#fff}.common-filter-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 6px #dc262633}.bike-controls-section{display:flex;gap:6px;margin-bottom:8px;flex-wrap:nowrap;overflow-x:auto;padding:8px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;align-items:center}.bike-controls-left{display:flex;gap:6px;flex-wrap:nowrap;align-items:center;flex:1;min-width:0}.bike-filter-item{display:flex;gap:4px;align-items:center;flex-wrap:nowrap}.bike-select-input{padding:7px 24px 7px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:#fff;cursor:pointer;transition:all .2s 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='%23374151' 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:12px;min-width:110px;white-space:nowrap}.bike-select-input:hover{border-color:#2563eb;background-color:#f9fafb}.bike-select-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.bike-search-box{flex:0 1 200px;min-width:160px}.bike-search-input{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;color:#374151;background:#fff;transition:all .2s ease;font-weight:500}.bike-search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.bike-search-input::placeholder{color:#9ca3af}.bike-filters-grid{display:flex;gap:6px;flex-wrap:nowrap;align-items:center}.bike-table-section{background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;overflow:hidden;margin-bottom:8px;border:1px solid #e5e7eb}.bike-table-wrapper{overflow-x:auto;max-height:700px;position:relative}.bike-data-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.bike-data-table thead{background:#1f2937;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:12px;color:#fff;border-bottom:1px solid #111827}.bike-data-table tbody tr{border-bottom:1px solid #f3f4f6;transition:all .15s ease;height:48px}.bike-data-table tbody tr:hover{background:#f9fafb}.bike-data-table tbody tr.bike-row-selected{background:#eff6ff}.bike-data-table tbody td{padding:10px 12px;color:#374151;vertical-align:middle;height:48px}.bike-table-checkbox{width:40px;text-align:center}.bike-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#2563eb}.bike-barcode{font-family:Courier New,monospace;font-weight:600;color:#2563eb;font-size:12px}.bike-price{font-weight:700;color:#1f2937;font-size:12px}.bike-stock{text-align:center;padding:4px 0}.bike-stock-badge{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:6px;padding:6px 12px;background:#dbeafe;border-radius:4px;font-weight:700;color:#1e40af;font-size:12px;min-width:130px;border:1px solid #bfdbfe;box-shadow:0 1px 3px #2563eb1a;white-space:nowrap}.bike-stock-badge.zero{background:#fee2e2;color:#991b1b;border-color:#fecaca}.bike-stock-count{font-size:16px;font-weight:900;line-height:1;min-width:22px}.bike-stock-badge span:nth-child(2){font-size:12px;font-weight:700}.bike-stock-badge span:nth-child(3){font-size:11px;font-weight:600;opacity:.9}.bike-table-print-count{width:80px;text-align:center;vertical-align:middle}.bike-print-input{width:56px;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:12px;font-weight:700;color:#2563eb;background:#f9fafb}.bike-print-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.bike-print-dash{color:#9ca3af;font-weight:700;font-size:12px}.bike-table-actions{width:220px;text-align:center}.bike-actions-group{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;align-items:center}.bike-action-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;background:#fff;font-size:12px}.bike-action-btn:hover{transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.bike-action-btn.view{color:#2563eb;border-color:#2563eb}.bike-action-btn.view:hover{background:#eff6ff;border-color:#1d4ed8}.bike-action-btn.edit{color:#f59e0b;border-color:#f59e0b}.bike-action-btn.edit:hover{background:#fffbeb;border-color:#d97706}.bike-action-btn.document{color:#059669;border-color:#059669}.bike-action-btn.document:hover{background:#f0fdf4;border-color:#047857}.bike-action-btn.delete{color:#dc2626;border-color:#dc2626}.bike-action-btn.delete:hover{background:#fef2f2;border-color:#b91c1c}.bike-pagination-section{background:#fff;border-radius:6px;padding:10px 14px;box-shadow:0 1px 3px #00000014;margin-bottom:8px;border:1px solid #e5e7eb}.bike-pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.bike-pagination-btn{padding:7px 12px;background:#fff;border:1px solid #d1d5db;border-radius:4px;cursor:pointer;transition:all .2s ease;color:#374151;font-weight:600;font-size:12px}.bike-pagination-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px)}.bike-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.bike-pagination-goto{display:flex;align-items:center;gap:6px;font-size:12px;color:#374151;font-weight:600}.bike-pagination-input{width:50px;padding:7px 8px;border:1px solid #d1d5db;border-radius:4px;text-align:center;font-size:12px;font-weight:600;color:#1f2937}.bike-pagination-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb1a}.bike-pagination-info{font-size:12px;color:#374151;font-weight:600;min-width:130px;text-align:center}.bike-export-section{padding:10px 14px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.bike-export-buttons-container{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.bike-export-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:4px;color:#fff;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.3px}.bike-export-btn.excel{background:#059669}.bike-export-btn.excel:hover{background:#047857;transform:translateY(-1px);box-shadow:0 2px 6px #05966933}.bike-export-btn.csv{background:#2563eb}.bike-export-btn.csv:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 2px 6px #2563eb33}.bike-export-btn.pdf{background:#dc2626}.bike-export-btn.pdf:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 6px #dc262633}.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:120px;height:auto;opacity:.6;margin-bottom:10px}.bike-no-data-container h3{font-size:14px;font-weight:700;color:#1f2937;margin:0 0 6px}.bike-no-data-container p{font-size:12px;color:#6b7280;margin:0}.bike-loading-panel,.bike-error-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.bike-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.bike-loading-panel p,.bike-error-panel p{font-size:13px;color:#374151;margin:0;font-weight:600}.bike-image-modal-content{display:flex;flex-direction:column;align-items:center;padding:16px;background:#fff;border-radius:6px}.bike-image-modal-title{font-size:14px;font-weight:700;color:#1f2937;margin:0 0 12px;text-align:center}.bike-image-modal-img{max-width:100%;max-height:500px;border-radius:4px;object-fit:contain}.active-filters-display{background:#eff6ff;border-left:3px solid #2563eb;padding:10px 12px;margin:0 0 8px;border-radius:4px;border:1px solid #bfdbfe}.active-filters-content{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.active-filters-label{font-weight:700;color:#1e40af;font-size:12px;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.filters-badges{display:flex;gap:6px;flex-wrap:wrap;flex:1}.filter-badge{background:#fff;border:1px solid #2563eb;padding:4px 8px;border-radius:3px;font-size:12px;color:#1e40af;display:inline-flex;align-items:center;gap:4px;font-weight:600}.clear-filters-btn{background:#dc2626;color:#fff;border:none;padding:6px 10px;border-radius:3px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.clear-filters-btn:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 2px 4px #dc262633}.no-access-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;background:#fff;border-radius:6px;box-shadow:0 1px 3px #00000014;margin:30px auto;max-width:450px}.no-access-image{width:180px;height:auto;margin-bottom:16px}.no-access-panel h3{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 8px}.no-access-panel p{font-size:13px;color:#6b7280;text-align:center;line-height:1.5;margin:0}@media(max-width:1024px){.bike-select-input{min-width:100px;font-size:12px}.bike-search-box{flex:0 1 160px;min-width:140px}.bike-stock-badge{min-width:135px;padding:5px 12px;font-size:12px}.bike-stock-count{font-size:17px}.bike-data-table{font-size:12px}.bike-data-table tbody tr{height:42px}.bike-data-table tbody td{height:42px;padding:7px 9px}}@media(max-width:768px){.panel-container{padding:6px}.bike-dashboard-header{flex-direction:column;align-items:flex-start;padding:10px 12px;margin-bottom:6px}.bike-header-right{width:100%;justify-content:flex-start}.bike-controls-section{flex-wrap:wrap;overflow-x:visible;gap:6px;padding:8px;margin-bottom:6px}.bike-controls-left{flex-wrap:wrap;gap:6px;width:100%}.bike-filter-item{flex-wrap:wrap;width:100%}.bike-search-box{width:100%;flex:1}.bike-filters-grid{flex-wrap:wrap;width:100%}.bike-select-input{width:100%;min-width:auto;font-size:12px}.bike-export-buttons-container{flex-direction:column;gap:6px}.bike-export-btn{width:100%;padding:8px 14px;font-size:12px}.bike-data-table{font-size:12px}.bike-data-table thead th,.bike-data-table tbody td{padding:7px 8px}.bike-data-table tbody tr,.bike-data-table tbody td{height:40px}.bike-stock-badge{min-width:130px;padding:5px 12px;font-size:12px}.bike-stock-count{font-size:16px}.bike-table-actions{min-width:500px}.bike-actions-group{gap:4px}.bike-action-btn{width:31px;height:31px;font-size:11px}.bike-pagination-controls{gap:6px}.bike-pagination-info{width:100%;min-width:auto;font-size:12px}.active-filters-display{margin:0 0 6px;padding:8px 10px}.filters-badges,.clear-filters-btn{width:100%}}@media(max-width:480px){.bike-dashboard-title{font-size:16px}.bike-title-icon{font-size:18px}.bike-select-input,.bike-search-input{font-size:12px}.bike-table-wrapper{max-height:350px}.bike-data-table{font-size:12px}.bike-data-table thead th,.bike-data-table tbody td{padding:6px 7px}.bike-data-table tbody tr,.bike-data-table tbody td{height:38px}.bike-stock-badge{min-width:125px;padding:4px 10px;font-size:12px;gap:6px}.bike-stock-count{font-size:15px;min-width:20px}.bike-pagination-btn{padding:6px 10px;font-size:12px}.bike-export-btn{font-size:12px;padding:7px 14px}.common-add-btn,.common-refresh-btn,.bike-print-btn,.common-filter-btn{padding:7px 12px;font-size:12px}.bike-actions-group{gap:3px}.bike-action-btn{width:30px;height:30px;font-size:11px}.bike-price{font-size:12px}.bike-print-input{width:54px;font-size:12px}}.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)}.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-btn:disabled{opacity:.5;cursor:not-allowed}.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}}.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}.parts-batch-container{padding:14px;background:#f5f5f5;min-height:100vh}.parts-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}.parts-header-left{display:flex;align-items:center;gap:12px}.parts-batch-title-compact{font-size:18px;font-weight:700;color:#1a1a1a;margin:0;display:flex;align-items:center;gap:10px}.parts-title-icon{font-size:22px;color:#2d3748}.parts-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}.parts-header-right{display:flex;gap:8px;flex-wrap:wrap}.parts-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}.parts-search-input-compact,.parts-filter-input-compact,.parts-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}.parts-search-input-compact{flex:1;min-width:180px}.parts-filter-input-compact{min-width:110px}.parts-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}.parts-search-input-compact:hover,.parts-filter-input-compact:hover,.parts-select-input-compact:hover{border-color:#adb5bd;box-shadow:0 1px 2px #0000000d}.parts-search-input-compact:focus,.parts-filter-input-compact:focus,.parts-select-input-compact:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.parts-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}.parts-clear-btn-compact:hover{background:#5a6268;transform:translateY(-1px);box-shadow:0 2px 4px #6c757d4d}.parts-table-section-compact{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000000f;overflow:hidden;margin-bottom:14px}.parts-table-wrapper-compact{overflow-x:auto;max-height:650px;position:relative}.parts-data-table{width:100%;border-collapse:collapse;font-size:12px;background:#fff}.parts-data-table thead{background:#2d3748;position:sticky;top:0;z-index:10}.parts-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}.parts-data-table tbody tr{border-bottom:1px solid #f0f0f0;transition:all .15s ease}.parts-data-table tbody tr:hover{background:#f8f9fa}.parts-data-table tbody td{padding:10px 12px;color:#2d3748;vertical-align:middle}.parts-barcode-cell{font-family:Courier New,monospace;font-weight:600;color:#495057;font-size:11px}.parts-product-name-cell{font-weight:600;color:#1a1a1a;font-size:11px}.parts-batch-name-cell{color:#495057;font-size:11px}.parts-price-cell{font-weight:600;color:#1a1a1a;text-align:right;font-size:11px}.parts-stock-cell-compact{text-align:center;font-weight:600;color:#1a1a1a;font-size:11px}.parts-store-cell-compact{text-align:center}.parts-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}.parts-status-cell-compact{text-align:center}.parts-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}.parts-status-badge-compact.in-stock{background:#d4edda;color:#155724}.parts-status-badge-compact.out-of-stock{background:#f8d7da;color:#721c24}.parts-pagination-section-compact{background:#fff;border-radius:6px;padding:12px 14px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px}.parts-pagination-controls-compact{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.parts-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}.parts-pagination-btn-compact:hover:not(:disabled){background:#2d3748;border-color:#2d3748;color:#fff;transform:translateY(-1px)}.parts-pagination-btn-compact:disabled{opacity:.4;cursor:not-allowed}.parts-pagination-goto-compact{display:flex;align-items:center;gap:6px;font-size:12px;color:#495057;font-weight:600}.parts-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}.parts-pagination-input-compact:focus{outline:none;border-color:#495057;box-shadow:0 0 0 2px #4950571a}.parts-export-section-compact{background:#fff;border-radius:6px;padding:12px 16px;box-shadow:0 1px 3px #0000000f;margin-bottom:14px}.parts-export-buttons-compact{display:flex;gap:8px;justify-content:flex-start;flex-wrap:wrap}.parts-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}.parts-export-btn-compact:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.parts-export-btn-compact:disabled{opacity:.5;cursor:not-allowed}.parts-export-btn-compact.excel{border-color:#28a745;color:#28a745}.parts-export-btn-compact.excel:hover:not(:disabled){background:#28a745;color:#fff}.parts-export-btn-compact.csv{border-color:#17a2b8;color:#17a2b8}.parts-export-btn-compact.csv:hover:not(:disabled){background:#17a2b8;color:#fff}.parts-export-btn-compact.pdf{border-color:#dc3545;color:#dc3545}.parts-export-btn-compact.pdf:hover:not(:disabled){background:#dc3545;color:#fff}.parts-no-data-compact{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.parts-no-data-compact img{width:120px;height:auto;opacity:.6;margin-bottom:12px}.parts-no-data-compact p{font-size:13px;color:#6c757d;margin:0}.parts-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)}}.parts-dashboard-stats-compact{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px}.parts-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}.parts-stat-card-compact:hover{box-shadow:0 2px 6px #0000001a;transform:translateY(-2px)}.parts-stat-card-compact.total{border-left-color:#8b5cf6}.parts-stat-card-compact.instock{border-left-color:#10b981}.parts-stat-card-compact.outofstock{border-left-color:#ef4444}.parts-stat-icon-compact{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:6px;background:#f8f9fa;color:#2d3748}.parts-stat-card-compact.total .parts-stat-icon-compact{background:#f3e8ff;color:#8b5cf6}.parts-stat-card-compact.instock .parts-stat-icon-compact{background:#dcfce7;color:#10b981}.parts-stat-card-compact.outofstock .parts-stat-icon-compact{background:#fee2e2;color:#ef4444}.parts-stat-content-compact{display:flex;flex-direction:column;gap:4px}.parts-stat-label-compact{font-size:11px;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.3px}.parts-stat-value-compact{font-size:22px;font-weight:700;color:#1a1a1a}.parts-filter-group{position:relative;flex:1;min-width:140px;display:flex;flex-direction:column;gap:6px}.parts-filter-label{font-size:11px;font-weight:700;color:#495057;text-transform:uppercase;letter-spacing:.3px;display:block}.parts-select-wrapper{position:relative;display:flex;align-items:center}.parts-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}.parts-filter-input-compact:hover{border-color:#adb5bd;box-shadow:0 2px 4px #0000000d}.parts-filter-input-compact:focus{outline:none;border-color:#495057;box-shadow:0 0 0 3px #4950571a;background:#fafbfc}.parts-filter-input-compact.disabled{background:#f8f9fa;color:#adb5bd;cursor:not-allowed;border-color:#e9ecef}.parts-input-icon{position:absolute;right:10px;color:#adb5bd;pointer-events:none;transition:all .2s ease}.parts-filter-input-compact:focus~.parts-input-icon{color:#495057}.parts-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}.parts-clear-btn-small:hover{color:#dc3545;transform:scale(1.1)}.parts-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}@keyframes slideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.parts-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}.parts-dropdown-items{overflow-y:auto;flex:1}.parts-dropdown-items::-webkit-scrollbar{width:6px}.parts-dropdown-items::-webkit-scrollbar-track{background:#f1f1f1}.parts-dropdown-items::-webkit-scrollbar-thumb{background:#adb5bd;border-radius:3px}.parts-dropdown-items::-webkit-scrollbar-thumb:hover{background:#6c757d}.parts-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}.parts-dropdown-item-enhanced:hover{background:#f8f9fa;padding-left:14px}.parts-dropdown-item-enhanced.selected{background:#e7f1ff;border-left:3px solid #0d6efd;padding-left:11px}.parts-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.parts-item-icon{color:#495057;flex-shrink:0}.parts-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.parts-item-name{font-size:12px;font-weight:600;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parts-item-meta{font-size:10px;color:#adb5bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.parts-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}.parts-dropdown-item-enhanced.selected .parts-item-badge{background:#0d6efd;color:#fff}.parts-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}.parts-dropdown-empty svg{opacity:.5}.parts-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){.parts-filters-compact{gap:8px}.parts-search-input-compact,.parts-filter-input-compact,.parts-select-input-compact{min-width:100px;font-size:11px}.parts-data-table{font-size:11px}.parts-data-table thead th,.parts-data-table tbody td{padding:8px 10px}.parts-filter-group{min-width:120px;flex:0 1 auto}}@media(max-width:768px){.parts-batch-header-compact{flex-direction:column;align-items:flex-start}.parts-header-right{width:100%;justify-content:flex-start}.parts-filters-compact{gap:8px;flex-wrap:wrap}.parts-search-input-compact{width:100%;min-width:auto}.parts-filter-input-compact,.parts-select-input-compact{flex:1;min-width:90px}.parts-table-wrapper-compact{max-height:500px}.parts-data-table{font-size:11px}.parts-data-table thead th,.parts-data-table tbody td{padding:8px 10px}.parts-pagination-controls-compact{gap:8px}.parts-export-buttons-compact{gap:6px}.parts-export-btn-compact{flex:1;min-width:70px;font-size:10px;padding:8px 10px}.parts-filter-group{min-width:100%;flex:1 1 100%}.parts-filter-label{font-size:10px}.parts-dropdown-enhanced{max-height:200px}.parts-selected-tag{font-size:10px;padding:5px 8px}}@media(max-width:480px){.parts-batch-title-compact{font-size:16px}.parts-title-icon{font-size:18px}.parts-filters-compact{gap:6px;padding:10px 12px}.parts-search-input-compact,.parts-filter-input-compact,.parts-select-input-compact,.parts-clear-btn-compact{font-size:11px;padding:7px 8px}.parts-table-wrapper-compact{max-height:350px}.parts-data-table{font-size:10px}.parts-data-table thead th,.parts-data-table tbody td{padding:6px 8px}.parts-pagination-btn-compact{padding:6px 9px;font-size:11px}.parts-export-btn-compact{font-size:9px;padding:8px 10px}.parts-filter-group{min-width:100%}.parts-filter-label{font-size:9px}.parts-filter-input-compact{font-size:10px;padding:7px 8px}.parts-dropdown-enhanced{max-height:180px}.parts-dropdown-header{font-size:9px;padding:6px 10px}.parts-dropdown-item-enhanced{padding:7px 8px}.parts-item-name{font-size:10px}.parts-item-meta{font-size:8px}.parts-item-badge{min-width:20px;height:20px;font-size:9px}.parts-selected-tag{font-size:9px;padding:4px 6px}.parts-dashboard-stats-compact{grid-template-columns:1fr;gap:6px}.parts-stat-card-compact{padding:10px;gap:10px}.parts-stat-icon-compact{width:30px;height:30px}.parts-stat-value-compact{font-size:14px}.parts-stat-label-compact{font-size:9px}}@media(max-width:1024px){.parts-dashboard-stats-compact{grid-template-columns:repeat(3,1fr);gap:10px}.parts-stat-card-compact{padding:12px 14px}.parts-stat-icon-compact{width:36px;height:36px}.parts-stat-value-compact{font-size:18px}}@media(max-width:768px){.parts-dashboard-stats-compact{grid-template-columns:repeat(2,1fr);gap:8px}.parts-stat-card-compact{padding:10px 12px}.parts-stat-icon-compact{width:32px;height:32px}.parts-stat-value-compact{font-size:16px}.parts-stat-label-compact{font-size:10px}}:root{--ipu-black: #111827;--ipu-black-soft: #1f2937;--ipu-black-light: #374151;--ipu-green: #059669;--ipu-green-dark: #047857;--ipu-green-light: #ecfdf5;--ipu-green-border: #a7f3d0;--ipu-amber: #f59e0b;--ipu-red: #dc2626;--ipu-red-light: #fef2f2;--ipu-blue: #2563eb;--ipu-blue-light: #eff6ff;--ipu-white: #ffffff;--ipu-bg: #f1f5f9;--ipu-surface: #ffffff;--ipu-border: #e2e8f0;--ipu-border-light: #f1f5f9;--ipu-text: #111827;--ipu-text-muted: #6b7280;--ipu-text-light: #9ca3af;--ipu-radius-sm: 4px;--ipu-radius: 6px;--ipu-radius-lg: 10px;--ipu-radius-xl: 14px;--ipu-shadow-sm: 0 1px 3px rgba(0,0,0,.08);--ipu-shadow: 0 4px 12px rgba(0,0,0,.1);--ipu-shadow-lg: 0 8px 24px rgba(0,0,0,.12);--ipu-shadow-xl: 0 16px 48px rgba(0,0,0,.15);--ipu-trans: .18s ease}.ipu-panel-container{width:100%;height:90vh;background:var(--ipu-bg);padding:12px;overflow:hidden;font-family:Inter,Segoe UI,sans-serif}.ipu-invoice-panel-container{width:100%;height:100%;background:var(--ipu-surface);border-radius:var(--ipu-radius-xl);box-shadow:var(--ipu-shadow-xl);display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--ipu-border)}.ipu-invoice-panel-header{background:linear-gradient(135deg,#0f172a,#1e293b 60%,#0f172a);padding:0 20px;height:54px;flex-shrink:0;border-bottom:1px solid rgba(255,255,255,.06);position:relative;overflow:hidden}.ipu-invoice-panel-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#059669,#34d399,#059669);background-size:200% 100%;animation:ipu-shimmer 3s linear infinite}@keyframes ipu-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ipu-invoice-panel-header-content{display:flex;justify-content:space-between;align-items:center;height:100%;gap:16px}.ipu-invoice-panel-title{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;margin:0;color:#fff;letter-spacing:-.2px}.ipu-invoice-panel-title-icon{color:#34d399}.ipu-title-text{background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ipu-invoice-panel-user-info{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ipu-invoice-panel-info-item{display:flex;align-items:center;gap:5px;font-size:11.5px}.ipu-invoice-panel-info-label{color:#94a3b8;font-weight:500}.ipu-invoice-panel-info-value{font-weight:600;color:#e2e8f0;background:#ffffff14;padding:2px 10px;border-radius:20px;border:1px solid rgba(255,255,255,.1);font-size:11px}.ipu-invoice-panel-main{display:flex;flex:1;overflow:hidden;gap:12px;padding:12px;background:#f8fafc}.ipu-invoice-panel-left{flex:1;display:flex;flex-direction:column;gap:10px;overflow:hidden;min-width:0}.ipu-invoice-panel-right{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding-right:2px}.ipu-invoice-panel-right::-webkit-scrollbar{width:4px}.ipu-invoice-panel-right::-webkit-scrollbar-track{background:transparent}.ipu-invoice-panel-right::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ipu-invoice-panel-search-section{background:var(--ipu-surface);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border);padding:10px 14px;box-shadow:var(--ipu-shadow-sm);flex-shrink:0}.ipu-invoice-panel-search-row{display:flex;gap:8px;align-items:center}.ipu-invoice-panel-search-type{min-width:120px;height:36px;padding:0 10px;border:1.5px solid var(--ipu-border);border-radius:var(--ipu-radius);font-size:12px;font-weight:600;background:#f8fafc;color:var(--ipu-text);cursor:pointer;outline:none;transition:border-color var(--ipu-trans)}.ipu-invoice-panel-search-type:focus{border-color:var(--ipu-black)}.ipu-invoice-panel-input-group{flex:1;position:relative}.ipu-invoice-panel-input{width:100%;height:36px;padding:0 12px;border:1.5px solid var(--ipu-border);border-radius:var(--ipu-radius);font-size:13px;font-weight:500;background:var(--ipu-surface);color:var(--ipu-text);outline:none;transition:border-color var(--ipu-trans),box-shadow var(--ipu-trans)}.ipu-invoice-panel-input:focus{border-color:var(--ipu-black);box-shadow:0 0 0 3px #11182714}.ipu-invoice-panel-input::placeholder{color:var(--ipu-text-light)}.ipu-invoice-panel-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--ipu-surface);border:1.5px solid var(--ipu-black);border-radius:var(--ipu-radius-lg);box-shadow:var(--ipu-shadow-lg);max-height:280px;overflow-y:auto;z-index:1000;animation:ipu-drop .15s ease}@keyframes ipu-drop{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.ipu-invoice-panel-suggestion-item{padding:9px 14px;cursor:pointer;border-bottom:1px solid var(--ipu-border-light);transition:background var(--ipu-trans)}.ipu-invoice-panel-suggestion-item:last-child{border-bottom:none}.ipu-invoice-panel-suggestion-item:hover{background:#f8fafc}.ipu-suggestion-main{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ipu-text);margin-bottom:2px}.ipu-suggestion-icon{color:var(--ipu-black)}.ipu-invoice-panel-suggestion-details{font-size:11px;color:var(--ipu-text-muted);display:block;margin-left:20px}.ipu-invoice-panel-cards-section{flex:1;display:flex;flex-direction:column;background:var(--ipu-surface);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border);box-shadow:var(--ipu-shadow-sm);overflow:hidden}.ipu-invoice-panel-table-header{padding:9px 16px;background:linear-gradient(135deg,#0f172a,#1e293b);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.ipu-invoice-panel-table-title{display:flex;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ipu-section-icon{flex-shrink:0}.ipu-invoice-table-wrapper{flex:1;overflow-y:auto;overflow-x:auto}.ipu-invoice-table-wrapper::-webkit-scrollbar{width:5px;height:5px}.ipu-invoice-table-wrapper::-webkit-scrollbar-track{background:#f8fafc}.ipu-invoice-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ipu-invoice-items-table{width:100%;border-collapse:collapse;font-size:12px}.ipu-invoice-items-table thead{background:#f8fafc;position:sticky;top:0;z-index:5}.ipu-invoice-items-table thead th{padding:8px 10px;text-align:left;font-size:10.5px;font-weight:700;color:var(--ipu-text-muted);border-bottom:2px solid var(--ipu-border);white-space:nowrap;text-transform:uppercase;letter-spacing:.4px}.ipu-invoice-items-table tbody tr{border-bottom:1px solid var(--ipu-border-light);transition:background var(--ipu-trans);height:48px}.ipu-invoice-items-table tbody tr:hover{background:#f8fafc}.ipu-invoice-items-table tbody tr.ipu-empty-row:hover{background:transparent}.ipu-invoice-items-table td{padding:6px 10px;vertical-align:middle}.ipu-table-item-thumb{width:38px;height:38px;border-radius:var(--ipu-radius);overflow:hidden;border:1.5px solid var(--ipu-border);background:#f8fafc;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ipu-table-item-thumb img{width:100%;height:100%;object-fit:cover}.ipu-product-name-cell{max-width:160px}.ipu-product-name-wrapper{display:flex;flex-direction:column;gap:2px}.ipu-product-name{font-weight:600;color:var(--ipu-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block}.ipu-product-id{font-size:10px;color:var(--ipu-text-muted);font-family:monospace}.ipu-barcode-cell{font-family:monospace;font-size:11px;color:var(--ipu-text-muted);font-weight:600}.ipu-price-cell,.ipu-qty-cell,.ipu-amount-cell{font-weight:600;font-family:monospace;text-align:right;font-size:12px}.ipu-amount-cell{color:var(--ipu-green);font-weight:700;font-size:13px}.ipu-actions-cell{display:flex;gap:4px;justify-content:center;align-items:center}.ipu-table-action-btn{width:28px;height:28px;border:none;border-radius:var(--ipu-radius);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all var(--ipu-trans)}.ipu-view-btn{background:#fef3c7;color:#d97706}.ipu-view-btn:hover{background:#fde68a;transform:translateY(-1px)}.ipu-delete-btn{background:#fee2e2;color:#dc2626}.ipu-delete-btn:hover{background:#fecaca;transform:translateY(-1px)}.ipu-empty-row{height:44px}.ipu-empty-row:hover{background:transparent!important}.ipu-invoice-panel-product-details{background:var(--ipu-surface);border-radius:var(--ipu-radius-lg);border:1.5px solid var(--ipu-black);overflow:hidden;box-shadow:var(--ipu-shadow);flex-shrink:0}.ipu-invoice-panel-product-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:linear-gradient(135deg,#0f172a,#1e293b)}.ipu-invoice-panel-product-title{display:flex;align-items:center;gap:6px;margin:0;font-size:11px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.4px}.ipu-close-product-details{background:#ffffff1a;border:none;color:#fff;width:22px;height:22px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ipu-trans)}.ipu-close-product-details:hover{background:#fff3}.ipu-invoice-panel-product-content{padding:8px}.ipu-product-info-table{width:100%;border-collapse:collapse;font-size:11px}.ipu-product-info-table tr{border-bottom:1px solid var(--ipu-border-light)}.ipu-product-info-table tr:last-child{border-bottom:none}.ipu-info-label{padding:5px 8px;color:var(--ipu-text-muted);font-weight:600;white-space:nowrap;width:70px;display:flex;align-items:center;gap:4px}.ipu-info-value{padding:5px 8px;font-weight:600;color:var(--ipu-text)}.ipu-info-code{font-family:monospace;font-size:10.5px;background:#f1f5f9;padding:2px 6px!important;border-radius:3px}.ipu-info-price{color:var(--ipu-green);font-weight:700}.ipu-product-add-button{padding:8px;border-top:1px solid var(--ipu-border)}.ipu-add-to-invoice-btn{width:100%;height:32px;background:linear-gradient(135deg,var(--ipu-green) 0%,var(--ipu-green-dark) 100%);color:#fff;border:none;border-radius:var(--ipu-radius);font-size:12px;font-weight:700;cursor:pointer;transition:all var(--ipu-trans)}.ipu-add-to-invoice-btn:hover{opacity:.9;transform:translateY(-1px)}.ipu-action-buttons-section{background:var(--ipu-surface);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border);padding:10px;box-shadow:var(--ipu-shadow-sm);flex-shrink:0}.ipu-action-buttons-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:10px;font-weight:700;color:var(--ipu-text-muted);text-transform:uppercase;letter-spacing:.5px}.ipu-action-buttons-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.ipu-action-button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 4px;background:#f8fafc;border:1.5px solid var(--ipu-border);border-radius:var(--ipu-radius-lg);cursor:pointer;transition:all var(--ipu-trans);position:relative;overflow:hidden;min-height:72px}.ipu-action-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--button-color);opacity:0;transition:opacity var(--ipu-trans);border-radius:inherit}.ipu-action-button:hover{border-color:var(--button-color);transform:translateY(-2px);box-shadow:0 4px 12px #0000001f}.ipu-action-button:hover:after{opacity:.08}.ipu-action-button:active{transform:translateY(0)}.ipu-action-button-icon{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--button-color);color:#fff;border-radius:var(--ipu-radius);transition:transform var(--ipu-trans);flex-shrink:0;position:relative;z-index:1}.ipu-action-button:hover .ipu-action-button-icon{transform:scale(1.1)}.ipu-action-button-label{font-size:10px;font-weight:600;color:var(--ipu-text-muted);text-align:center;line-height:1.2;word-break:break-word;position:relative;z-index:1;transition:color var(--ipu-trans)}.ipu-action-button:hover .ipu-action-button-label{color:var(--ipu-text)}.ipu-action-button-shortcut{font-size:9px;font-family:monospace;color:var(--ipu-text-light);background:var(--ipu-border-light);padding:1px 5px;border-radius:3px;position:relative;z-index:1}.ipu-summary-section{background:var(--ipu-surface);border-radius:var(--ipu-radius-lg);border:1px solid var(--ipu-border);padding:10px;box-shadow:var(--ipu-shadow-sm);flex-shrink:0;margin-top:auto}.ipu-summary-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:10px;font-weight:700;color:var(--ipu-text-muted);text-transform:uppercase;letter-spacing:.5px}.ipu-summary-items{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.ipu-summary-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f8fafc;border-radius:var(--ipu-radius);border-left:3px solid var(--ipu-border)}.ipu-summary-item-label{font-size:11px;font-weight:600;color:var(--ipu-text-muted)}.ipu-summary-item-value{font-size:12px;font-weight:700;color:var(--ipu-text);font-family:monospace}.ipu-summary-item.ipu-total{background:linear-gradient(135deg,#0f172a,#1e293b);border-left-color:var(--ipu-green);padding:8px 10px}.ipu-summary-item.ipu-total .ipu-summary-item-label{color:#94a3b8;font-size:12px}.ipu-summary-item.ipu-total .ipu-summary-item-value{color:#fff;font-size:15px}.ipu-payment-button-section{margin-top:8px}.ipu-invoice-panel-payment-btn{width:100%;height:42px;background:linear-gradient(135deg,var(--ipu-green) 0%,var(--ipu-green-dark) 100%);color:#fff;border:none;border-radius:var(--ipu-radius-lg);font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all var(--ipu-trans);box-shadow:0 4px 14px #0596694d;letter-spacing:.2px}.ipu-invoice-panel-payment-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #05966966}.ipu-invoice-panel-payment-btn:active:not(:disabled){transform:translateY(0)}.ipu-invoice-panel-payment-btn:disabled{background:#e2e8f0;color:var(--ipu-text-light);cursor:not-allowed;box-shadow:none}.pdm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:pdm-fade .2s ease}@keyframes pdm-fade{0%{opacity:0}to{opacity:1}}.pdm-modal-container{background:var(--ipu-surface);border-radius:var(--ipu-radius-xl);width:100%;max-width:700px;max-height:82vh;box-shadow:var(--ipu-shadow-xl);border:1.5px solid var(--ipu-black);animation:pdm-up .22s ease;overflow:hidden;display:flex;flex-direction:column}@keyframes pdm-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pdm-modal-header{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.pdm-modal-title-section{display:flex;align-items:center;gap:8px}.pdm-modal-title{margin:0;font-size:14px;font-weight:700;color:#fff;display:flex;align-items:center;gap:8px}.pdm-close-btn{background:#ffffff1a;color:#fff;border:none;border-radius:var(--ipu-radius);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--ipu-trans)}.pdm-close-btn:hover{background:#fff3}.pdm-modal-body::-webkit-scrollbar{width:5px}.pdm-detail-card{background:var(--ipu-surface);border:1px solid var(--ipu-border);border-radius:var(--ipu-radius-lg);padding:10px;transition:all var(--ipu-trans);display:flex;flex-direction:column;gap:5px;box-shadow:var(--ipu-shadow-sm)}.pdm-detail-card:hover{border-color:var(--ipu-black);transform:translateY(-1px);box-shadow:var(--ipu-shadow)}.pdm-detail-icon{width:22px;height:22px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pdm-detail-label{font-size:10px;font-weight:700;color:var(--ipu-text-muted);text-transform:uppercase;letter-spacing:.3px}.pdm-detail-value{font-size:12px;font-weight:600;color:var(--ipu-text);word-break:break-word;line-height:1.3}.pdm-detail-value.pdm-code{font-family:monospace;font-size:11px;background:#f1f5f9;padding:3px 7px;border-radius:4px;border-left:2px solid var(--ipu-black);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdm-detail-value.pdm-price{color:var(--ipu-green);font-weight:700;font-size:14px;font-family:monospace}@media(max-width:1400px){.ipu-invoice-panel-right{width:380px}}@media(max-width:1200px){.ipu-invoice-panel-right{width:360px}.ipu-action-buttons-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1024px){.ipu-invoice-panel-right{width:340px}.ipu-invoice-panel-user-info{flex-direction:column;gap:4px;align-items:flex-end}}@media(max-width:768px){.ipu-panel-container{padding:6px}.ipu-invoice-panel-main{flex-direction:column;padding:8px}.ipu-invoice-panel-right{width:100%}.ipu-action-buttons-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:480px){.ipu-action-buttons-grid{grid-template-columns:repeat(3,1fr)}.ipu-invoice-panel-title{font-size:14px}}.ipu-invoice-panel-input: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-black);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ipu-invoice-panel-header:before{animation:none}.ipu-action-button,.ipu-table-action-btn,.ipu-invoice-panel-payment-btn{transition:none}}@media print{.ipu-invoice-panel-header,.ipu-invoice-panel-right,.ipu-payment-button-section{display:none}.ipu-invoice-panel-main{padding:0}}.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}.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}.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{--bc-black: #0f172a;--bc-black-soft: #1e293b;--bc-green: #059669;--bc-green-light: #ecfdf5;--bc-amber: #f59e0b;--bc-red: #dc2626;--bc-blue: #2563eb;--bc-cyan: #0891b2;--bc-purple: #7c3aed;--bc-white: #ffffff;--bc-bg: #f8fafc;--bc-border: #e2e8f0;--bc-border-lt: #f1f5f9;--bc-text: #111827;--bc-muted: #6b7280;--bc-light: #9ca3af;--bc-radius: 6px;--bc-radius-lg: 10px;--bc-shadow: 0 4px 16px rgba(0,0,0,.12);--bc-shadow-xl: 0 20px 60px rgba(0,0,0,.25);--bc-trans: .15s ease}.bc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bc-fade .18s ease}@keyframes bc-fade{0%{opacity:0}to{opacity:1}}.bc-modal{background:var(--bc-white);border-radius:var(--bc-radius-lg);box-shadow:var(--bc-shadow-xl);width:100%;max-width:1380px;height:100vh;max-height:600px;display:flex;flex-direction:column;overflow:hidden;animation:bc-up .2s ease;border:1px solid var(--bc-border)}@keyframes bc-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.bc-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:46px;flex-shrink:0;background:linear-gradient(135deg,var(--bc-black) 0%,var(--bc-black-soft) 100%);border-bottom:2px solid var(--bc-green);position:relative;overflow:hidden}.bc-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#059669,#34d399,#059669);background-size:200% 100%;animation:bc-shimmer 3s linear infinite}@keyframes bc-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bc-title{font-size:14px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px;letter-spacing:.2px}.bc-title svg{color:#34d399}.bc-close-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:var(--bc-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--bc-trans)}.bc-close-btn:hover{background:#ffffff38}.bc-content{flex:1;overflow:hidden;display:flex;flex-direction:column;gap:0;background:var(--bc-bg)}.bc-controls-bar{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:var(--bc-white);border-bottom:1px solid var(--bc-border);flex-wrap:wrap;flex-shrink:0}.bc-filter-group{display:flex;flex-direction:column;gap:3px;min-width:130px;flex:1;max-width:220px}.bc-filter-label{font-size:10px;font-weight:700;color:var(--bc-muted);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:3px}.bc-filter-input,.bc-filter-select{height:30px;padding:0 8px;border:1px solid var(--bc-border);border-radius:var(--bc-radius);font-size:12px;background:var(--bc-white);color:var(--bc-text);outline:none;transition:border-color var(--bc-trans);width:100%}.bc-filter-input:focus,.bc-filter-select:focus{border-color:var(--bc-black);box-shadow:0 0 0 2px #0f172a12}.bc-bar-actions{display:flex;align-items:flex-end;gap:6px;flex-shrink:0;padding-bottom:0}.bc-btn{height:30px;padding:0 12px;border:none;border-radius:var(--bc-radius);font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:all var(--bc-trans)}.bc-btn:disabled{opacity:.5;cursor:not-allowed}.bc-btn-refresh{background:#f1f5f9;color:var(--bc-text);border:1px solid var(--bc-border)}.bc-btn-refresh:hover:not(:disabled){background:#e2e8f0}.bc-btn-clear{background:var(--bc-white);color:var(--bc-muted);border:1px solid var(--bc-border)}.bc-btn-clear:hover:not(:disabled){background:#f8fafc}.bc-table-wrapper{flex:1;overflow:auto;background:var(--bc-white);border-top:1px solid var(--bc-border)}.bc-table-wrapper::-webkit-scrollbar{width:5px;height:5px}.bc-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bc-table{width:100%;border-collapse:collapse;font-size:11.5px}.bc-table thead{background:var(--bc-black);position:sticky;top:0;z-index:5}.bc-table thead th{padding:8px 10px;text-align:left;font-size:10.5px;font-weight:700;color:#e2e8f0;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;border-bottom:2px solid var(--bc-green)}.bc-table tbody tr{border-bottom:1px solid var(--bc-border-lt);transition:background var(--bc-trans)}.bc-table tbody tr:hover{background:#f8fafc}.bc-table tbody td{padding:7px 10px;vertical-align:middle;color:var(--bc-text)}.bc-barcode{font-family:monospace;font-weight:700;color:var(--bc-black);font-size:11px}.bc-price{font-weight:700;font-family:monospace;text-align:right;color:var(--bc-green);font-size:12px}.bc-product-cell{display:flex;flex-direction:column;gap:1px}.bc-product-cell strong{font-weight:600;color:var(--bc-text);font-size:11.5px}.bc-product-cell small{font-size:10px;color:var(--bc-light)}.bc-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;white-space:nowrap}.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:4px;align-items:center;flex-wrap:nowrap}.bc-action-btn{height:26px;padding:0 8px;border:none;border-radius:var(--bc-radius);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:3px;color:#fff;white-space:nowrap;transition:all var(--bc-trans)}.bc-action-btn:hover{transform:translateY(-1px)}.bc-action-btn.view{background:var(--bc-blue)}.bc-action-btn.view:hover{background:#1d4ed8;box-shadow:0 3px 8px #2563eb4d}.bc-action-btn.print{background:var(--bc-cyan)}.bc-action-btn.print:hover{background:#0e7490;box-shadow:0 3px 8px #0891b24d}.bc-action-btn.print-vat{background:var(--bc-amber);display:inline-flex;align-items:center;gap:2px}.bc-action-btn.print-vat:hover{background:#d97706;box-shadow:0 3px 8px #f59e0b4d}.bc-action-btn.print-vat span{font-size:9px;font-weight:800}.bc-action-btn.delete{background:var(--bc-red)}.bc-action-btn.delete:hover{background:#b91c1c;box-shadow:0 3px 8px #dc26264d}.bc-pending-pill{font-size:10px;color:#92400e;font-weight:600;padding:2px 7px;background:#fef3c7;border-radius:12px;white-space:nowrap;border:1px solid #fde68a}.bc-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--bc-white);border-top:1px solid var(--bc-border);flex-shrink:0;flex-wrap:wrap;gap:8px}.bc-pagination{display:flex;align-items:center;gap:6px}.bc-page-btn{height:28px;padding:0 10px;border:1px solid var(--bc-border);background:var(--bc-white);color:var(--bc-text);border-radius:var(--bc-radius);font-size:11.5px;font-weight:600;cursor:pointer;transition:all var(--bc-trans)}.bc-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:var(--bc-black)}.bc-page-btn:disabled{opacity:.4;cursor:not-allowed}.bc-page-info{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--bc-muted)}.bc-page-input{width:38px;height:28px;text-align:center;border:1px solid var(--bc-border);border-radius:var(--bc-radius);font-size:12px;outline:none}.bc-page-input:focus{border-color:var(--bc-black)}.bc-page-total{font-size:11px;color:var(--bc-light);white-space:nowrap}.bc-export{display:flex;align-items:center;gap:6px}.bc-export-btn{height:28px;padding:0 10px;border:none;border-radius:var(--bc-radius);font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:#fff;transition:all var(--bc-trans)}.bc-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.bc-export-btn:disabled{opacity:.45;cursor:not-allowed}.bc-export-btn.excel{background:#16a34a}.bc-export-btn.excel:hover:not(:disabled){background:#15803d}.bc-export-btn.csv{background:var(--bc-cyan)}.bc-export-btn.csv:hover:not(:disabled){background:#0e7490}.bc-export-btn.pdf{background:var(--bc-red)}.bc-export-btn.pdf:hover:not(:disabled){background:#b91c1c}.bc-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;color:var(--bc-muted);font-size:13px}.bc-state-center img{width:80px;opacity:.5}.bc-spinner{color:var(--bc-black);animation:bc-spin .9s linear infinite}@keyframes bc-spin{to{transform:rotate(360deg)}}.bc-error-text{color:#ef4444;font-size:13px;text-align:center}.bc-retry-btn{height:30px;padding:0 14px;background:var(--bc-black);color:#fff;border:none;border-radius:var(--bc-radius);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:opacity var(--bc-trans)}.bc-retry-btn:hover{opacity:.85}.bdm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:bc-fade .18s ease}.bdm-modal{background:var(--bc-white);border-radius:var(--bc-radius-lg);box-shadow:var(--bc-shadow-xl);width:100%;max-width:1000px;max-height:82vh;display:flex;flex-direction:column;overflow:hidden;animation:bc-up .2s ease;border:1px solid var(--bc-border)}.bdm-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:44px;flex-shrink:0;background:linear-gradient(135deg,var(--bc-black) 0%,var(--bc-black-soft) 100%);border-bottom:2px solid var(--bc-green)}.bdm-title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:#fff}.bdm-title svg{color:#34d399}.bdm-close-btn{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:var(--bc-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--bc-trans)}.bdm-close-btn:hover{background:#ffffff38}.bdm-body{flex:1;overflow:hidden;display:flex}.bdm-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;gap:12px;color:var(--bc-muted);font-size:13px;width:100%}.bdm-spinner{color:var(--bc-green);animation:bc-spin .9s linear infinite}.bdm-left{flex:0 0 42%;padding:14px;border-right:1px solid var(--bc-border);overflow-y:auto;background:#f8fafc}.bdm-right{flex:0 0 58%;padding:14px;overflow-y:auto;display:flex;flex-direction:column}.bdm-left::-webkit-scrollbar,.bdm-right::-webkit-scrollbar{width:4px}.bdm-left::-webkit-scrollbar-thumb,.bdm-right::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bdm-section-title{display:flex;align-items:center;gap:6px;margin:0 0 10px;font-size:10.5px;font-weight:700;color:var(--bc-muted);text-transform:uppercase;letter-spacing:.4px}.bdm-section-title svg{color:var(--bc-green)}.bdm-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.bdm-summary-item{display:flex;flex-direction:column;gap:2px;padding:7px 9px;background:var(--bc-white);border:1px solid var(--bc-border);border-radius:var(--bc-radius);transition:border-color var(--bc-trans)}.bdm-summary-item:hover{border-color:var(--bc-black)}.bdm-summary-item.bdm-highlight{background:linear-gradient(135deg,var(--bc-black) 0%,var(--bc-black-soft) 100%);border-color:var(--bc-green);grid-column:1 / -1}.bdm-summary-item.bdm-highlight .bdm-label{color:#94a3b8}.bdm-summary-item.bdm-highlight .bdm-value{color:#fff;font-size:15px}.bdm-label{font-size:10px;font-weight:700;color:var(--bc-muted);text-transform:uppercase;letter-spacing:.3px}.bdm-value{font-size:12px;font-weight:600;color:var(--bc-text);word-break:break-word}.bdm-value.bdm-price{color:var(--bc-green);font-family:monospace;font-weight:700;font-size:13px}.bdm-status{display:inline-block;padding:2px 8px;border-radius:12px;font-size:10.5px;font-weight:700;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-items-scroll{flex:1;overflow-y:auto;border:1px solid var(--bc-border);border-radius:var(--bc-radius)}.bdm-items-scroll::-webkit-scrollbar{width:4px}.bdm-items-scroll::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.bdm-items-table{width:100%;border-collapse:collapse;font-size:11.5px}.bdm-items-table thead{background:var(--bc-black);position:sticky;top:0}.bdm-items-table thead th{padding:7px 10px;text-align:left;font-size:10.5px;font-weight:700;color:#e2e8f0;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.bdm-items-table tbody tr{border-bottom:1px solid var(--bc-border-lt);transition:background var(--bc-trans)}.bdm-items-table tbody tr:hover{background:#f8fafc}.bdm-items-table tbody td{padding:7px 10px;vertical-align:middle}.bdm-item-name strong{display:block;font-weight:600;color:var(--bc-text);font-size:11.5px}.bdm-barcode{display:block;font-size:9.5px;color:var(--bc-light);font-family:monospace}.bdm-item-qty,.bdm-item-rate,.bdm-item-amount{text-align:right;font-family:monospace}.bdm-item-amount.bdm-price{color:var(--bc-green);font-weight:700}.bdm-no-items{display:flex;align-items:center;justify-content:center;padding:32px;color:var(--bc-light);font-size:12px}@media(max-width:1024px){.bc-modal{max-width:98%}.bdm-modal{max-width:96%}}@media(max-width:768px){.bc-controls-bar{gap:6px}.bc-filter-group{max-width:100%}.bdm-body{flex-direction:column}.bdm-left{flex:none;border-right:none;border-bottom:1px solid var(--bc-border)}.bdm-right{flex:none}.bdm-summary-grid{grid-template-columns:1fr}}@media(max-width:480px){.bc-title{font-size:12px}.bc-table{font-size:10.5px}.bc-bottom-bar{flex-direction:column;align-items:flex-start}}.bc-filter-input:focus-visible,.bc-btn:focus-visible,.bc-action-btn:focus-visible,.bc-page-btn:focus-visible{outline:2px solid var(--bc-black);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bc-header:before{animation:none}.bc-modal,.bdm-modal{animation:none}}:root{--ss-black: #0f172a;--ss-black-soft: #1e293b;--ss-black-light: #374151;--ss-green: #059669;--ss-green-dark: #047857;--ss-green-light: #ecfdf5;--ss-amber: #f59e0b;--ss-red: #dc2626;--ss-blue: #2563eb;--ss-white: #ffffff;--ss-bg: #f8fafc;--ss-border: #e2e8f0;--ss-border-lt: #f1f5f9;--ss-text: #111827;--ss-muted: #6b7280;--ss-light: #9ca3af;--ss-radius: 6px;--ss-radius-lg: 10px;--ss-shadow: 0 4px 16px rgba(0,0,0,.1);--ss-shadow-xl: 0 20px 60px rgba(0,0,0,.25);--ss-trans: .15s ease}.ss-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:12px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ss-fade .18s ease}@keyframes ss-fade{0%{opacity:0}to{opacity:1}}.ss-modal{background:var(--ss-white);border-radius:var(--ss-radius-lg);box-shadow:var(--ss-shadow-xl);width:100%;max-width:1380px;height:100vh;max-height:650px;display:flex;flex-direction:column;overflow:hidden;animation:ss-up .2s ease;border:1px solid var(--ss-border)}@keyframes ss-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.ss-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:48px;flex-shrink:0;background:linear-gradient(135deg,var(--ss-black) 0%,var(--ss-black-soft) 100%);border-bottom:2px solid var(--ss-green);position:relative;overflow:hidden;gap:12px}.ss-header:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#059669,#34d399,#059669);background-size:200% 100%;animation:ss-shimmer 3s linear infinite}@keyframes ss-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.ss-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#fff;margin:0;white-space:nowrap}.ss-title svg{color:#34d399}.ss-tabs{display:flex;align-items:center;gap:4px;background:#ffffff12;padding:3px;border-radius:var(--ss-radius);border:1px solid rgba(255,255,255,.1)}.ss-tab{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 12px;border-radius:4px;border:none;font-size:11.5px;font-weight:600;cursor:pointer;color:#fff9;background:transparent;transition:all var(--ss-trans);white-space:nowrap}.ss-tab:hover{color:#fff;background:#ffffff1a}.ss-tab.active{background:var(--ss-green);color:#fff;box-shadow:0 2px 8px #05966966}.update-payment-close{background:#ffffff1a;border:none;color:#fff;width:28px;height:28px;border-radius:var(--ss-radius);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--ss-trans);flex-shrink:0}.update-payment-close:hover{background:#ffffff38}.ss-content{flex:1;overflow:hidden;display:flex;flex-direction:column;background:var(--ss-bg)}.ss-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.ss-filters{display:flex;align-items:flex-end;gap:8px;padding:8px 12px;background:var(--ss-white);border-bottom:1px solid var(--ss-border);flex-wrap:wrap;flex-shrink:0}.ss-filters-row{display:flex;align-items:flex-end;gap:8px;flex:1;flex-wrap:wrap}.ss-filter-item{display:flex;flex-direction:column;gap:3px;min-width:120px;flex:1;max-width:200px}.ss-filter-label{font-size:10px;font-weight:700;color:var(--ss-muted);text-transform:uppercase;letter-spacing:.3px;display:flex;align-items:center;gap:3px}.ss-filter-input,.ss-filter-select{height:30px;padding:0 8px;border:1px solid var(--ss-border);border-radius:var(--ss-radius);font-size:12px;background:var(--ss-white);color:var(--ss-text);outline:none;transition:border-color var(--ss-trans);width:100%}.ss-filter-input:focus,.ss-filter-select:focus{border-color:var(--ss-black);box-shadow:0 0 0 2px #0f172a12}.ss-filter-actions{display:flex;align-items:flex-end;gap:6px;flex-shrink:0}.ss-btn-primary,.ss-btn-secondary{height:30px;padding:0 12px;border:none;border-radius:var(--ss-radius);font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;white-space:nowrap;transition:all var(--ss-trans)}.ss-btn-primary:disabled{opacity:.5;cursor:not-allowed}.ss-btn-primary{background:#f1f5f9;color:var(--ss-text);border:1px solid var(--ss-border)}.ss-btn-primary:hover:not(:disabled){background:#e2e8f0}.ss-btn-secondary{background:var(--ss-white);color:var(--ss-muted);border:1px solid var(--ss-border)}.ss-btn-secondary:hover{background:#f8fafc}.ss-table-wrapper{flex:1;overflow:auto;background:var(--ss-white);border-top:1px solid var(--ss-border)}.ss-table-wrapper::-webkit-scrollbar{width:5px;height:5px}.ss-table-wrapper::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.ss-table{width:100%;border-collapse:collapse;font-size:11.5px}.ss-table thead{background:var(--ss-black);position:sticky;top:0;z-index:5}.ss-table thead th{padding:8px 10px;text-align:left;font-size:10.5px;font-weight:700;color:#e2e8f0;white-space:nowrap;letter-spacing:.3px;text-transform:uppercase;border-bottom:2px solid var(--ss-green)}.ss-table tbody tr{border-bottom:1px solid var(--ss-border-lt);transition:background var(--ss-trans)}.ss-table tbody tr:hover{background:#f8fafc}.ss-table tbody td{padding:7px 10px;vertical-align:middle;color:var(--ss-text)}.ss-text-sm{font-size:11.5px;color:var(--ss-text);font-family:monospace}.ss-product-cell{display:flex;flex-direction:column;gap:1px}.ss-product-cell strong{font-weight:600;color:var(--ss-text);font-size:11.5px}.ss-product-cell small{font-size:10px;color:var(--ss-light);font-family:monospace}.ss-table-image{width:48px}.ss-image-box{width:40px;height:40px;border-radius:var(--ss-radius);overflow:hidden;border:1.5px solid var(--ss-border);background:var(--ss-bg);display:flex;align-items:center;justify-content:center;transition:border-color var(--ss-trans)}.ss-image-box:hover{border-color:var(--ss-green)}.ss-image-box img{width:100%;height:100%;object-fit:cover}.ss-image-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--ss-light)}.ss-status{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600}.ss-status-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;white-space:nowrap}.ss-status-badge.in-stock{background:#d1fae5;color:#065f46}.ss-status-badge.low-stock{background:#fef3c7;color:#92400e}.ss-status-badge.out-of-stock{background:#fee2e2;color:#7f1d1d}.ss-color-cell{display:flex;align-items:center;gap:6px;font-size:11.5px}.ss-color-badge{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.15);flex-shrink:0;display:inline-block}.ss-action-btn{height:26px;padding:0 10px;border:none;border-radius:var(--ss-radius);font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:#fff;white-space:nowrap;transition:all var(--ss-trans)}.ss-action-btn.view{background:var(--ss-blue)}.ss-action-btn.view:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 3px 8px #2563eb4d}.ss-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:var(--ss-white);border-top:1px solid var(--ss-border);flex-shrink:0;flex-wrap:wrap;gap:8px}.ss-pagination{display:flex;align-items:center;gap:6px}.ss-page-btn{height:28px;padding:0 10px;border:1px solid var(--ss-border);background:var(--ss-white);color:var(--ss-text);border-radius:var(--ss-radius);font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all var(--ss-trans)}.ss-page-btn:hover:not(:disabled){background:#f1f5f9;border-color:var(--ss-black)}.ss-page-btn:disabled{opacity:.4;cursor:not-allowed}.ss-page-info{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ss-muted)}.ss-page-input{width:38px;height:28px;text-align:center;border:1px solid var(--ss-border);border-radius:var(--ss-radius);font-size:12px;outline:none}.ss-page-input:focus{border-color:var(--ss-black)}.ss-page-total{font-size:11px;color:var(--ss-light);white-space:nowrap}.ss-export{display:flex;align-items:center;gap:6px}.ss-export-btn{height:28px;padding:0 10px;border:none;border-radius:var(--ss-radius);font-size:11.5px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;color:#fff;transition:all var(--ss-trans)}.ss-export-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 3px 8px #00000026}.ss-export-btn:disabled{opacity:.45;cursor:not-allowed}.ss-export-btn.excel{background:#16a34a}.ss-export-btn.excel:hover:not(:disabled){background:#15803d}.ss-export-btn.csv{background:#0891b2}.ss-export-btn.csv:hover:not(:disabled){background:#0e7490}.ss-export-btn.pdf{background:var(--ss-red)}.ss-export-btn.pdf:hover:not(:disabled){background:#b91c1c}.ss-loading-container,.ss-error-container,.ss-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;gap:12px;color:var(--ss-muted);font-size:13px}.ss-no-data img{width:80px;opacity:.5}.ss-error-container{color:#ef4444}.ss-error-container p{font-size:13px;text-align:center}.ss-spinner{color:var(--ss-green);animation:ss-spin .9s linear infinite}@keyframes ss-spin{to{transform:rotate(360deg)}}.ss-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:3000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ss-modal-image{background:var(--ss-white);border-radius:var(--ss-radius-lg);padding:20px;max-width:500px;width:90%;outline:none;box-shadow:var(--ss-shadow-xl);border:1px solid var(--ss-border)}.ss-image-modal{display:flex;flex-direction:column;align-items:center;gap:12px}.ss-image-modal h3{font-size:14px;font-weight:700;color:var(--ss-text);margin:0;text-align:center}.ss-image-modal img{max-width:100%;max-height:380px;object-fit:contain;border-radius:var(--ss-radius);border:1px solid var(--ss-border)}.pdm-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:ss-fade .18s ease}.pdm-modal-container{background:var(--ss-white);border-radius:var(--ss-radius-lg);width:100%;max-width:720px;max-height:84vh;box-shadow:var(--ss-shadow-xl);border:1.5px solid var(--ss-black);animation:ss-up .2s ease;overflow:hidden;display:flex;flex-direction:column}.pdm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:0 16px;height:44px;flex-shrink:0;background:linear-gradient(135deg,var(--ss-black) 0%,var(--ss-black-soft) 100%);border-bottom:2px solid var(--ss-green)}.pdm-modal-title-section{display:flex;align-items:center}.pdm-modal-title{display:flex;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:700;color:#fff}.pdm-modal-title svg{color:#34d399}.pdm-modal-body{padding:14px;overflow-y:auto;flex:1;background:#f8fafc}.pdm-modal-body::-webkit-scrollbar{width:4px}.pdm-modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pdm-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.pdm-detail-card{background:var(--ss-white);border:1px solid var(--ss-border);border-radius:var(--ss-radius-lg);padding:10px;transition:all var(--ss-trans);display:flex;flex-direction:column;gap:5px;box-shadow:0 1px 3px #0000000d}.pdm-detail-card:hover{border-color:var(--ss-black);transform:translateY(-1px);box-shadow:var(--ss-shadow)}.pdm-detail-header{display:flex;align-items:center;gap:6px}.pdm-detail-icon{width:22px;height:22px;background:linear-gradient(135deg,var(--ss-black),var(--ss-black-soft));color:#fff;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pdm-detail-label{font-size:10px;font-weight:700;color:var(--ss-muted);text-transform:uppercase;letter-spacing:.3px}.pdm-detail-value{font-size:12px;font-weight:600;color:var(--ss-text);word-break:break-word;line-height:1.3}.pdm-detail-value.pdm-code{font-family:monospace;font-size:11px;background:#f1f5f9;padding:3px 7px;border-radius:4px;border-left:2px solid var(--ss-black);display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdm-detail-value.pdm-price{color:var(--ss-green);font-weight:700;font-size:14px;font-family:monospace}@media(max-width:1024px){.ss-modal{max-width:98%}.ss-filter-item{max-width:100%}}@media(max-width:768px){.ss-filters{flex-direction:column;align-items:stretch}.ss-filters-row{flex-direction:column}.ss-filter-item{max-width:100%}.ss-bottom-bar{flex-direction:column;align-items:flex-start}.pdm-details-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ss-title{font-size:12px}.ss-table{font-size:10.5px}.ss-tabs{display:none}.pdm-details-grid{grid-template-columns:1fr}}.ss-filter-input:focus-visible,.ss-btn-primary:focus-visible,.ss-action-btn:focus-visible,.ss-page-btn:focus-visible{outline:2px solid var(--ss-black);outline-offset:2px}@media(prefers-reduced-motion:reduce){.ss-header:before{animation:none}.ss-modal,.pdm-modal-container{animation:none}}.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}}.rfm-select-wrapper{position:relative;display:flex;align-items:center}.rfm-select{width:100%;padding:10px 32px 10px 12px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px;font-family:inherit;background-color:#fff;color:#1f2937;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.rfm-select:hover:not(:disabled){border-color:#d1d5db;background-color:#f9fafb}.rfm-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.rfm-select:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed}.rfm-select-icon{position:absolute;right:10px;pointer-events:none;color:#6b7280}.rfm-preview-option{margin-top:8px;padding-top:8px;border-top:1px solid #e5e7eb;color:#6b7280;font-size:12px}.rfm-success-banner{display:flex;align-items:flex-start;gap:12px;padding:12px;background-color:#ecfdf5;border:1px solid #86efac;border-radius:6px;margin-bottom:16px}.rfm-status-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#22c55e;color:#fff;border-radius:50%;font-size:12px;font-weight:700;flex-shrink:0}.rfm-success-banner strong{color:#15803d;display:block;margin-bottom:2px}.rfm-success-banner p{color:#166534;font-size:13px;margin:0}.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}}.evo-container{display:flex;flex-direction:column;gap:0;background:#f4f6f9;min-height:100%;font-family:Inter,Segoe UI,sans-serif;font-size:13px}.evo-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;position:sticky;top:0;z-index:10}.evo-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#1a1a1a;white-space:nowrap;margin-right:4px}.evo-title svg{color:#059669}.evo-store-pill{font-size:11px;font-weight:600;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 9px;border-radius:12px;white-space:nowrap}.evo-date-pill{font-size:11px;font-weight:600;color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;padding:2px 9px;border-radius:12px;white-space:nowrap}.evo-search-combo{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;background:#fff;height:30px;min-width:180px;flex:1;max-width:280px;overflow:hidden}.evo-combo-input-wrap{display:flex;align-items:center;flex:1;padding:0 8px;gap:5px}.evo-combo-icon{color:#9ca3af;flex-shrink:0}.evo-combo-input{border:none;outline:none;font-size:12px;color:#1a1a1a;background:transparent;width:100%}.evo-combo-clear{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center}.evo-combo-clear:hover{color:#dc2626}.evo-inline-select{height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;cursor:pointer;min-width:150px}.evo-inline-select:focus{border-color:#059669}.evo-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.evo-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s}.evo-btn:disabled{opacity:.5;cursor:not-allowed}.evo-btn-refresh{background:#f3f4f6;color:#374151;border-color:#d1d5db}.evo-btn-refresh:hover:not(:disabled){background:#e5e7eb}.evo-btn-clear{background:#fff;color:#6b7280;border-color:#d1d5db}.evo-btn-clear:hover:not(:disabled){background:#f9fafb}.evo-btn-add{background:#059669;color:#fff;border-color:#047857}.evo-btn-add:hover:not(:disabled){background:#047857}.evo-btn-category{background:#eff6ff;color:#1d4ed8;border-color:#bfdbfe}.evo-btn-category:hover:not(:disabled){background:#dbeafe}.evo-warn-strip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#fef3c7;border-bottom:1px solid #fde68a;font-size:12px;color:#92400e;font-weight:500}.evo-table-wrapper{background:#fff;border:1px solid #e5e7eb;overflow:hidden;flex:1}.evo-table-scroll{overflow-x:auto;width:100%}.evo-table{width:100%;border-collapse:collapse;font-size:12px}.evo-table thead tr{background:#1d2b3a}.evo-table thead th{padding:9px 12px;text-align:left;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.3px}.evo-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.evo-table tbody tr:hover{background:#f9fafb}.evo-table tbody td{padding:8px 12px;color:#374151;vertical-align:middle}.evo-td-num{color:#9ca3af;font-size:11px;width:36px}.evo-td-mono{font-family:monospace;font-size:12px}.evo-td-bold{font-weight:600;color:#1a1a1a}.evo-td-muted{color:#6b7280;font-size:11px}.evo-td-price{font-weight:700;color:#059669;font-size:13px}.evo-td-remark{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:11px}.evo-cat-badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:600;background:#eff6ff;color:#1d4ed8;white-space:nowrap}.evo-action-group{display:flex;align-items:center;gap:4px}.evo-action-btn{width:26px;height:26px;border-radius:5px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;background:#f9fafb;transition:background .15s,border-color .15s}.evo-action-delete{color:#dc2626}.evo-action-delete:hover{background:#fef2f2;border-color:#fecaca}.evo-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px}.evo-record-count{font-size:11px;color:#6b7280;font-weight:500}.evo-pg-right{display:flex;align-items:center;gap:6px}.evo-pg-arrow{width:28px;height:28px;border-radius:5px;border:1px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:background .15s}.evo-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.evo-pg-arrow:hover:not(:disabled){background:#f3f4f6}.evo-pg-label{font-size:11px;color:#6b7280}.evo-pg-input{width:44px;height:28px;text-align:center;border:1px solid #d1d5db;border-radius:5px;font-size:12px;outline:none}.evo-pg-input:focus{border-color:#059669}.evo-pg-text{font-size:11px;color:#6b7280;white-space:nowrap}.evo-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px;color:#6b7280;font-size:13px}.evo-state-center img{width:100px;opacity:.6}.evo-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:evo-spin .8s linear infinite}@keyframes evo-spin{to{transform:rotate(360deg)}}.evo-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.evo-modal{background:#fff;border-radius:8px;width:100%;max-width:560px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.evo-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#1d2b3a;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.evo-modal-header-left{display:flex;align-items:center;gap:8px}.evo-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;opacity:.8;line-height:1;padding:0;display:flex;align-items:center}.evo-modal-close:hover{opacity:1}.evo-modal-date-strip{display:flex;align-items:center;gap:8px;padding:8px 20px;background:#eff6ff;border-bottom:1px solid #bfdbfe;font-size:12px;color:#1e40af;font-weight:500;flex-shrink:0}.evo-modal-body{overflow-y:auto;padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:12px}.evo-locked-store{display:flex;align-items:center;gap:8px;padding:9px 14px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;font-size:13px}.evo-locked-store-name{font-weight:600;color:#1a1a1a;flex:1}.evo-locked-icon{font-size:14px}.evo-locked-helper{font-size:11px;color:#9ca3af;margin-top:4px}.evo-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:480px){.evo-modal-grid{grid-template-columns:1fr}}.evo-modal-grid-full{grid-column:1 / -1}.evo-form-group{display:flex;flex-direction:column;gap:5px}.evo-form-label{display:flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.evo-required{color:#dc2626;margin-left:2px}.evo-form-input,.evo-form-textarea{height:32px;padding:0 10px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:Inter,Segoe UI,sans-serif;width:100%}.evo-form-input:focus,.evo-form-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #05966914}.evo-form-textarea{height:auto;padding:8px 10px;resize:vertical;min-height:72px}.evo-cat-wrap{position:relative}.evo-cat-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;border:1px solid #d1d5db;border-radius:6px;box-shadow:0 4px 16px #0000001a;z-index:100;max-height:160px;overflow-y:auto;list-style:none;margin:0;padding:4px 0}.evo-cat-item{padding:7px 12px;font-size:12px;color:#374151;cursor:pointer;transition:background .1s}.evo-cat-item:hover{background:#f3f4f6;color:#059669;font-weight:600}.evo-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.evo-modal-btn{height:32px;padding:0 16px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .15s}.evo-modal-btn:disabled{opacity:.5;cursor:not-allowed}.evo-modal-btn-cancel{background:#f3f4f6;color:#374151;border-color:#d1d5db}.evo-modal-btn-cancel:hover{background:#e5e7eb}.evo-modal-btn-submit{background:#059669;color:#fff;border-color:#047857}.evo-modal-btn-submit:hover:not(:disabled){background:#047857}.evo-btn-spinner{width:13px;height:13px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:evo-spin .7s linear infinite;flex-shrink:0}.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}.vex-container{display:flex;flex-direction:column;gap:0;background:#f4f6f9;min-height:100%;font-family:Inter,Segoe UI,sans-serif;font-size:13px}.vex-access-denied{display:flex;align-items:center;justify-content:center;min-height:400px;background:#f4f6f9}.vex-access-panel{text-align:center;padding:48px 32px;background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014}.vex-access-img{width:120px;margin-bottom:16px;opacity:.7}.vex-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;position:sticky;top:0;z-index:10}.vex-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#1a1a1a;white-space:nowrap;margin-right:4px}.vex-title svg{color:#059669}.vex-store-pill{font-size:11px;font-weight:600;color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 9px;border-radius:12px;white-space:nowrap}.vex-date-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.vex-date-label{font-size:11px;font-weight:600;color:#6b7280;white-space:nowrap}.vex-date-input{height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .15s;width:130px}.vex-date-input:focus{border-color:#059669}.vex-search-combo{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff;height:30px;min-width:200px;flex:1;max-width:300px}.vex-combo-input-wrap{display:flex;align-items:center;flex:1;padding:0 8px;gap:5px}.vex-combo-icon{color:#9ca3af;flex-shrink:0}.vex-combo-input{border:none;outline:none;font-size:12px;color:#1a1a1a;background:transparent;width:100%}.vex-combo-clear{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center}.vex-combo-clear:hover{color:#dc2626}.vex-inline-select{height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;cursor:pointer;min-width:150px}.vex-inline-select:focus{border-color:#059669}.vex-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.vex-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s}.vex-btn:disabled{opacity:.5;cursor:not-allowed}.vex-btn-refresh{background:#f3f4f6;color:#374151;border-color:#d1d5db}.vex-btn-refresh:hover:not(:disabled){background:#e5e7eb}.vex-btn-clear{background:#fff;color:#6b7280;border-color:#d1d5db}.vex-btn-clear:hover:not(:disabled){background:#f9fafb}.vex-stats-row{display:flex;gap:12px;padding:12px 14px;flex-wrap:wrap;background:#f4f6f9}.vex-stat-card{flex:1;min-width:160px;background:#fff;border-radius:8px;padding:12px 16px;border-left:4px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:4px}.vex-stat-card.vex-stat-green{border-left-color:#059669}.vex-stat-card.vex-stat-blue{border-left-color:#2563eb}.vex-stat-card.vex-stat-orange{border-left-color:#d97706}.vex-stat-card.vex-stat-red{border-left-color:#dc2626}.vex-stat-header{display:flex;justify-content:space-between;align-items:center}.vex-stat-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.vex-stat-icon{width:26px;height:26px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.vex-stat-value{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2}.vex-stat-footer{font-size:11px;color:#9ca3af}.vex-table-wrapper{background:#fff;border:1px solid #e5e7eb;overflow:hidden;flex:1}.vex-table-scroll{overflow-x:auto;width:100%}.vex-table{width:100%;border-collapse:collapse;font-size:12px}.vex-table thead tr{background:#1d2b3a}.vex-table thead th{padding:9px 12px;text-align:left;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.3px}.vex-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.vex-table tbody tr:hover{background:#f9fafb}.vex-table tbody td{padding:8px 12px;color:#374151;vertical-align:middle}.vex-td-num{color:#9ca3af;font-size:11px;text-align:center;width:40px}.vex-td-mono{font-family:monospace;font-size:12px;color:#374151}.vex-td-bold{font-weight:600;color:#1a1a1a}.vex-td-muted{color:#6b7280;font-size:11px}.vex-td-price{font-weight:700;color:#059669;font-size:13px}.vex-td-remark{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#6b7280;font-size:11px}.vex-cat-badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:600;background:#eff6ff;color:#1d4ed8;white-space:nowrap}.vex-action-group{display:flex;align-items:center;gap:4px}.vex-action-btn{width:26px;height:26px;border-radius:5px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;background:#f9fafb}.vex-action-delete{color:#dc2626}.vex-action-delete:hover{background:#fef2f2;border-color:#fecaca}.vex-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px}.vex-export-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vex-export-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.vex-export-btn:disabled{opacity:.45;cursor:not-allowed}.vex-export-excel{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.vex-export-excel:hover:not(:disabled){background:#a7f3d0}.vex-export-csv{background:#fef3c7;color:#92400e;border-color:#fde68a}.vex-export-csv:hover:not(:disabled){background:#fde68a}.vex-export-pdf{background:#fee2e2;color:#991b1b;border-color:#fecaca}.vex-export-pdf:hover:not(:disabled){background:#fecaca}.vex-record-count{font-size:11px;color:#6b7280;font-weight:500;padding-left:4px}.vex-pg-right{display:flex;align-items:center;gap:6px}.vex-pg-arrow{width:28px;height:28px;border-radius:5px;border:1px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:background .15s}.vex-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.vex-pg-arrow:hover:not(:disabled){background:#f3f4f6}.vex-pg-label{font-size:11px;color:#6b7280}.vex-pg-input{width:44px;height:28px;text-align:center;border:1px solid #d1d5db;border-radius:5px;font-size:12px;outline:none}.vex-pg-input:focus{border-color:#059669}.vex-pg-text{font-size:11px;color:#6b7280;white-space:nowrap}.vex-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px;color:#6b7280;font-size:13px}.vex-state-center img{width:100px;opacity:.6}.vex-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#059669;border-radius:50%;animation:vex-spin .8s linear infinite}@keyframes vex-spin{to{transform:rotate(360deg)}}.vex-form-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.vex-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0}@media(max-width:640px){.vex-form-grid{grid-template-columns:1fr}}.vex-form-group{display:flex;flex-direction:column;gap:5px;padding:14px 16px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6}.vex-form-group:nth-child(2n){border-right:none}.vex-form-group-full{grid-column:1 / -1;border-right:none}.vex-form-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.vex-required{color:#dc2626;margin-left:2px}.vex-form-input,.vex-form-select,.vex-form-textarea{height:32px;padding:0 10px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:Inter,Segoe UI,sans-serif;width:100%}.vex-form-input:focus,.vex-form-select:focus,.vex-form-textarea:focus{border-color:#059669;box-shadow:0 0 0 3px #05966914}.vex-form-textarea{height:auto;padding:8px 10px;resize:vertical;min-height:72px}.vex-form-row-inline{display:flex;align-items:center;gap:8px}.vex-btn-icon{display:inline-flex;align-items:center;gap:4px;height:32px;padding:0 10px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid #a7f3d0;background:#d1fae5;color:#065f46;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.vex-btn-icon:hover{background:#a7f3d0}.vex-form-footer{padding:14px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-start}.vex-btn-submit{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 20px;border-radius:6px;font-size:13px;font-weight:700;border:none;background:#059669;color:#fff;cursor:pointer;transition:background .15s,opacity .15s;letter-spacing:.2px}.vex-btn-submit:hover:not(:disabled){background:#047857}.vex-btn-submit:disabled{opacity:.55;cursor:not-allowed}.vex-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:vex-spin .7s linear infinite;flex-shrink:0}.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}}.ism-container{display:flex;flex-direction:column;gap:0;background:#f4f6f9;min-height:100%;font-family:Inter,Segoe UI,sans-serif;font-size:13px}.ism-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;position:sticky;top:0;z-index:10}.ism-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#1a1a1a;white-space:nowrap;margin-right:4px}.ism-title svg{color:#7c3aed}.ism-store-pill{font-size:11px;font-weight:600;color:#7c3aed;background:#f5f3ff;border:1px solid #ddd6fe;padding:2px 9px;border-radius:12px;white-space:nowrap}.ism-date-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.ism-date-label{font-size:11px;font-weight:600;color:#6b7280;white-space:nowrap}.ism-date-input{height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .15s;width:130px}.ism-date-input:focus{border-color:#7c3aed}.ism-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.ism-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s}.ism-btn:disabled{opacity:.5;cursor:not-allowed}.ism-btn-refresh{background:#f3f4f6;color:#374151;border-color:#d1d5db}.ism-btn-refresh:hover:not(:disabled){background:#e5e7eb}.ism-btn-export{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.ism-btn-export:hover:not(:disabled){background:#a7f3d0}.ism-stats-row{display:flex;gap:12px;padding:12px 14px;flex-wrap:wrap;background:#f4f6f9}.ism-stat-card{flex:1;min-width:160px;background:#fff;border-radius:8px;padding:12px 16px;border-left:4px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:4px}.ism-stat-card.ism-stat-blue{border-left-color:#2563eb}.ism-stat-card.ism-stat-purple{border-left-color:#7c3aed}.ism-stat-card.ism-stat-red{border-left-color:#dc2626}.ism-stat-card.ism-stat-green{border-left-color:#059669}.ism-stat-card.ism-stat-loss{border-left-color:#dc2626}.ism-stat-header{display:flex;justify-content:space-between;align-items:center}.ism-stat-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.ism-stat-icon{width:26px;height:26px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.ism-stat-value{font-size:18px;font-weight:700;color:#1a1a1a;line-height:1.2}.ism-stat-value.positive{color:#059669}.ism-stat-value.negative{color:#dc2626}.ism-stat-footer{font-size:11px;color:#9ca3af}.ism-content{display:flex;flex-direction:column;gap:12px;padding:12px 14px}.ism-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.ism-detail-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.ism-detail-grid{grid-template-columns:1fr}}.ism-detail-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.ism-detail-card-header{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#1d2b3a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}.ism-detail-card-header svg{opacity:.85}.ism-detail-card-body{padding:0}.ism-detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #f3f4f6;font-size:12px}.ism-detail-row:last-child{border-bottom:none}.ism-detail-row-label{color:#6b7280}.ism-detail-row-value{font-weight:600;color:#1a1a1a}.ism-detail-row-value.negative{color:#dc2626}.ism-detail-row.ism-row-total{background:#f9fafb;font-weight:700}.ism-detail-row.ism-row-total .ism-detail-row-label{color:#1a1a1a;font-weight:700}.ism-detail-row.ism-row-total .ism-detail-row-value{color:#1a1a1a;font-size:13px}.ism-profit-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.ism-profit-header{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#1d2b3a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}.ism-profit-body{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;flex-wrap:wrap;gap:16px}.ism-profit-rows{display:flex;flex-direction:column;gap:0;flex:1;min-width:260px}.ism-profit-row{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;border-bottom:1px solid #f3f4f6;font-size:12px}.ism-profit-row:last-child{border-bottom:none;background:#f9fafb;font-weight:700;font-size:13px}.ism-profit-row-label{color:#6b7280}.ism-profit-row-label.bold{color:#1a1a1a;font-weight:700}.ism-profit-row-value{font-weight:600;color:#1a1a1a}.ism-profit-row-value.negative{color:#dc2626}.ism-profit-row-value.positive{color:#059669}.ism-profit-badge-wrap{display:flex;align-items:center;justify-content:center;padding:0 20px}.ism-status-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:24px;font-size:13px;font-weight:700;letter-spacing:.5px}.ism-status-badge.profitable{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.ism-status-badge.loss{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.ism-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px #0000000d}.ism-table-card-header{display:flex;align-items:center;gap:7px;padding:9px 14px;background:#1d2b3a;color:#fff;font-size:12px;font-weight:700;letter-spacing:.3px}.ism-table{width:100%;border-collapse:collapse;font-size:12px}.ism-table thead tr{background:#f9fafb}.ism-table thead th{padding:8px 14px;text-align:left;font-size:11px;font-weight:700;color:#6b7280;border-bottom:1px solid #e5e7eb;text-transform:uppercase;letter-spacing:.3px}.ism-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.ism-table tbody tr:hover{background:#f9fafb}.ism-table tbody td{padding:8px 14px;color:#374151;vertical-align:middle}.ism-table tbody tr.ism-table-total{background:#f3f4f6;font-weight:700}.ism-table tbody tr.ism-table-total td{color:#1a1a1a}.ism-td-bold{font-weight:600;color:#1a1a1a}.ism-td-price{font-weight:600;color:#059669}.ism-td-pct{color:#6b7280;font-size:11px}.ism-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:12px;color:#6b7280;font-size:13px;background:#f4f6f9}.ism-spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#7c3aed;border-radius:50%;animation:ism-spin .8s linear infinite}@keyframes ism-spin{to{transform:rotate(360deg)}}.ism-error-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:13px;margin:12px 14px}.ism-error-banner button{margin-left:auto;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;background:#dc2626;color:#fff;border:none;border-radius:5px;font-size:12px;font-weight:600;cursor:pointer}.ism-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:10px;color:#6b7280;font-size:13px}.vap-container{display:flex;flex-direction:column;gap:0;background:#f4f6f9;min-height:100%;font-family:Inter,Segoe UI,sans-serif;font-size:13px}.vap-panel-container-access{display:flex;align-items:center;justify-content:center;min-height:400px;background:#f4f6f9}.vap-no-access-panel{text-align:center;padding:48px 32px;background:#fff;border-radius:10px;box-shadow:0 2px 12px #00000014}.vap-no-access-image{width:120px;margin-bottom:16px;opacity:.7}.vap-controls{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;position:sticky;top:0;z-index:10}.vap-title{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:700;color:#1a1a1a;white-space:nowrap;margin-right:4px}.vap-title svg{color:#4f46e5}.vap-store-pill{font-size:11px;font-weight:600;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;padding:2px 9px;border-radius:12px;white-space:nowrap}.vap-date-group{display:flex;align-items:center;gap:6px;flex-wrap:nowrap}.vap-date-label{font-size:11px;font-weight:600;color:#6b7280;white-space:nowrap}.vap-date-input{height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;transition:border-color .15s;width:130px}.vap-date-input:focus{border-color:#4f46e5}.vap-search-combo{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background:#fff;height:30px;min-width:220px;flex:1;max-width:320px}.vap-combo-input-wrap{display:flex;align-items:center;flex:1;padding:0 8px;gap:5px}.vap-combo-icon{color:#9ca3af;flex-shrink:0}.vap-combo-input{border:none;outline:none;font-size:12px;color:#1a1a1a;background:transparent;width:100%}.vap-combo-clear{background:none;border:none;cursor:pointer;color:#9ca3af;padding:2px;display:flex;align-items:center}.vap-combo-clear:hover{color:#dc2626}.vap-inline-select{height:30px;padding:0 8px;border:1px solid #d1d5db;border-radius:5px;font-size:12px;color:#1a1a1a;background:#fff;outline:none;cursor:pointer;min-width:130px}.vap-inline-select:focus{border-color:#4f46e5}.vap-view-tabs{display:flex;gap:0;border-bottom:2px solid #e5e7eb;background:#fff;padding:0 14px}.vap-view-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;color:#6b7280;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:color .15s,border-color .15s}.vap-view-tab:hover{color:#4f46e5}.vap-view-tab.active{color:#4f46e5;border-bottom-color:#4f46e5}.vap-actions{display:flex;align-items:center;gap:6px;margin-left:auto}.vap-btn{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 12px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:opacity .15s,background .15s}.vap-btn:disabled{opacity:.5;cursor:not-allowed}.vap-btn-refresh{background:#f3f4f6;color:#374151;border-color:#d1d5db}.vap-btn-refresh:hover:not(:disabled){background:#e5e7eb}.vap-btn-clear{background:#fff;color:#6b7280;border-color:#d1d5db}.vap-btn-clear:hover:not(:disabled){background:#f9fafb}.vap-stats-row{display:flex;gap:12px;padding:12px 14px;flex-wrap:wrap;background:#f4f6f9}.vap-stat-card{flex:1;min-width:160px;background:#fff;border-radius:8px;padding:12px 16px;border-left:4px solid #e5e7eb;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:4px}.vap-stat-card.vap-stat-purple{border-left-color:#7c3aed}.vap-stat-card.vap-stat-blue{border-left-color:#2563eb}.vap-stat-card.vap-stat-green{border-left-color:#059669}.vap-stat-card.vap-stat-orange{border-left-color:#d97706}.vap-stat-header{display:flex;justify-content:space-between;align-items:center}.vap-stat-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.3px}.vap-stat-icon{width:26px;height:26px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#6b7280}.vap-stat-value{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.2}.vap-stat-footer{font-size:11px;color:#9ca3af}.vap-table-wrapper{background:#fff;border:1px solid #e5e7eb;border-radius:0;overflow:hidden;margin:0;flex:1}.vap-table-scroll{overflow-x:auto;width:100%}.vap-table{width:100%;border-collapse:collapse;font-size:12px}.vap-table thead tr{background:#1d2b3a}.vap-table thead th{padding:9px 12px;text-align:left;font-size:11px;font-weight:600;color:#fff;white-space:nowrap;letter-spacing:.3px}.vap-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s}.vap-table tbody tr:hover{background:#f9fafb}.vap-table tbody td{padding:8px 12px;color:#374151;vertical-align:middle}.vap-td-mono{font-family:monospace;font-size:12px;color:#374151}.vap-td-bold{font-weight:600;color:#1a1a1a}.vap-td-muted{color:#6b7280}.vap-td-price{font-weight:600;color:#059669;font-size:12px}.vap-td-remaining{font-weight:600;color:#dc2626;font-size:12px}.vap-customer-name,.vap-bike-name{font-weight:600;color:#1a1a1a;font-size:12px}.vap-customer-mobile,.vap-bike-model{font-size:11px;color:#6b7280;margin-top:1px}.vap-badge{display:inline-block;padding:2px 9px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.vap-badge-method{background:#eff6ff;color:#1d4ed8}.vap-badge-active{background:#d1fae5;color:#065f46}.vap-badge-completed{background:#dbeafe;color:#1e40af}.vap-badge-cancelled{background:#fee2e2;color:#991b1b}.vap-badge-unknown{background:#f3f4f6;color:#6b7280}.vap-action-group{display:flex;align-items:center;gap:4px}.vap-action-btn{width:26px;height:26px;border-radius:5px;border:1px solid transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s;background:#f9fafb}.vap-action-btn:hover{border-color:#d1d5db}.vap-action-view{color:#2563eb}.vap-action-view:hover{background:#eff6ff;border-color:#bfdbfe}.vap-action-print{color:#7c3aed}.vap-action-print:hover{background:#f5f3ff;border-color:#ddd6fe}.vap-action-delete{color:#dc2626}.vap-action-delete:hover{background:#fef2f2;border-color:#fecaca}.vap-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;gap:8px}.vap-export-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vap-export-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:5px;font-size:11px;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity .15s}.vap-export-btn:disabled{opacity:.45;cursor:not-allowed}.vap-export-excel{background:#d1fae5;color:#065f46;border-color:#a7f3d0}.vap-export-excel:hover:not(:disabled){background:#a7f3d0}.vap-export-csv{background:#fef3c7;color:#92400e;border-color:#fde68a}.vap-export-csv:hover:not(:disabled){background:#fde68a}.vap-export-pdf{background:#fee2e2;color:#991b1b;border-color:#fecaca}.vap-export-pdf:hover:not(:disabled){background:#fecaca}.vap-record-count{font-size:11px;color:#6b7280;font-weight:500;padding-left:4px}.vap-pg-right{display:flex;align-items:center;gap:6px}.vap-pg-arrow{width:28px;height:28px;border-radius:5px;border:1px solid #d1d5db;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;transition:background .15s}.vap-pg-arrow:disabled{opacity:.4;cursor:not-allowed}.vap-pg-arrow:hover:not(:disabled){background:#f3f4f6}.vap-pg-label{font-size:11px;color:#6b7280}.vap-pg-input{width:44px;height:28px;text-align:center;border:1px solid #d1d5db;border-radius:5px;font-size:12px;outline:none}.vap-pg-input:focus{border-color:#4f46e5}.vap-pg-text{font-size:11px;color:#6b7280;white-space:nowrap}.vap-state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px;color:#6b7280;font-size:13px}.vap-state-center img{width:100px;opacity:.6}.vap-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#4f46e5;border-radius:50%;animation:vap-spin .8s linear infinite}@keyframes vap-spin{to{transform:rotate(360deg)}}.vap-analytics-section{padding:16px 14px;background:#f4f6f9;display:flex;flex-direction:column;gap:16px}.vap-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:900px){.vap-charts-row{grid-template-columns:1fr}}.vap-chart-card{background:#fff;border-radius:8px;padding:16px;border:1px solid #e5e7eb;box-shadow:0 1px 4px #0000000d}.vap-chart-title{font-size:13px;font-weight:700;color:#1a1a1a;margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid #f3f4f6}.vap-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}.vap-modal{background:#fff;border-radius:8px;width:100%;max-width:700px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040;overflow:hidden}.vap-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#1d2b3a;color:#fff;font-size:14px;font-weight:700;flex-shrink:0}.vap-modal-close{background:none;border:none;color:#fff;font-size:20px;cursor:pointer;line-height:1;padding:0;opacity:.8}.vap-modal-close:hover{opacity:1}.vap-modal-body{overflow-y:auto;padding:16px 20px;flex:1;display:flex;flex-direction:column;gap:16px}.vap-modal-section{border:1px solid #e5e7eb;border-radius:7px;overflow:hidden}.vap-modal-section-title{font-size:12px;font-weight:700;color:#fff;background:#374151;padding:7px 14px;letter-spacing:.3px;text-transform:uppercase}.vap-modal-section-body{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:0}.vap-modal-row{display:flex;flex-direction:column;padding:10px 14px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6}.vap-modal-row:last-child{border-bottom:none}.vap-modal-row-label{font-size:10px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.3px;margin-bottom:3px}.vap-modal-row-value{font-size:13px;font-weight:600;color:#1a1a1a;word-break:break-word}.vap-highlight-green{color:#059669;font-weight:700}.vap-highlight-red{color:#dc2626;font-weight:700}.vap-remarks{padding:10px 14px;font-size:13px;color:#374151;line-height:1.6;background:#f9fafb}.vap-modal-footer{padding:12px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:flex-end;gap:8px;flex-shrink:0}.vap-modal-btn{height:32px;padding:0 16px;border-radius:5px;font-size:12px;font-weight:600;border:1px solid transparent;cursor:pointer}.vap-modal-btn-secondary{background:#f3f4f6;color:#374151;border-color:#d1d5db}.vap-modal-btn-secondary:hover{background:#e5e7eb}.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}*{margin:0;padding:0;box-sizing:border-box}.approval-container{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;align-items:flex-start;justify-content:center;padding:16px 12px 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden;width:100%}.approval-card{background:#fff;border-radius:8px;box-shadow:0 4px 6px #00000012;width:100%;max-width:500px;min-width:0;overflow:hidden}.info-header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb;gap:8px}.store-info{flex:1;min-width:0}.store-name{font-size:14px;font-weight:700;color:#111827;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.store-user{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invoice-info{text-align:right;flex-shrink:0}.invoice-label{font-size:10px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:3px}.invoice-id{font-size:14px;font-weight:700;color:#3b82f6;font-family:Courier New,monospace}.status-banner{display:flex;align-items:center;gap:12px;padding:14px 16px;font-weight:600}.status-banner.approved{background:#d1fae5;color:#065f46}.status-banner.rejected{background:#fee2e2;color:#7f1d1d}.status-banner h2{font-size:14px;margin-bottom:2px}.status-banner p{font-size:11px;opacity:.8}.section{padding:12px 16px;border-bottom:1px solid #f3f4f6}.section:last-of-type{border-bottom:none}.section-title{font-size:10px;font-weight:700;color:#374151;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.customer-card{background:#f9fafb;padding:10px 12px;border-radius:6px;border-left:3px solid #3b82f6}.customer-name{font-size:13px;font-weight:600;color:#111827;margin-bottom:6px}.customer-detail{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#6b7280;margin-bottom:5px;line-height:1.4}.customer-detail:last-child{margin-bottom:0}.customer-detail svg{color:#3b82f6;flex-shrink:0;margin-top:1px}.items-list{display:flex;flex-direction:column;gap:8px}.item-card{background:#f9fafb;padding:10px 12px;border-radius:6px;border-left:3px solid #10b981}.item-name{font-size:12px;font-weight:600;color:#111827;margin-bottom:2px;line-height:1.3}.item-model{font-size:10px;color:#6b7280;margin-bottom:5px}.item-details{display:flex;justify-content:space-between;font-size:11px;color:#374151}.item-price{font-weight:600;color:#10b981}.totals-box{background:#f9fafb;padding:10px 12px;border-radius:6px;border-left:3px solid #3b82f6}.total-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:12px;color:#374151;border-bottom:1px solid #e5e7eb}.total-row:last-child{border-bottom:none}.total-row span:last-child{font-weight:600}.total-row.discount{color:#ef4444}.total-row.total{background:#e0e7ff;padding:8px;margin:8px -12px -10px;border-radius:0 0 6px 6px;color:#3b82f6;font-weight:600;border-bottom:none;font-size:13px}.reason-box{background:#fee2e2;padding:10px 12px;border-radius:6px;border-left:3px solid #ef4444;color:#7f1d1d;font-size:11px;line-height:1.5;word-break:break-word}.action-buttons{display:flex;gap:10px;padding:14px 16px;border-top:1px solid #e5e7eb}.btn{flex:1;padding:13px 12px;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;min-height:44px;-webkit-tap-highlight-color:transparent}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-approve{background:#10b981;color:#fff}.btn-approve:hover:not(:disabled),.btn-approve:active:not(:disabled){background:#059669}.btn-reject{background:#ef4444;color:#fff}.btn-reject:hover:not(:disabled),.btn-reject:active:not(:disabled){background:#dc2626}.btn-home{background:#3b82f6;color:#fff;padding:13px 16px;border:none;border-radius:6px;font-weight:600;font-size:13px;cursor:pointer;min-height:44px;-webkit-tap-highlight-color:transparent}.btn-home:hover,.btn-home:active{background:#2563eb}.btn-home.full{width:calc(100% - 32px);display:block;margin:0 16px 16px;text-align:center}.card-footer{padding:10px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:10px;color:#6b7280;text-align:center}.card-footer p{margin:2px 0}.approval-loading,.approval-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px 20px;background:#fff;border-radius:8px;text-align:center;width:100%;max-width:400px}.approval-loading p,.approval-error p{color:#6b7280;font-size:13px}.approval-error h2{color:#111827;font-size:16px;margin:6px 0}.spinner,.spinner-small{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:480px){.approval-container{padding:12px 10px 10px}}@media(max-width:360px){.action-buttons{flex-direction:column}.btn{width:100%}.invoice-id{font-size:12px}.store-name{font-size:13px}}.detail-label{font-weight:600;color:#374151;min-width:58px;flex-shrink:0;font-size:10px;text-transform:uppercase;letter-spacing:.3px}.bike-details{background:#f0f9ff;border:1px solid #bae6fd;border-radius:5px;padding:8px 10px;margin:6px 0;display:flex;flex-direction:column;gap:5px}.bike-detail-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.bike-detail-label{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:600;color:#0369a1;text-transform:uppercase;letter-spacing:.3px;flex-shrink:0;min-width:60px}.bike-detail-value{font-size:11px;font-weight:600;color:#0c4a6e;font-family:Courier New,monospace;text-align:right;word-break:break-all}.item-badge-row{display:flex;flex-wrap:wrap;gap:5px;margin:4px 0 6px}.item-badge{font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;display:inline-flex;align-items:center;gap:3px}.badge-make{background:#fef3c7;color:#92400e;border:1px solid #fde68a}.badge-model{background:#ede9fe;color:#5b21b6;border:1px solid #ddd6fe}.badge-color{background:#fce7f3;color:#9d174d;border:1px solid #fbcfe8}.item-qty{font-size:11px;color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px}