@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;600;700&display=swap";.input-wrapper{width:100%;margin-bottom:1rem}.input-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-required{color:#ef4444;margin-left:.25rem}.custom-input{width:100%;padding:12px 16px;border:1px solid var(--inputBorder, #d1d5db);border-radius:8px;font-size:16px;outline:none;transition:all .2s ease;background-color:#fff}.input-inner{position:relative;width:100%}.input-inner.has-left .custom-input{padding-left:44px}.input-inner.has-right .custom-input{padding-right:44px}.input-icon{width:20px;height:20px;display:inline-block}.input-icon.left{position:absolute;top:50%;left:12px;transform:translateY(-50%);pointer-events:none}.input-icon-btn.right{position:absolute;top:50%;right:8px;transform:translateY(-50%);width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer}.input-icon-btn.right:hover{background:#f1f5f9}.input-error-text{margin-top:6px;color:#ef4444;font-size:12px}.custom-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f;outline:none}.custom-input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.custom-textarea{resize:vertical;min-height:80px;font-family:inherit}select.custom-input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23374151' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.container{width:100vw;display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(135deg,#e8f1ff,#f5f9ff)}.left-side-wrapper{width:70%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:2px solid #ccc;background:#e8f1ff}.heading-text-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:20px;padding:30px}.login-left-image{width:70%;height:70%;object-fit:cover;object-position:center}.heading-text{font-size:24px;font-weight:600;color:#000;text-align:center}.right-side-wrapper{width:30%;height:100%;display:flex;align-items:center;justify-content:center;padding:30px}.form-wrapper{width:100%;display:flex;flex-direction:column;gap:15px;padding:30px;align-items:center;justify-content:center;background:#fff;border-radius:14px;box-shadow:0 10px 25px #02061714;max-width:420px}.form-heading-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 0 10px}.forgot-password-text{font-size:14px;color:#3b82f6;align-self:flex-end}.auth-title{font-size:20px;font-weight:600;color:#0f172a;margin:0}.auth-brand{font-size:28px;font-weight:700;color:#0f172a;margin:4px 0 6px}.auth-subtitle{font-size:14px;color:#475569;margin:0}.field{width:100%;display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;color:#334155}.password-row{display:flex;align-items:center;gap:8px}.password-toggle{background:#eef2ff;color:#4338ca;border:none;border-radius:8px;padding:10px 12px;font-size:12px;cursor:pointer;transition:background .2s ease,transform .05s ease}.password-toggle:hover{background:#e0e7ff}.password-toggle:active{transform:scale(.98)}.meta-row{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:4px}.remember-me{display:flex;align-items:center;gap:8px;font-size:14px;color:#334155}.link{color:#3b82f6;text-decoration:none}.link:hover{text-decoration:underline}.submit-btn{width:100%;padding:12px 16px;background:#2563eb;color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:background .2s ease,transform .05s ease,box-shadow .2s ease;box-shadow:0 8px 18px #2563eb40}.submit-btn:hover{background:#1d4ed8}.submit-btn:active{transform:translateY(1px);box-shadow:0 6px 12px #2563eb38}.submit-btn:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.signup-link-wrapper{width:100%;display:flex;justify-content:center;align-items:center;margin-top:16px}.signup-text{font-size:14px;color:#64748b;margin:0;text-align:center}.signup-link{color:#3b82f6;text-decoration:none;font-weight:500;margin-left:4px;transition:color .2s ease}.signup-link:hover{color:#2563eb;text-decoration:underline}.input-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.error-text{color:#ef4444;font-size:12px;margin-top:6px}.adornment-field{position:relative;width:100%}.with-adornment{padding-right:44px}.adornment-btn{position:absolute;top:50%;right:10px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer}.adornment-btn:hover{background:#f1f5f9}.pw-checklist{width:100%;margin-top:10px}.pw-title{font-size:13px;color:#64748b;margin:0 0 6px}.pw-item{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.6;color:#0f172a}.pw-item img{width:18px;height:18px}.pw-item.neutral{color:#6b7280}.pw-item.ok{color:#16a34a}.pw-item.err{color:#ef4444}@media (max-width: 1024px){.left-side-wrapper{width:55%}.right-side-wrapper{width:45%}}@media (max-width: 768px){.container{flex-direction:column;height:auto;min-height:100vh;padding:24px 16px}.left-side-wrapper{width:100%;height:auto;padding:24px 0;border-right:none;border-bottom:1px solid #e2e8f0;background:transparent}.right-side-wrapper{width:100%;height:auto;padding:24px 0}.login-left-image{width:90%;height:auto}}.country-dropdown-wrapper{position:relative;width:100%}.country-dropdown-trigger{width:100%;padding:12px 40px 12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:16px;background-color:#fff;color:#0f172a;cursor:pointer;transition:all .2s ease;outline:none;display:flex;align-items:center;justify-content:space-between;min-height:42px;font-family:inherit}.country-dropdown-trigger:hover:not(.disabled){border-color:#9ca3af}.country-dropdown-trigger:focus,.country-dropdown-trigger.open{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.country-dropdown-trigger.error{border-color:#ef4444}.country-dropdown-trigger.error:focus,.country-dropdown-trigger.error.open{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.country-dropdown-trigger.disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.country-dropdown-selected{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.country-dropdown-placeholder{color:#9ca3af}.country-emoji{font-size:18px;line-height:1;flex-shrink:0}.country-dial-code{font-weight:500;color:#475569;flex-shrink:0}.country-name{color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.country-dropdown-arrow{width:12px;height:12px;color:#6b7280;transition:transform .2s ease;flex-shrink:0;margin-left:8px}.country-dropdown-arrow.open{transform:rotate(180deg)}.country-dropdown-overlay{position:fixed;inset:0;z-index:999;background:transparent}.country-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;max-height:300px;overflow:hidden;display:flex;flex-direction:column}.country-dropdown-search{padding:8px;border-bottom:1px solid #e2e8f0;background:#f8fafc}.country-search-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;outline:none;transition:all .2s ease}.country-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.country-dropdown-list{overflow-y:auto;max-height:240px}.country-dropdown-item{display:flex;align-items:center;gap:8px;padding:10px 16px;cursor:pointer;transition:background-color .15s ease;border-bottom:1px solid #f1f5f9}.country-dropdown-item:last-child{border-bottom:none}.country-dropdown-item:hover{background-color:#f8fafc}.country-dropdown-item.selected{background-color:#eff6ff;color:#2563eb}.country-dropdown-item.selected .country-name,.country-dropdown-item.selected .country-dial-code{color:#2563eb;font-weight:500}.country-dropdown-empty{padding:20px;text-align:center;color:#9ca3af;font-size:14px}.country-dropdown-error{margin-top:4px;color:#ef4444;font-size:12px}.country-dropdown-list::-webkit-scrollbar{width:6px}.country-dropdown-list::-webkit-scrollbar-track{background:#f1f5f9}.country-dropdown-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.country-dropdown-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.new-landing-container{min-height:100vh;background:#fff;position:relative;overflow-x:hidden}.image-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid rgba(226,232,240,.6);box-shadow:0 1px 2px #00000008}.image-header-container{max-width:1400px;margin:0 auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between}.image-brand{display:flex;align-items:center;gap:14px}.image-brand-logo-wrapper{display:flex;align-items:center;justify-content:center}.image-brand-logo-shape{width:40px;height:40px;background:linear-gradient(135deg,#6366f1,#8b5cf6);clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #6366f133}.image-brand-logo-inner{width:20px;height:20px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}.image-brand-logo-dot{width:8px;height:8px;background:#6366f1;border-radius:50%}.image-brand-name{font-size:22px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.image-nav{display:flex;align-items:center;gap:0}.image-nav-item{display:flex;align-items:center}.image-nav-link{color:#0f172a;text-decoration:none;font-weight:500;font-size:15px;padding:8px 12px;display:flex;align-items:center;gap:6px;transition:all .2s ease;border-radius:6px;position:relative}.image-nav-link:hover{color:#6366f1;background:#6366f10d}.image-nav-chevron{opacity:.6;transition:transform .2s ease}.image-nav-dropdown:hover .image-nav-chevron{transform:rotate(180deg);opacity:1}.image-nav-spacer{width:1px;height:24px;background:#e2e8f0;margin:0 16px}.image-nav-search{background:none;border:none;color:#0f172a;cursor:pointer;padding:8px 12px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease;margin-right:8px}.image-nav-search:hover{color:#6366f1;background:#6366f10d}.image-nav-btn{padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.image-nav-btn-login{color:#0f172a;background:transparent;border:1px solid #e2e8f0;margin-right:12px}.image-nav-btn-login:hover{border-color:#cbd5e1;background:#f8fafc;color:#0f172a}.image-nav-btn-signin{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 2px 8px #6366f140}.image-nav-btn-signin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f159;color:#fff}.image-mobile-menu-toggle{display:none;background:none;border:none;color:#0f172a;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}.image-mobile-menu-toggle:hover{background:#f1f5f9}@media (max-width: 1024px){.image-header-container{padding:16px 24px}.image-nav{gap:0}.image-nav-link{padding:8px 10px;font-size:14px}.image-nav-btn{padding:8px 16px;font-size:13px}.image-nav-btn-login{margin-right:8px}}@media (max-width: 768px){.image-nav{position:fixed;top:72px;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:12px;border-bottom:1px solid #e2e8f0;box-shadow:0 4px 12px #0000001a;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease;align-items:stretch}.image-nav.open{transform:translateY(0);opacity:1;visibility:visible}.image-nav-item{width:100%}.image-nav-link{width:100%;padding:12px 16px;justify-content:space-between}.image-nav-spacer{display:none}.image-nav-search{width:100%;justify-content:flex-start;margin-right:0;padding:12px 16px}.image-nav-btn{width:100%;margin-right:0!important;margin-bottom:8px}.image-mobile-menu-toggle{display:block}.image-brand-name{font-size:18px}}.image-hero{position:relative;min-height:calc(100vh - 80px);padding:80px 40px;max-width:1400px;margin:0 auto;display:flex;align-items:center;overflow:hidden}.image-hero-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.image-hero-left{display:flex;flex-direction:column;gap:24px;z-index:2}.image-hero-title{font-size:56px;font-weight:800;line-height:1.2;color:#0f172a;margin:0;letter-spacing:-.02em}.image-hero-title-underline{position:relative;display:inline-block}.image-hero-title-underline:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:14px;background-image:url("data:image/svg+xml,%3Csvg width='120' height='14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 7 Q30 0, 60 7 T120 7' stroke='%236366f1' stroke-width='3' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:120px 14px;opacity:.7;z-index:-1;background-position-y:center}.image-hero-description{font-size:18px;line-height:1.7;color:#475569;margin:0;max-width:560px}.image-hero-buttons{display:flex;gap:16px;margin-top:8px}.image-hero-btn{padding:14px 32px;border-radius:8px;font-weight:600;font-size:16px;cursor:pointer;transition:all .3s ease;border:none}.image-hero-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 14px #6366f14d}.image-hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.image-hero-btn-secondary{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.image-hero-btn-secondary:hover{border-color:#cbd5e1;background:#f8fafc}.image-hero-right{position:relative;display:flex;justify-content:center;align-items:center;min-height:600px}.image-hero-gradient-shape{position:absolute;width:600px;height:700px;background:linear-gradient(180deg,#8b5cf640,#6366f180);border-radius:40px;transform:rotate(-5deg);z-index:0;filter:blur(50px);opacity:.6;right:-100px;top:50%;transform:translateY(-50%) rotate(-5deg)}.image-hero-person{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%}.image-hero-person-wrapper{position:relative;width:100%;max-width:550px;height:auto;display:flex;align-items:center;justify-content:center}.image-hero-person-img{width:100%;height:auto;max-width:550px;object-fit:contain;filter:drop-shadow(0 20px 50px rgba(0,0,0,.12));animation:float-person 6s ease-in-out infinite;position:relative;z-index:1}@keyframes float-person{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}}.image-hero-charts{position:absolute;right:-20px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:20px;z-index:3}.image-hero-chart-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 8px 24px #0000001f;width:280px;animation:float-chart 8s ease-in-out infinite}.image-hero-chart-top{animation-delay:0s}.image-hero-chart-bottom{animation-delay:2s}@keyframes float-chart{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.image-hero-chart-header{margin-bottom:16px}.image-hero-chart-title{font-size:16px;font-weight:700;color:#0f172a;margin:0}.image-hero-chart-content{display:flex;flex-direction:column;gap:16px}.image-hero-donut-chart{position:relative;width:120px;height:120px;margin:0 auto}.image-hero-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.image-hero-donut-value{font-size:14px;font-weight:700;color:#0f172a;display:block}.image-hero-donut-svg{width:100%;height:100%}.image-hero-donut-segment{transition:opacity .2s ease}.image-hero-segment-green{stroke:#10b981}.image-hero-segment-yellow{stroke:#f59e0b}.image-hero-segment-blue{stroke:#3b82f6}.image-hero-segment-dark-blue{stroke:#1e40af}.image-hero-segment-purple{stroke:#8b5cf6}.image-hero-chart-legend{display:flex;flex-direction:column;gap:8px}.image-hero-legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#475569}.image-hero-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.image-hero-dot-green{background:#10b981}.image-hero-dot-yellow{background:#f59e0b}.image-hero-dot-blue{background:#3b82f6}.image-hero-dot-dark-blue{background:#1e40af}.image-hero-dot-purple{background:#8b5cf6}.image-hero-legend-value{margin-left:auto;font-weight:600;color:#0f172a}.image-hero-line-chart{position:relative;width:100%;height:100px}.image-hero-line-svg{width:100%;height:100%}.image-hero-line-path{stroke:#8b5cf6;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.image-hero-line-dot{fill:#8b5cf6;transition:r .2s ease}.image-hero-line-xaxis{margin-top:8px;font-size:12px;color:#64748b;text-align:center}.image-hero-form-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fade-in .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.image-hero-form-modal{background:#fff;border-radius:20px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:0 20px 60px #0000004d;animation:slide-up .3s ease}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.image-hero-form-close{position:absolute;top:20px;right:20px;background:#f1f5f9;border:none;border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;transition:all .2s ease}.image-hero-form-close:hover{background:#e2e8f0;color:#0f172a}.image-hero-register-form{display:flex;flex-direction:column;gap:20px}.image-hero-form-header{text-align:center;margin-bottom:8px}.image-hero-form-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px}.image-hero-form-subtitle{font-size:14px;color:#64748b;margin:0}.image-hero-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.image-hero-form-group{display:flex;flex-direction:column;gap:8px}.image-hero-form-group-full{grid-column:1 / -1}.image-hero-role-note{grid-column:1 / -1;margin:0;font-size:13px;color:#64748b;line-height:1.45}.image-hero-form-label{font-size:14px;font-weight:600;color:#334155}.image-hero-form-input.custom-input{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;background:#fff;color:#0f172a;transition:all .2s ease}.image-hero-form-input.custom-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.image-hero-form-input.custom-input.input-error{border-color:#ef4444;background:#fff5f5}.image-hero-phone-group{display:flex;gap:12px}.image-hero-country-select{min-width:160px}.image-hero-phone-input{flex:1}.image-hero-country-dropdown .country-dropdown-trigger{padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;min-height:48px;background:#fff;transition:all .2s ease}.image-hero-country-dropdown .country-dropdown-trigger:focus,.image-hero-country-dropdown .country-dropdown-trigger.open{border-color:#6366f1;box-shadow:0 0 0 4px #6366f11a}.image-hero-form-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#64748b}.image-hero-form-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:#6366f1}.image-hero-form-checkbox a{color:#6366f1;text-decoration:none;font-weight:600}.image-hero-form-checkbox a:hover{text-decoration:underline}.image-hero-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 14px #6366f14d;margin-top:4px}.image-hero-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.image-hero-submit-btn:disabled{opacity:.7;cursor:not-allowed}.image-hero-btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.image-hero-form-divider{text-align:center;position:relative;margin:8px 0}.image-hero-form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.image-hero-form-divider span{position:relative;background:#fff;padding:0 16px;color:#94a3b8;font-size:13px}.image-hero-social-buttons{display:flex;gap:12px}.image-hero-social-btn{flex:1;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.image-hero-social-btn:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}@media (max-width: 1024px){.image-hero-container{grid-template-columns:1fr;gap:60px}.image-hero-title{font-size:42px}.image-hero-right{min-height:400px}.image-hero-person-wrapper{max-width:450px}.image-hero-gradient-shape{width:500px;height:600px;right:-80px}.image-hero-charts{position:relative;right:auto;top:auto;transform:none;flex-direction:row;justify-content:center;margin-top:40px}.image-hero-chart-card{width:240px}}@media (max-width: 768px){.image-nav{position:fixed;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid #e2e8f0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.image-nav.open{transform:translateY(0);opacity:1;visibility:visible}.image-mobile-menu-toggle{display:block}.image-hero-title{font-size:32px}.image-hero-description{font-size:16px}.image-hero-buttons{flex-direction:column}.image-hero-btn{width:100%}.image-hero-right{min-height:350px}.image-hero-person-wrapper{max-width:100%;padding:0 20px}.image-hero-person-img{max-width:100%}.image-hero-gradient-shape{width:400px;height:500px;right:-60px}.image-hero-charts{flex-direction:column;align-items:center;position:relative;right:auto;top:auto;transform:none;margin-top:30px}.image-hero-chart-card{width:100%;max-width:300px}.image-hero-form-grid{grid-template-columns:1fr}}.new-header{position:sticky;top:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(226,232,240,.8);box-shadow:0 1px 3px #0000000d}.new-header-container{max-width:1400px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between}.new-brand{display:flex;align-items:center;gap:12px}.new-brand-logo{width:44px;height:44px;border-radius:10px;object-fit:cover;box-shadow:0 2px 8px #0000001a}.new-brand-text{display:flex;flex-direction:column}.new-brand-name{font-size:20px;font-weight:700;color:#0f172a;letter-spacing:-.02em}.new-nav{display:flex;align-items:center;gap:32px}.new-nav-link{color:#475569;text-decoration:none;font-weight:500;font-size:15px;transition:color .2s ease;position:relative}.new-nav-link:hover{color:#2563eb}.new-nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#2563eb;transition:width .3s ease}.new-nav-link:hover:after{width:100%}.new-nav-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:10px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;display:flex;align-items:center;gap:6px;transition:all .3s ease;box-shadow:0 4px 12px #2563eb40}.new-nav-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2563eb59}.mobile-menu-toggle{display:none;background:none;border:none;color:#0f172a;cursor:pointer;padding:8px}.new-hero{position:relative;min-height:calc(100vh - 80px);display:flex;align-items:center;padding:100px 40px;max-width:1400px;margin:0 auto;gap:80px;overflow:hidden}.new-hero-background{position:absolute;inset:0;pointer-events:none;z-index:0}.new-hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.03) 1px,transparent 1px);background-size:50px 50px;opacity:.5}.new-hero-gradient{position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,transparent 70%);filter:blur(100px);animation:float-gradient 20s ease-in-out infinite}@keyframes float-gradient{0%,to{transform:translate(0) scale(1)}50%{transform:translate(50px,-50px) scale(1.1)}}.new-hero-content{flex:1;max-width:600px;position:relative;z-index:2}.new-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:50px;margin-bottom:24px;font-size:14px;font-weight:600;color:#2563eb}.badge-star{color:#fbbf24;fill:#fbbf24}.new-hero-title{font-size:64px;font-weight:800;line-height:1.1;color:#0f172a;margin:0 0 24px;letter-spacing:-.03em}.new-hero-title-accent{background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.new-hero-description{font-size:20px;line-height:1.7;color:#64748b;margin:0 0 40px;max-width:560px}.new-form-wrapper{background:#fff;border-radius:20px;padding:32px;box-shadow:0 20px 60px #0000001a,0 8px 24px #0000000f;border:1px solid rgba(226,232,240,.8);margin-bottom:40px;position:relative;z-index:2}.new-register-form{display:flex;flex-direction:column;gap:20px}.new-form-header{text-align:center;margin-bottom:8px}.new-form-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px}.new-form-subtitle{font-size:14px;color:#64748b;margin:0}.new-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.new-form-group{display:flex;flex-direction:column;gap:8px}.new-form-group-full{grid-column:1 / -1}.new-form-label{font-size:14px;font-weight:600;color:#334155}.new-form-input.custom-input{width:100%;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;background:#fff;color:#0f172a;transition:all .2s ease}.new-form-input.custom-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.new-form-input.custom-input.input-error{border-color:#ef4444;background:#fff5f5}.new-phone-group{display:flex;gap:12px}.new-country-select{min-width:160px}.new-phone-input{flex:1}.new-country-dropdown .country-dropdown-trigger{padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:15px;min-height:48px;background:#fff;transition:all .2s ease}.new-country-dropdown .country-dropdown-trigger:focus,.new-country-dropdown .country-dropdown-trigger.open{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a}.new-form-checkbox{display:flex;align-items:center;gap:10px;font-size:14px;color:#64748b}.new-form-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:#2563eb}.new-form-checkbox a{color:#2563eb;text-decoration:none;font-weight:600}.new-form-checkbox a:hover{text-decoration:underline}.new-submit-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 14px #2563eb4d;margin-top:4px}.new-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.new-submit-btn:disabled{opacity:.7;cursor:not-allowed}.new-btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.new-form-divider{text-align:center;position:relative;margin:8px 0}.new-form-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e2e8f0}.new-form-divider span{position:relative;background:#fff;padding:0 16px;color:#94a3b8;font-size:13px}.new-social-buttons{display:flex;gap:12px}.new-social-btn{flex:1;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;background:#fff;color:#475569;font-weight:500;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.new-social-btn:hover{border-color:#cbd5e1;background:#f8fafc;transform:translateY(-1px)}.new-trust-indicators{display:flex;gap:32px;flex-wrap:wrap;margin-top:32px}.new-trust-item{display:flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:500}.new-trust-item svg{color:#10b981;flex-shrink:0}.new-hero-visual{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.new-hero-image-wrapper{position:relative;width:100%;max-width:500px}.new-hero-glow{position:absolute;inset:-60px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);filter:blur(60px);animation:pulse-glow 4s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.new-hero-spiral{position:relative;padding:24px;border-radius:24px;background:#fff9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.6);box-shadow:0 20px 60px #0000001a}.new-mockup-container{position:relative;width:360px;height:720px;margin:0 auto;animation:float-mockup 6s ease-in-out infinite}@keyframes float-mockup{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.new-mockup-img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.2))}.new-mockup-screen{position:absolute;left:9.2%;top:6.2%;width:81.6%;height:83.2%;border-radius:28px;overflow:hidden;box-shadow:inset 0 0 0 2px #00000014}.new-mockup-screen img{width:100%;height:100%;object-fit:cover}.customize-features{padding:100px 40px;background:#fff}.customize-section-container{max-width:1400px;margin:0 auto}.customize-section-header{text-align:center;margin-bottom:64px}.customize-section-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 16px;letter-spacing:-.01em;line-height:1.2}.customize-section-description{font-size:18px;color:#64748b;max-width:800px;margin:0 auto;line-height:1.6}.customize-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.customize-feature-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;display:flex;flex-direction:column;border:1px solid transparent}.customize-feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f;border-color:#e2e8f0}.customize-feature-icon-wrapper{margin-bottom:20px}.customize-feature-icon{width:56px;height:56px;border-radius:10px;background:#8b5cf61a;display:flex;align-items:center;justify-content:center;color:#8b5cf6;transition:all .3s ease}.customize-feature-card:hover .customize-feature-icon{background:#8b5cf626;transform:scale(1.05)}.customize-feature-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.customize-feature-description{font-size:15px;color:#64748b;line-height:1.6;margin:0 0 24px;flex-grow:1}.customize-feature-cta{display:inline-flex;align-items:center;gap:8px;color:#0f172a;text-decoration:none;font-size:15px;font-weight:600;transition:all .2s ease;margin-top:auto}.customize-feature-cta:hover{color:#6366f1;gap:12px}.customize-cta-arrow{transition:transform .2s ease}.customize-feature-cta:hover .customize-cta-arrow{transform:translate(4px)}@media (max-width: 1024px){.customize-features-grid{grid-template-columns:repeat(2,1fr)}.customize-section-title{font-size:36px}}@media (max-width: 768px){.customize-features{padding:80px 24px}.customize-section-title{font-size:32px}.customize-section-description{font-size:16px}.customize-features-grid{grid-template-columns:1fr;gap:20px}.customize-feature-card{padding:24px}}.tailored-solutions{padding:100px 40px;background:#fff}.tailored-section-container{max-width:1400px;margin:0 auto}.tailored-header{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:64px;align-items:start}.tailored-main-title{font-size:48px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em;line-height:1.2}.tailored-main-description{font-size:18px;color:#64748b;line-height:1.6;margin:0}.tailored-solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.tailored-solution-card{display:flex;flex-direction:column}.tailored-solution-image{width:100%;height:300px;margin-bottom:24px;border-radius:12px;overflow:hidden;background:#f8fafc;position:relative}.tailored-solution-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.tailored-solution-card:hover .tailored-solution-img{transform:scale(1.05)}.tailored-solution-title{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.tailored-solution-description{font-size:16px;color:#64748b;line-height:1.6;margin:0 0 24px;flex-grow:1}.tailored-cta-button{padding:12px 24px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:flex-start;box-shadow:0 2px 8px #8b5cf640}.tailored-cta-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf659}@media (max-width: 1024px){.tailored-header{grid-template-columns:1fr;gap:24px}.tailored-main-title{font-size:36px}.tailored-solutions-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width: 768px){.tailored-solutions{padding:80px 24px}.tailored-main-title{font-size:32px}.tailored-main-description{font-size:16px}.tailored-solutions-grid{grid-template-columns:1fr;gap:32px}.tailored-solution-image{height:250px}}.transaction-fees{padding:100px 40px;background:#fff}.transaction-fees-container{max-width:1400px;margin:0 auto}.transaction-fees-header{text-align:center;margin-bottom:64px}.transaction-fees-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 20px;letter-spacing:-.01em;line-height:1.2}.transaction-fees-description{font-size:18px;color:#64748b;line-height:1.6;max-width:900px;margin:0 auto}.transaction-fees-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.transaction-fee-card{background:#fff;border-radius:12px;padding:32px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f;transition:all .3s ease;display:flex;flex-direction:column}.transaction-fee-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a;border-color:#cbd5e1}.transaction-fee-icon{width:64px;height:64px;border-radius:12px;background:#3b82f61a;display:flex;align-items:center;justify-content:center;color:#3b82f6;margin-bottom:20px;transition:all .3s ease}.transaction-fee-card:hover .transaction-fee-icon{background:#3b82f626;transform:scale(1.05)}.transaction-fee-title{font-size:20px;font-weight:700;color:#0f172a;margin:0 0 12px;line-height:1.3}.transaction-fee-description{font-size:15px;color:#64748b;line-height:1.6;margin:0}@media (max-width: 1024px){.transaction-fees-grid{grid-template-columns:repeat(2,1fr);gap:20px}.transaction-fees-title{font-size:36px}}@media (max-width: 768px){.transaction-fees{padding:80px 24px}.transaction-fees-title{font-size:32px}.transaction-fees-description{font-size:16px}.transaction-fees-grid{grid-template-columns:1fr;gap:20px}.transaction-fee-card{padding:24px}}.new-analytics{padding:120px 40px;background:#fff}.new-analytics-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.new-section-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#2563eb1a;border:1px solid rgba(37,99,235,.2);border-radius:50px;margin-bottom:20px;font-size:14px;font-weight:600;color:#2563eb}.new-analytics-text .new-section-title{text-align:left;margin-bottom:16px}.new-analytics-text .new-section-description{text-align:left;margin-bottom:32px}.new-analytics-features{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.new-analytics-feature{display:flex;align-items:flex-start;gap:16px}.new-analytics-feature svg{color:#10b981;flex-shrink:0;margin-top:2px}.new-analytics-feature div{display:flex;flex-direction:column;gap:4px}.new-analytics-feature strong{font-size:16px;color:#0f172a}.new-analytics-feature span{font-size:14px;color:#64748b}.new-analytics-cta{display:flex;gap:16px;flex-wrap:wrap}.new-cta-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;display:flex;align-items:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 14px #2563eb4d}.new-cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.new-cta-secondary{color:#2563eb;padding:14px 28px;border-radius:10px;text-decoration:none;font-weight:600;font-size:15px;border:2px solid #e2e8f0;transition:all .2s ease}.new-cta-secondary:hover{border-color:#cbd5e1;background:#f8fafc}.new-analytics-visual{display:flex;justify-content:center}.new-chart-card{background:#fff;border-radius:16px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 8px 24px #00000014;width:100%;max-width:600px}.new-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.new-chart-header>div:first-child{display:flex;align-items:center;gap:12px}.new-chart-header strong{font-size:18px;color:#0f172a}.new-chart-badge{padding:4px 10px;background:#10b9811a;color:#10b981;border-radius:6px;font-size:11px;font-weight:700;text-transform:uppercase}.new-chart-legend{display:flex;gap:16px;font-size:13px;color:#64748b}.new-chart-legend span{display:flex;align-items:center;gap:6px}.new-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.new-dot-blue{background:#2563eb}.new-dot-green{background:#10b981}.new-chart-image{border-radius:12px;overflow:hidden}.new-chart-image img{width:100%;height:auto;display:block}.new-mobile{padding:120px 40px;background:linear-gradient(180deg,#f8fafc,#fff)}.new-mobile-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.new-mobile-text .new-section-title{text-align:left;margin-bottom:16px}.new-mobile-text .new-section-description{text-align:left;margin-bottom:32px}.new-mobile-features{display:flex;flex-direction:column;gap:24px}.new-mobile-feature{display:flex;align-items:flex-start;gap:16px}.new-mobile-feature svg{color:#2563eb;flex-shrink:0;margin-top:2px}.new-mobile-feature div{display:flex;flex-direction:column;gap:4px}.new-mobile-feature strong{font-size:18px;color:#0f172a}.new-mobile-feature span{font-size:15px;color:#64748b}.new-mobile-visual{display:flex;justify-content:center;position:relative}.new-mobile-preview{position:relative;width:100%;max-width:400px}.new-mobile-glow{position:absolute;inset:-40px;background:radial-gradient(circle,rgba(37,99,235,.15) 0%,transparent 70%);filter:blur(40px);animation:pulse-glow 4s ease-in-out infinite}.new-mobile-image{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 60px #00000026;position:relative;z-index:1}.faq-section{padding:100px 40px;background:#fff}.faq-container{max-width:900px;margin:0 auto}.faq-header{text-align:center;margin-bottom:64px}.faq-title{font-size:48px;font-weight:700;color:#0f172a;margin:0 0 16px;letter-spacing:-.01em;line-height:1.2}.faq-description{font-size:18px;color:#64748b;line-height:1.6;margin:0}.faq-list{display:flex;flex-direction:column;gap:16px}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .3s ease}.faq-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.faq-question{width:100%;padding:24px 28px;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:all .2s ease}.faq-question:hover{background:#f8fafc}.faq-question span{font-size:18px;font-weight:600;color:#0f172a;flex:1}.faq-icon{color:#6366f1;flex-shrink:0;transition:transform .3s ease}.faq-answer{padding:0 28px 24px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{font-size:16px;color:#64748b;line-height:1.7;margin:0}@media (max-width: 768px){.faq-section{padding:80px 24px}.faq-title{font-size:32px}.faq-description{font-size:16px}.faq-question{padding:20px}.faq-question span{font-size:16px}.faq-answer{padding:0 20px 20px}.faq-answer p{font-size:15px}}.modern-footer{background:linear-gradient(135deg,#6366f1f2,#8b5cf6f2,#4f46e5fa);color:#fff;padding:80px 40px 40px;position:relative;overflow:hidden}.modern-footer:before{content:"";position:absolute;top:0;right:0;width:60%;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.modern-footer-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.modern-footer-top{margin-bottom:80px}.modern-footer-cta{display:flex;align-items:center;justify-content:space-between;gap:32px}.modern-footer-cta-title{font-size:48px;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;line-height:1.2;flex:1}.modern-footer-cta-button{padding:16px 32px;background:#fff;color:#0f172a;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 12px #00000026}.modern-footer-cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.modern-footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:60px}.modern-footer-newsletter{display:flex;flex-direction:column;gap:16px}.modern-footer-newsletter-title{font-size:20px;font-weight:700;color:#fff;margin:0}.modern-footer-newsletter-description{font-size:16px;color:#ffffffe6;line-height:1.6;margin:0 0 8px}.modern-footer-newsletter-form{display:flex;gap:12px;margin-top:8px}.modern-footer-newsletter-input{flex:1;padding:14px 20px;border:none;border-radius:10px;font-size:15px;background:#fffffff2;color:#0f172a;outline:none;transition:all .2s ease}.modern-footer-newsletter-input::placeholder{color:#94a3b8}.modern-footer-newsletter-input:focus{background:#fff;box-shadow:0 0 0 3px #fff3}.modern-footer-newsletter-button{padding:14px 28px;background:#1e293bcc;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.modern-footer-newsletter-button:hover{background:#1e293b;transform:translateY(-1px)}.modern-footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.modern-footer-nav-column{display:flex;flex-direction:column;gap:12px}.modern-footer-nav-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}.modern-footer-nav-link{color:#ffffffd9;text-decoration:none;font-size:15px;transition:color .2s ease}.modern-footer-nav-link:hover{color:#fff}.modern-footer-social{display:flex;gap:12px;margin-top:16px}.modern-footer-social-icon{width:40px;height:40px;border-radius:50%;background:#1e293b99;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease}.modern-footer-social-icon:hover{background:#1e293be6;transform:translateY(-2px)}.modern-footer-copyright{text-align:center;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.modern-footer-copyright p{margin:0;color:#fffc;font-size:14px}@media (max-width: 1024px){.modern-footer-cta{flex-direction:column;align-items:flex-start}.modern-footer-cta-title{font-size:36px}.modern-footer-bottom{grid-template-columns:1fr;gap:48px}.modern-footer-nav{grid-template-columns:repeat(3,1fr);gap:32px}}@media (max-width: 768px){.modern-footer{padding:60px 24px 32px}.modern-footer-top{margin-bottom:60px}.modern-footer-cta-title{font-size:32px}.modern-footer-bottom{gap:40px}.modern-footer-nav{grid-template-columns:1fr;gap:32px}.modern-footer-newsletter-form{flex-direction:column}.modern-footer-newsletter-button{width:100%}}@media (max-width: 1024px){.new-hero{flex-direction:column;gap:60px;padding:80px 40px}.new-hero-content{max-width:100%;text-align:center}.new-hero-title{font-size:48px}.new-form-grid,.new-features-grid{grid-template-columns:1fr}.new-analytics-content,.new-mobile-content{grid-template-columns:1fr;gap:48px}.new-footer-content{grid-template-columns:1fr;gap:32px}.new-footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.new-nav{position:fixed;top:80px;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:16px;border-bottom:1px solid #e2e8f0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.new-nav.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu-toggle{display:block}.new-hero-title{font-size:36px}.new-section-title{font-size:32px}.new-form-wrapper{padding:24px}.new-trust-indicators{flex-direction:column;gap:16px}.new-footer-links{grid-template-columns:1fr;gap:32px}}@media (max-width: 640px){.new-hero{padding:60px 24px}.new-hero-title{font-size:32px}.new-hero-description{font-size:18px}.new-features,.new-analytics,.new-mobile{padding:80px 24px}.new-section-title{font-size:28px}.new-social-buttons,.new-analytics-cta{flex-direction:column}.new-cta-primary,.new-cta-secondary{width:100%;justify-content:center}}.custom-button{width:100%;padding:12px 16px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:background-color .2s ease}.custom-button:hover{background-color:#2563eb}.container{display:flex;justify-content:center;align-items:center;height:100vh}.main-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.white-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:15px;max-width:540px;border-radius:.375rem;background:#fff;box-shadow:0 4px 6px #0000001a}.header-wrapper{display:flex;justify-content:center;align-items:center}.header-text{font-size:24px;font-weight:600;color:#000}.button-wrapper{margin-top:20px}.reset-container{display:flex;justify-content:center;align-items:center;height:100vh}.reset-main-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.reset-header-wrapper{display:flex;justify-content:center;align-items:center}.reset-header-text{font-size:24px;font-weight:600;color:#000}.reset-white-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;max-width:540px;padding:30px;border-radius:.375rem;background:#fff;box-shadow:0 4px 6px #0000001a}.reset-button-wrapper{margin-top:20px}.organization-panel{animation:fadeIn .3s ease-in}.organization-header{margin-bottom:2rem}.organization-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.organization-description{color:#6b7280;font-size:.875rem}.org-info-banner{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;background:#274c7714;border:1px solid rgba(39,76,119,.25);border-radius:.5rem;color:#274c77;font-size:.875rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #274c771a}.org-info-banner svg{flex-shrink:0;margin-top:.125rem}.org-info-banner strong{display:block;font-weight:600;color:#1e3a5f}.organization-form{display:flex;flex-direction:column;gap:2rem}.org-form-section{display:flex;flex-direction:column;gap:1rem}.org-section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.org-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.org-section-edit-btn{display:flex;align-items:center;gap:.5rem;background:#274c77;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;box-shadow:0 2px 4px #274c7733}.org-section-edit-btn:hover{background:#1e3a5f;box-shadow:0 4px 8px #274c7740;transform:translateY(-1px)}.org-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.org-avatar-block{display:flex;flex-direction:column;gap:.75rem}.org-avatar-circle{width:160px;height:160px;border-radius:1rem;position:relative;overflow:hidden;border:3px solid #274c77;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #274c771f}.org-avatar-circle img{width:100%;height:100%;object-fit:cover}.org-avatar-placeholder{color:#274c77;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center}.org-avatar-edit{position:absolute;right:8px;bottom:8px;background:#274c77;color:#fff;border:2px solid #ffffff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #274c7740;opacity:0;pointer-events:none;transition:all .12s ease-in-out}.org-avatar-edit:hover{background:#1e3a5f;transform:scale(1.05)}.org-avatar-circle:hover .org-avatar-edit,.org-avatar-edit.visible{opacity:1;pointer-events:auto}.org-avatar-edit:disabled{opacity:0;pointer-events:none}.org-avatar-edit-spinner{animation:org-spin .8s linear infinite}@keyframes org-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.org-form-group-full{grid-column:1 / -1}.org-form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #e5e7eb;margin-top:1rem}.org-btn-save{display:flex;align-items:center;gap:.5rem;padding:.875rem 2.5rem;background:#274c77;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .15s;box-shadow:0 4px 12px #274c7740}.org-btn-save:hover:not(:disabled){background:#1e3a5f;box-shadow:0 6px 16px #274c774d;transform:translateY(-2px)}.org-btn-save:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.org-form-grid{grid-template-columns:1fr}.org-avatar-circle{width:120px;height:120px}}.owner-panel{animation:fadeIn .3s ease-in}.owner-header{margin-bottom:2rem}.owner-title{font-size:1.5rem;font-weight:600;color:#111827;margin-bottom:.5rem}.owner-description{color:#6b7280;font-size:.875rem}.owner-form{display:flex;flex-direction:column;gap:2rem}.owner-form-section{display:flex;flex-direction:column;gap:1rem}.owner-section-title{font-size:1.125rem;font-weight:600;color:#374151;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.owner-section-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.owner-section-edit-btn{display:flex;align-items:center;gap:.5rem;background:#fff;color:#0f172a;border:1px solid #274c77;padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s}.owner-section-edit-btn:hover{background:#f9fafb;border-color:#1e3a5f;transform:translateY(-1px)}.owner-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.owner-avatar-block{display:flex;flex-direction:column;gap:.75rem;overflow:visible}.owner-avatar-circle{width:160px;height:160px;border-radius:50%;position:relative;overflow:visible;border:2px solid #274c77!important;background:#fff!important;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #274c771f}.owner-avatar-inner{width:100%;height:100%;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center}.owner-avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:50%}.owner-avatar-placeholder{color:#274c77;font-weight:600;font-size:1rem;display:flex;align-items:center;justify-content:center}.owner-avatar-edit{position:absolute;right:4px;bottom:4px;background:#274c77;color:#fff;border:none;width:36px;height:36px;min-width:36px;min-height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 6px #0003;opacity:0;pointer-events:none;transition:opacity .12s ease-in-out;z-index:1}.owner-avatar-edit:hover{background:#1e3a5f}.owner-avatar-edit.visible{opacity:1;pointer-events:auto}.owner-avatar-edit:disabled{opacity:0;pointer-events:none}.owner-form-group-full{grid-column:1 / -1}.owner-phone-container{display:flex;gap:.75rem;align-items:flex-start;grid-column:1 / -1;width:100%}.owner-country-code-wrapper{flex:0 0 auto;min-width:140px;max-width:160px;width:100%;display:flex;flex-direction:column}.owner-field-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:4px;display:block}.owner-country-code{width:100%;margin-top:0}.owner-country-code .country-dropdown-wrapper{margin-top:0}.owner-country-code .country-dropdown-trigger{height:auto;min-height:42px;display:flex;align-items:center}.owner-phone-number-wrapper{flex:1;min-width:0;width:100%;display:flex;flex-direction:column}.owner-phone-number{width:100%}.owner-form-actions{display:flex;justify-content:flex-end;padding-top:1.5rem;border-top:2px solid #e5e7eb;margin-top:1rem}.owner-btn-save{display:flex;align-items:center;gap:.5rem;padding:.875rem 2.5rem;background:#274c77;color:#fff;border:none;border-radius:.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:all .12s;box-shadow:0 4px 12px #274c7740}.owner-btn-save:hover:not(:disabled){background:#1e3a5f;box-shadow:0 6px 16px #1e3a5f4d;transform:translateY(-2px)}.owner-btn-save:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}@media (max-width: 768px){.owner-form-grid{grid-template-columns:1fr}.owner-avatar-circle{width:120px;height:120px}}.settings-container{width:100%;max-width:1200px;margin:0 auto;padding:0}.settings-header{margin-bottom:2rem}.settings-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.25rem}.settings-subtitle{color:#6b7280;font-size:.875rem}.tab-navigation{display:flex;gap:0;border-bottom:2px solid #e5e7eb;margin-bottom:2rem;background:#fff;border-radius:.75rem .75rem 0 0;padding:0;box-shadow:0 1px 3px #0000001a}.tab-item{position:relative;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:none;border-bottom:3px solid transparent;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;margin-bottom:-2px;white-space:nowrap;flex:1;width:50%}.tab-item:hover{color:#274c77;background:#f9fafb}.tab-item.active{color:#274c77;border-bottom-color:#274c77;background:transparent}.tab-item.active:hover{color:#1e3a5f;border-bottom-color:#1e3a5f;background:transparent}.tab-item svg{flex-shrink:0;transition:color .2s ease}.tab-item span{position:relative;z-index:1}.settings-content{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.settings-panel{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-title{font-size:1.5rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.panel-description{color:#6b7280;font-size:.875rem;margin-bottom:2rem}.settings-form{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column;gap:1rem}.section-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin-bottom:.5rem;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.section-edit-btn{background:#fff;color:#0f172a;border:1px solid #e5e7eb;padding:.35rem .75rem;border-radius:.375rem;font-size:.8125rem;cursor:pointer}.section-edit-btn:hover{background:#f9fafb;border-color:#274c77}.avatar-block{display:flex;flex-direction:column;gap:.75rem}.avatar-circle{width:144px;height:144px;border-radius:9999px;position:relative;overflow:hidden;border:2px solid #274c77!important;background:#fff!important;display:flex;align-items:center;justify-content:center}.avatar-circle img{width:100%;height:100%;object-fit:cover;border-radius:9999px}.avatar-placeholder{color:#0f172a;font-weight:600;font-size:1rem}.avatar-edit{position:absolute;right:-2px;bottom:-2px;transform:translate(0);background:#274c77;color:#fff;border:none;width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 2px #00000026;opacity:0;pointer-events:none;transition:opacity .15s ease-in-out}.avatar-edit:hover{background:#1e3a5f}.settings-content .avatar-circle{border-image:none!important;box-shadow:none!important;background-image:none!important}.settings-content .avatar-edit{background-image:none!important;background:#274c77!important;color:#fff!important;box-shadow:0 1px 2px #00000014!important}.settings-content .btn-save{background-image:none!important;background:#274c77!important;color:#fff!important;box-shadow:none!important}.settings-content .btn-save:hover{background:#1e3a5f!important}.settings-content .section-edit-btn{background:#fff!important;color:#0f172a!important;border-color:#e5e7eb!important}.tab-item.active{color:#274c77!important;border-bottom-color:#274c77!important}.avatar-circle:hover .avatar-edit,.avatar-edit.visible{opacity:1;pointer-events:auto}.avatar-uploader{max-width:360px}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 2rem;background:#274c77;color:#fff;border:none;border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:background-color .2s}.btn-save:hover{background:#1e3a5f}@media (max-width: 768px){.tab-navigation{overflow-x:auto}.tab-item{white-space:nowrap;padding:.75rem 1rem;font-size:.875rem}.settings-content{padding:1.5rem}.form-grid{grid-template-columns:1fr}.avatar-circle{width:104px;height:104px}.avatar-uploader{margin-top:1rem}.section-edit-btn{font-size:.75rem;padding:.25rem .5rem}}.btn-save{width:100%;justify-content:center}.dkpi-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem;min-width:200px;border-left:4px solid #274c77;transition:box-shadow .2s,transform .2s}.dkpi-card:hover{box-shadow:0 4px 12px #0000000f;transform:translateY(-1px)}.dkpi-card--revenue{border-left-color:#274c77}.dkpi-card--profit{border-left-color:#10b981}.dkpi-card--orders{border-left-color:#8b5cf6}.dkpi-card--expense{border-left-color:#ef4444}.dkpi-card--default{border-left-color:#6366f1}.dkpi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.dkpi-title{font-size:.8125rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.dkpi-icon{color:#9ca3af;display:flex;align-items:center}.dkpi-value{font-size:1.625rem;font-weight:700;color:#111827;line-height:1.2;margin-bottom:.625rem}.dkpi-footer{display:flex;align-items:center;gap:.5rem}.dkpi-change{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600}.dkpi-change--up{background:#ecfdf5;color:#059669}.dkpi-change--down{background:#fef2f2;color:#dc2626}.dkpi-change--neutral{background:#f3f4f6;color:#6b7280}.dkpi-change-value{line-height:1}.dkpi-subtitle{font-size:.75rem;color:#9ca3af}.dkpi-skeleton-title,.dkpi-skeleton-value,.dkpi-skeleton-change{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:dkpi-shimmer 1.5s infinite;border-radius:4px}.dkpi-skeleton-title{width:60%;height:14px;margin-bottom:.75rem}.dkpi-skeleton-value{width:80%;height:28px;margin-bottom:.75rem}.dkpi-skeleton-change{width:40%;height:18px}@keyframes dkpi-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tsc-container{display:flex;flex-direction:column;gap:.75rem}.tsc-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem}.tsc-icon{margin-bottom:.375rem}.tsc-icon--blue{color:#274c77}.tsc-icon--purple{color:#8b5cf6}.tsc-icon--green{color:#10b981}.tsc-label{font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.tsc-value{font-size:1.125rem;font-weight:700;color:#111827}.tsc-skeleton{height:80px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:tsc-shimmer 1.5s infinite}@keyframes tsc-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tct-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.tct-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.tct-scroll{overflow-x:auto;overflow-y:auto;max-height:320px;scrollbar-width:none;-ms-overflow-style:none}.tct-scroll::-webkit-scrollbar{display:none}.tct-table{width:100%;border-collapse:collapse;table-layout:fixed}.tct-table thead{position:sticky;top:0;z-index:1;background-color:#fff!important;border-bottom:1px solid #e5e7eb!important}.tct-table th{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:.625rem .75rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap;background-color:#fff!important}.tct-table td{font-size:.8125rem;color:#374151;padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.tct-table tbody tr:hover{background:#f9fafb}.tct-table tbody tr:last-child td{border-bottom:none}.tct-col-customer{width:50%}.tct-col-num{width:25%}.tct-table th.tct-num,.tct-table td.tct-num{text-align:right}.tct-customer-cell{display:flex;align-items:center;gap:.625rem}.tct-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;border-radius:8px;background:#eef2f7;color:#374151;font-size:.6875rem;font-weight:700;letter-spacing:.02em}.tct-customer-name{font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tct-orders{font-weight:500;color:#374151}.tct-spent{font-weight:700;color:#111827}.tct-loading,.tct-empty{text-align:center;padding:2rem 0;color:#9ca3af;font-size:.875rem}.ppc-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.ppc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.ppc-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.ppc-tabs{display:flex;gap:.25rem;background:#f3f4f6;border-radius:8px;padding:.2rem}.ppc-tab{padding:.375rem .875rem;border:none;background:transparent;border-radius:6px;font-size:.8125rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s}.ppc-tab--active{background:#fff;color:#111827;box-shadow:0 1px 3px #00000014}.ppc-list{display:flex;flex-direction:column;gap:1rem}.ppc-item{display:flex;align-items:flex-start;gap:.75rem}.ppc-item-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:10px;margin-top:2px}.ppc-item-body{flex:1;min-width:0}.ppc-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.ppc-item-name{font-size:.875rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppc-item-value{font-size:.875rem;font-weight:700;color:#111827;white-space:nowrap;flex-shrink:0}.ppc-item-sub{font-size:.75rem;color:#9ca3af;margin-top:2px;margin-bottom:6px}.ppc-bar-track{width:100%;height:6px;background:#f3f4f6;border-radius:999px;overflow:hidden}.ppc-bar-fill{height:100%;border-radius:999px;transition:width .4s ease}.ppc-loading,.ppc-empty{text-align:center;padding:3rem 0;color:#9ca3af;font-size:.875rem}.imt-container{border:1px solid #f3f4f6;border-radius:10px;padding:1rem}.imt-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.imt-scroll{overflow-x:auto;overflow-y:auto;max-height:280px;scrollbar-width:none;-ms-overflow-style:none}.imt-scroll::-webkit-scrollbar{display:none}.imt-table{width:100%;border-collapse:collapse;table-layout:fixed}.imt-table thead{position:sticky;top:0;z-index:1;background-color:#fff!important;border-bottom:1px solid #e5e7eb!important}.imt-table th{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .625rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap;background-color:#fff!important}.imt-table td{font-size:.8125rem;color:#374151;padding:.5rem .625rem;border-bottom:1px solid #f9fafb;vertical-align:middle}.imt-table tbody tr:hover{background:#f9fafb}.imt-table tbody tr:last-child td{border-bottom:none}.imt-col-product{width:40%;text-align:left}.imt-col-num{width:20%}.imt-table th.imt-num,.imt-table td.imt-num{text-align:right;white-space:nowrap}.imt-pname{font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imt-days{display:inline-flex;align-items:center;padding:.125rem .375rem;border-radius:4px;font-size:.75rem;font-weight:600}.imt-days--warn{background:#fef3c7;color:#92400e}.imt-empty{text-align:center;padding:2rem 0;color:#9ca3af;font-size:.875rem}.inv-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.inv-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.inv-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.inv-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:1rem;text-align:center}.inv-card-icon{margin-bottom:.5rem}.inv-card-icon--blue{color:#274c77}.inv-card-icon--amber{color:#f59e0b}.inv-card-icon--red{color:#ef4444}.inv-card-icon--green{color:#10b981}.inv-card-value{font-size:1.375rem;font-weight:700;color:#111827;margin-bottom:.25rem}.inv-card-value--amber{color:#d97706}.inv-card-value--red{color:#dc2626}.inv-card-label{font-size:.75rem;font-weight:500;color:#6b7280}.inv-tables-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.inv-skeleton{height:80px;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:inv-shimmer 1.5s infinite}@keyframes inv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.inv-cards{grid-template-columns:repeat(2,1fr)}.inv-tables-grid{grid-template-columns:1fr}}.mc-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.mc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mc-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.mc-range{font-size:.8125rem;color:#6b7280;font-weight:500}.mc-cards-row{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.5rem;margin-bottom:1.25rem}.mc-ccard{flex:1 0 190px;min-width:190px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem}.mc-ccard-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.5rem}.mc-ccard-prev,.mc-ccard-cur{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.mc-ccard-prev-label,.mc-ccard-cur-label{font-size:.6875rem;color:#9ca3af}.mc-ccard-prev-value{font-size:.8125rem;font-weight:500;color:#6b7280;white-space:nowrap}.mc-ccard-cur-value{font-size:.8125rem;font-weight:700;color:#111827;white-space:nowrap}.mc-ccard-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;margin-top:.375rem}.mc-badge--up{background:#ecfdf5;color:#059669}.mc-badge--down{background:#fef2f2;color:#dc2626}.mc-badge--neutral{background:#f3f4f6;color:#6b7280}.mc-chart-wrap{border-top:1px solid #f3f4f6;padding-top:1rem;min-width:0;overflow:hidden}.mc-loading{text-align:center;padding:3rem 0;color:#9ca3af;font-size:.875rem}@media (max-width: 768px){.mc-cards-row{gap:.5rem}.mc-ccard{min-width:170px}}.gt-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.gt-head{margin-bottom:1rem}.gt-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.gt-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.gt-chart-card{border:1px solid #f3f4f6;border-radius:10px;padding:1rem;min-width:0;overflow:hidden}.gt-chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.gt-chart-label{font-size:.875rem;font-weight:600;color:#374151;margin:0}.gt-toggle{display:flex;gap:.2rem;background:#f3f4f6;border-radius:6px;padding:.15rem}.gt-toggle-btn{padding:.25rem .75rem;border:none;background:transparent;border-radius:5px;font-size:.75rem;font-weight:600;color:#6b7280;cursor:pointer;transition:all .15s}.gt-toggle-btn--active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000f}.gt-growth-labels{display:flex;flex-wrap:wrap;gap:.375rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.gt-growth-pill{font-size:.6875rem;font-weight:600;padding:.125rem .5rem;border-radius:9999px}.gt-growth-pill--up{background:#ecfdf5;color:#059669}.gt-growth-pill--down{background:#fef2f2;color:#dc2626}.gt-weekly-arrows{display:flex;gap:.75rem;margin-top:.75rem;padding-top:.5rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}.gt-week-indicator{display:flex;align-items:center;gap:.375rem}.gt-week-name{font-size:.75rem;font-weight:500;color:#6b7280}.gt-week-arrow{display:inline-flex;align-items:center;gap:.2rem;font-size:.75rem;font-weight:600}.gt-week-arrow--up{color:#059669}.gt-week-arrow--down{color:#dc2626}.gt-tooltip{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:.75rem;box-shadow:0 4px 6px -1px #0000001a;font-size:.8125rem}.gt-tooltip-label{font-weight:600;color:#111827;margin-bottom:.375rem}.gt-tooltip-range{font-size:.75rem;color:#9ca3af;margin-bottom:.375rem}.gt-tooltip-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.gt-tooltip-growth{display:inline-flex;align-items:center;gap:.15rem;font-size:.75rem;font-weight:600}.gt-tooltip-growth--up{color:#059669}.gt-tooltip-growth--down{color:#dc2626}.gt-loading,.gt-empty{text-align:center;padding:3rem 0;color:#9ca3af;font-size:.875rem}@media (max-width: 1024px){.gt-grid{grid-template-columns:1fr}}.rpt-container{border:1px solid #f3f4f6;border-radius:10px;padding:1rem}.rpt-title{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.rpt-scroll{overflow-x:auto;overflow-y:auto;max-height:280px;scrollbar-width:none;-ms-overflow-style:none}.rpt-scroll::-webkit-scrollbar{display:none}.rpt-table{width:100%;border-collapse:collapse;table-layout:fixed}.rpt-table thead{position:sticky;top:0;z-index:1;background-color:#fff!important;border-bottom:1px solid #e5e7eb!important}.rpt-table th{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .625rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap;background-color:#fff!important}.rpt-table td{font-size:.8125rem;color:#374151;padding:.5rem .625rem;border-bottom:1px solid #f9fafb;vertical-align:middle}.rpt-table tbody tr:hover{background:#f9fafb}.rpt-table tbody tr:last-child td{border-bottom:none}.rpt-col-product{width:35%}.rpt-col-supplier{width:30%}.rpt-col-cost{width:20%}.rpt-col-qty{width:15%}.rpt-table th.rpt-num,.rpt-table td.rpt-num{text-align:right;white-space:nowrap}.rpt-pname{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#111827}.rpt-supplier{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rpt-loading,.rpt-empty{text-align:center;padding:2rem 0;color:#9ca3af;font-size:.875rem}.ssc-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.ssc-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.ssc-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.ssc-stats{display:flex;gap:1rem}.ssc-stat{font-size:.8125rem;color:#6b7280}.ssc-stat strong{color:#111827}.ssc-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.ssc-chart-wrap{border:1px solid #f3f4f6;border-radius:10px;padding:1rem}.ssc-subtitle{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .75rem}.ssc-loading,.ssc-empty{text-align:center;padding:2rem 0;color:#9ca3af;font-size:.875rem}@media (max-width: 1024px){.ssc-grid{grid-template-columns:1fr}}.dd-wrapper{position:relative;display:inline-block}.dd-trigger{display:inline-flex;align-items:center;gap:.375rem;padding:.4rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none}.dd-trigger:hover{border-color:#d1d5db;background:#f9fafb}.dd-trigger--open{border-color:#274c77;box-shadow:0 0 0 2px #274c771a}.dd-trigger-label{line-height:1.3}.dd-chevron{color:#9ca3af;transition:transform .2s;flex-shrink:0}.dd-chevron--open{transform:rotate(180deg)}.dd-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;padding:.25rem 0;margin:0;list-style:none;z-index:50;overflow:hidden;animation:dd-fade-in .12s ease-out}@keyframes dd-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.dd-item{padding:.5rem .875rem;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:background .1s;white-space:nowrap}.dd-item:hover{background:#f3f4f6}.dd-item--active{color:#274c77;font-weight:600;background:#274c770f}.rit-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.rit-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.rit-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.rit-scroll{overflow-x:auto;overflow-y:auto;max-height:340px;scrollbar-width:none;-ms-overflow-style:none}.rit-scroll::-webkit-scrollbar{display:none}.rit-table{width:100%;border-collapse:collapse;table-layout:fixed}.rit-table thead{position:sticky;top:0;z-index:1;background-color:#fff!important;border-bottom:1px solid #e5e7eb!important}.rit-table th{font-size:.6875rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:.625rem .75rem;border-bottom:1px solid #e5e7eb;text-align:left;white-space:nowrap;background-color:#fff!important}.rit-table td{font-size:.8125rem;color:#374151;padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;vertical-align:middle}.rit-table tbody tr:hover{background:#f9fafb}.rit-table tbody tr:last-child td{border-bottom:none}.rit-expand-cell{width:36px}.rit-col-id{width:18%}.rit-col-customer{width:22%}.rit-col-date{width:18%}.rit-col-amount{width:20%}.rit-col-status{width:18%}.rit-table th.rit-num,.rit-table td.rit-num{text-align:right;white-space:nowrap}.rit-expand-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid #e5e7eb;border-radius:4px;background:transparent;color:#9ca3af;cursor:pointer;transition:all .15s}.rit-expand-btn:hover{border-color:#274c77;color:#274c77}.rit-id{font-weight:600;color:#274c77}.rit-customer{font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rit-date{color:#6b7280;white-space:nowrap}.rit-status{display:inline-flex;align-items:center;padding:.2rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600;white-space:nowrap}.rit-status--paid{background:#d1fae5;color:#065f46}.rit-status--partial{background:#dbeafe;color:#1e40af}.rit-status--draft{background:#f3f4f6;color:#6b7280}.rit-status--return{background:#fef3c7;color:#92400e}.rit-status--refunded{background:#fee2e2;color:#991b1b}.rit-loading,.rit-empty{text-align:center;padding:2rem 0;color:#9ca3af;font-size:.875rem}.shc-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.shc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.shc-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.shc-stats{display:flex;flex-direction:column;gap:1rem}.shc-stat-row{border-left:4px solid #e5e7eb;padding:.875rem 1rem;border-radius:0 10px 10px 0;background:#f9fafb;transition:background .15s}.shc-stat-row:hover{background:#f3f4f6}.shc-stat-label{font-size:.8125rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.shc-stat-value-row{display:flex;align-items:center;justify-content:space-between}.shc-stat-value{font-size:1.75rem;font-weight:700;color:#111827;line-height:1}.shc-stat-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.shc-stat-badge--up{background:#ecfdf5;color:#059669}.shc-stat-badge--down{background:#fef2f2;color:#dc2626}.shc-stat-badge--neutral{background:#f3f4f6;color:#6b7280}.shc-loading{text-align:center;padding:3rem 0;color:#9ca3af;font-size:.875rem}.dash-container{display:flex;flex-direction:column;width:100%;min-height:100vh;background:#f8fafc}.dash-content{max-width:1600px;margin:0 auto;width:100%}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem}.dash-title{font-size:1.75rem;font-weight:800;color:#111827;margin:0 0 .25rem;letter-spacing:-.02em}.dash-subtitle{font-size:.875rem;color:#6b7280;margin:0}.dash-refresh-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s}.dash-refresh-btn:hover{background:#f9fafb;border-color:#d1d5db}.dash-kpi-row{display:flex;gap:1rem;margin-bottom:1.75rem;overflow-x:auto;padding-bottom:.25rem;-webkit-overflow-scrolling:touch}.dash-kpi-row::-webkit-scrollbar{height:4px}.dash-kpi-row::-webkit-scrollbar-track{background:transparent}.dash-kpi-row::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}.dash-kpi-row>*{flex:1;min-width:200px}.dash-section{margin-bottom:1.75rem}.dash-sales-grid{display:grid;grid-template-columns:1fr 320px;gap:1.25rem}.dash-sales-grid>*{min-width:0}.dash-chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem;min-width:0;overflow:hidden}.dash-card-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.dash-sales-sidebar{display:flex;flex-direction:column;gap:1rem}.dash-payment-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem}.dash-donut-wrap{position:relative}.dash-donut-center{position:absolute;top:100px;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none;max-width:90px}.dash-donut-total-label{display:block;font-size:.6875rem;font-weight:500;color:#6b7280}.dash-donut-total-value{display:block;font-size:.75rem;font-weight:700;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-donut-legend{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;padding-top:.5rem;border-top:1px solid #f3f4f6}.dash-donut-legend-row{display:flex;justify-content:space-between;align-items:center}.dash-donut-legend-left{display:flex;align-items:center;gap:.375rem}.dash-donut-legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dash-donut-legend-name{font-size:.75rem;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.dash-donut-legend-pct{font-size:.75rem;font-weight:600;color:#111827;flex-shrink:0}.dash-invoice-stock-grid{display:grid;grid-template-columns:1fr 380px;gap:1.25rem}.dash-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.dash-two-col>*{min-width:0}.dash-pnl-link{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#eff6ff,#f0fdf4);border:1px solid #dbeafe;border-radius:12px;padding:1.25rem 1.5rem}.dash-pnl-info{flex:1}.dash-pnl-desc{font-size:.8125rem;color:#6b7280;margin:.25rem 0 0}.dash-pnl-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;background:#274c77;color:#fff;border-radius:8px;font-size:.8125rem;font-weight:600;text-decoration:none;transition:background .15s}.dash-pnl-btn:hover{background:#1e3a5f}.dash-chart-loading,.dash-empty{text-align:center;padding:3rem 0;color:#9ca3af;font-size:.875rem;font-style:italic}@media (max-width: 1024px){.dash-sales-grid,.dash-invoice-stock-grid,.dash-two-col{grid-template-columns:1fr}.dash-sales-sidebar{flex-direction:row;flex-wrap:wrap}.dash-sales-sidebar>*{flex:1;min-width:200px}}@media (max-width: 768px){.dash-content{padding:1.25rem 1rem}.dash-title{font-size:1.5rem}.dash-header{flex-direction:column;gap:.75rem}.dash-kpi-row{gap:.75rem}.dash-kpi-row>*{min-width:180px}.dash-sales-sidebar{flex-direction:column}.dash-pnl-link{flex-direction:column;gap:.75rem;text-align:center}}@media (max-width: 480px){.dash-kpi-row>*{min-width:160px}}.custom-dropdown-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%}@media (max-width: 640px){.custom-dropdown-wrapper{gap:.375rem}}.custom-dropdown-label{font-size:.875rem;font-weight:500;color:#374151}@media (max-width: 640px){.custom-dropdown-label{font-size:.8125rem}}.custom-dropdown-container{position:relative;width:100%}.custom-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;border:1px solid var(--inputBorder, #d1d5db);border-radius:.5rem;font-size:1rem;outline:none;transition:all .2s;background:#fff;cursor:pointer;color:#374151;text-align:left}.dropdown-left{display:flex;align-items:center;gap:.5rem;min-width:0}.dropdown-leading-icon{display:inline-flex;color:#6b7280}@media (max-width: 640px){.custom-dropdown-trigger{padding:.625rem .875rem;font-size:.9375rem}}.custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem}@media (max-width: 640px){.custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .625rem;font-size:.8125rem}}.custom-dropdown-wrapper.lg .custom-dropdown-trigger{font-size:1.05rem;min-width:220px}@media (max-width: 768px){.custom-dropdown-wrapper.lg .custom-dropdown-trigger{min-width:auto;width:100%}}@media (max-width: 640px){.custom-dropdown-wrapper.lg .custom-dropdown-trigger{padding:.75rem 1rem;font-size:.9375rem}}.custom-dropdown-trigger.placeholder{color:#9ca3af}.custom-dropdown-trigger:hover:not(.disabled){border-color:var(--dropdownFocusBorder, var(--buttonPrimary, #274c77));background:#f9fafb}.custom-dropdown-trigger:focus:not(.disabled),.custom-dropdown-trigger.open{border-color:var(--dropdownFocusBorder, var(--buttonPrimary, #274c77));box-shadow:0 0 0 3px #274c771f}.custom-dropdown-trigger.error{border-color:#ef4444}.custom-dropdown-trigger.error:focus{box-shadow:0 0 0 3px #ef44441a}.custom-dropdown-trigger.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.6}.dropdown-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{transition:transform .2s;flex-shrink:0;color:#6b7280}.custom-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--inputBorder, #e5e7eb);box-shadow:0 10px 24px #00000024;border-radius:.5rem;padding:0;z-index:1000;display:flex;flex-direction:column;max-height:260px;overflow:hidden}.dropdown-options-scroll{flex:1;min-height:0;overflow-y:auto;padding:.5rem;scrollbar-width:none;-ms-overflow-style:none}.dropdown-options-scroll::-webkit-scrollbar{display:none}.dropdown-add-new-sticky{flex-shrink:0;padding:0 .5rem .5rem;background:#fff}@media (max-width: 640px){.custom-dropdown-menu{max-height:220px;border-radius:.375rem}.dropdown-options-scroll{padding:.375rem}.dropdown-add-new-sticky{padding:0 .375rem .375rem}}.custom-dropdown-wrapper.lg .custom-dropdown-menu{border-radius:.6rem;max-height:280px}@media (max-width: 640px){.custom-dropdown-wrapper.lg .custom-dropdown-menu{max-height:220px}}.dropdown-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:.625rem .875rem;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.875rem;transition:all .15s;line-height:1.4}@media (max-width: 640px){.dropdown-menu-item{padding:.5rem .75rem;font-size:.8125rem}}.custom-dropdown-wrapper.lg .dropdown-menu-item{padding:.7rem 1rem;font-size:.9375rem}@media (max-width: 640px){.custom-dropdown-wrapper.lg .dropdown-menu-item{padding:.5rem .75rem;font-size:.8125rem}}.dropdown-menu-item:hover{background:#274c7714}.dropdown-menu-item.selected{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff);font-weight:600}.dropdown-empty{padding:.75rem;text-align:center;color:#9ca3af;font-size:.875rem;margin:.5rem}@media (max-width: 640px){.dropdown-empty{padding:.625rem;font-size:.8125rem}}.dropdown-divider{height:1px;background:#e5e7eb;margin:.25rem 0}.dropdown-add-new-item{display:flex;align-items:center;gap:.5rem;width:100%;text-align:left;background:transparent;border:none;padding:.625rem .875rem;border-radius:.375rem;color:var(--buttonPrimary, #274c77);cursor:pointer;font-size:.875rem;font-weight:600;transition:all .15s;line-height:1.4}.dropdown-add-new-item:hover{background:#274c7714}.custom-dropdown-error{font-size:.75rem;color:#ef4444;margin-top:-.25rem}.kb-help-overlay{position:fixed;inset:0;z-index:9999;background:#00000073;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.kb-help-modal{background:#fff;border-radius:14px;width:540px;max-width:92vw;max-height:82vh;display:flex;flex-direction:column;box-shadow:0 24px 80px #00000038,0 0 0 1px #0000000d;animation:kb-slide-in .2s ease-out;overflow:hidden}@keyframes kb-slide-in{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.kb-help-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f0f0f0}.kb-help-header-left{display:flex;align-items:center;gap:12px}.kb-help-header-icon{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#274c77,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kb-help-header h2{margin:0;font-size:17px;font-weight:600;color:#1a1a2e;line-height:1.2}.kb-help-subtitle{margin:2px 0 0;font-size:12px;color:#9ca3af;font-weight:400}.kb-help-close{background:none;border:none;font-size:22px;cursor:pointer;color:#9ca3af;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .15s;line-height:1}.kb-help-close:hover{color:#374151;background:#f3f4f6}.kb-help-body{padding:16px 24px 8px;overflow-y:auto;flex:1}.kb-help-section{margin-bottom:20px}.kb-help-section:last-child{margin-bottom:8px}.kb-help-section-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid #f5f5f5}.kb-help-section-icon{color:#6b7280;display:flex;align-items:center}.kb-help-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#374151}.kb-help-section-desc{font-size:11px;color:#9ca3af;margin-left:auto}.kb-help-grid{display:flex;flex-direction:column;gap:0}.kb-help-row{display:flex;align-items:center;justify-content:space-between;padding:7px 8px;border-radius:6px;transition:background .12s}.kb-help-row:hover{background:#f9fafb}.kb-help-label{font-size:13.5px;color:#374151;font-weight:450}.kb-help-keys{display:flex;align-items:center;gap:4px;white-space:nowrap}.kb-help-keys kbd{display:inline-flex;align-items:center;justify-content:center;background:#f9fafb;border:1px solid #e5e7eb;border-bottom-width:2px;border-radius:6px;padding:3px 8px;font-size:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:#374151;min-width:26px;text-align:center;line-height:1.3}.kb-help-fkey{background:#eef2ff!important;border-color:#c7d2fe!important;color:#4338ca!important;font-weight:600!important;font-size:11px!important}.kb-help-or{font-size:10px;color:silver;margin:0 2px;text-transform:uppercase;font-weight:500;letter-spacing:.3px}.kb-help-footer{padding:12px 24px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;color:#9ca3af;background:#fafafa}.kb-help-footer kbd{display:inline-block;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:1px 5px;font-size:11px;font-family:inherit;font-weight:500;color:#6b7280}.kb-help-footer-sep{color:#d1d5db}@media (max-width: 560px){.kb-help-modal{width:95vw;max-height:90vh;border-radius:10px}.kb-help-section-desc{display:none}}.settings-dropdown{position:absolute;top:calc(100% + 30px);right:0;background:var(--cardBg);color:var(--text);width:min(340px,92vw);max-height:70vh;overflow:auto;box-shadow:var(--cardShadow);padding:16px 16px 20px;border:1px solid var(--cardBorder);border-radius:10px;z-index:1200;display:flex;flex-direction:column;gap:16px}.settings-popup-close{position:absolute;top:8px;right:10px;background:none;border:none;font-size:1.25rem;color:var(--text, #888);cursor:pointer}.settings-popup-title{font-size:1.1rem;font-weight:600;margin:0 0 8px;color:var(--text)}.settings-section{margin-bottom:8px}.settings-section h3{color:var(--text);font-size:.9rem;font-weight:600;margin-bottom:8px}.settings-shortcuts-btn{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;text-align:left;transition:all .15s;color:var(--text, #333)}.settings-shortcuts-btn:hover{background:#eef2ff;border-color:#c7d2fe}.settings-shortcuts-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.settings-shortcuts-label{font-size:13.5px;font-weight:500;color:var(--text, #374151)}.settings-shortcuts-hint{font-size:11px;color:#9ca3af}.settings-shortcuts-kbd{display:inline-flex;align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-bottom-width:2px;border-radius:5px;padding:2px 7px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:500;color:#6b7280;white-space:nowrap;flex-shrink:0}.sidenav-types{display:flex;gap:12px;margin-top:8px}.type-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--inputBorder);background:var(--inputBg);color:var(--text);cursor:pointer;font-weight:500;transition:background .2s,border .2s}.type-btn.selected{background:var(--buttonPrimary);color:var(--buttonPrimaryText);border:1px solid var(--buttonPrimary)}.theme-toggle{display:flex;gap:12px;margin-top:8px}.theme-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--sidebarBg, #ddd);background:var(--background);cursor:pointer;font-weight:500;transition:background .2s,border .2s}.theme-btn.selected{background:var(--headerIcon, #333);color:var(--headerText, #fff);border:1px solid var(--headerIcon, #333)}.theme-toggle-switch{display:flex;align-items:center;gap:8px;margin-top:8px}.theme-toggle-switch span{color:var(--text);font-weight:500}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--inputBorder);transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--buttonPrimary)}input:checked+.slider:before{transform:translate(20px)}@media (max-width: 480px){.settings-dropdown{right:8px;left:8px;width:auto}}.notification-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--background);color:var(--text);width:min(360px,92vw);max-height:70vh;overflow:hidden;box-shadow:0 8px 24px #0000001f;border:1px solid rgba(0,0,0,.06);border-radius:10px;z-index:1200}.notification-panel{position:fixed;top:var(--notifTop, 64px);right:0;height:calc(100vh - var(--notifTop, 64px));background:var(--background);color:var(--text);width:min(420px,94vw);box-shadow:-8px 0 24px #0000001f;border-left:1px solid rgba(0,0,0,.06);z-index:1300;display:flex;flex-direction:column}.notification-dropdown .caret{position:absolute;top:-8px;right:18px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid var(--background);filter:drop-shadow(0 -1px 0 rgba(0,0,0,.06))}.notification-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(0,0,0,.06);font-weight:600}.notification-title-heading{font-size:15px}.notification-actions{display:inline-flex;gap:8px}.icon-btn,.notification-close{background:none;border:none;font-size:1rem;color:var(--text, #777);cursor:pointer}.filter select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:6px 26px 6px 10px;border:1px solid rgba(0,0,0,.12);border-radius:6px;background:var(--background);color:var(--text);font-weight:500}.filter{position:relative}.filter:after{content:"";position:absolute;right:10px;top:50%;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text, #666);transform:translateY(-20%);pointer-events:none}.notification-tabs{position:relative;display:flex;padding:10px 12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.tab-btn{position:relative;background:transparent;border:none;padding:8px 6px;color:var(--text);cursor:pointer;font-weight:500}.tab-btn.active{color:var(--headerIcon)}.tab-btn.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--headerIcon)}.tabs-left{display:flex;gap:16px}.dropdown-wrapper{position:relative;display:inline-flex;align-items:center}.tab-btn.dropdown{display:inline-flex;align-items:center;gap:6px}.tab-btn .divider{width:1px;height:14px;background:#00000026;display:inline-block}.tab-btn .caret-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--text, #666);margin-top:2px}.filter-menu{position:absolute;top:calc(100% + 8px);left:10;background:var(--background);color:var(--text);border:1px solid rgba(0,0,0,.08);box-shadow:0 10px 24px #00000024;border-radius:10px;padding:8px;z-index:1400;min-width:200px}.menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:10px 12px;border-radius:8px;color:var(--text);cursor:pointer}.menu-item:hover{background:#3b82f61f}.menu-item.selected{background:#3b82f6;color:#fff;font-weight:600}.notification-body{flex:1;overflow:auto}.notification-empty{padding:28px 12px 36px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-illustration{display:flex;align-items:center;justify-content:center}.empty-title{margin-top:8px;font-size:14px;color:#6c757d;max-width:280px}@media (max-width: 480px){.notification-dropdown{right:8px;left:8px;width:auto}.notification-panel{width:100vw}}.app-layout-container{display:flex;height:100vh;width:100vw;overflow:hidden;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-sidebar{width:80px;height:100vh;display:flex;flex-direction:column;flex-shrink:0;background:#274c77;border-right:none;transition:width .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:100;overflow:hidden;box-shadow:4px 0 20px #00000026}.app-sidebar.collapsed{width:80px}.app-sidebar.expanded{width:280px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);background:transparent;min-height:72px;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-header.justify-center{justify-content:center;padding:1.5rem .75rem}.sidebar-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;color:#fff;margin:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;border:none;background:transparent;border-radius:.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px;height:36px}.sidebar-toggle-btn:hover{background:#ffffff1f;transform:scale(1.05);box-shadow:0 2px 8px #0003}.sidebar-toggle-btn:active{transform:scale(.95)}.sidebar-menu-icon{width:20px;height:20px;opacity:.9;filter:brightness(0) invert(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-toggle-btn:hover .sidebar-menu-icon{opacity:1;transform:rotate(90deg)}.sidebar-menu{flex:1;overflow-y:auto;overflow-x:hidden;padding:1rem .75rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .2s ease}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.sidebar-menu-item{display:flex;align-items:center;justify-content:flex-start;width:100%;padding:.875rem 1rem;border:none;background:transparent;color:#ffffffd9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-decoration:none;font-size:.9375rem;font-weight:500;border-radius:.5rem;margin-bottom:.25rem;overflow:hidden;gap:.5rem}.sidebar-menu-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#274c77,#1e3a5f);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:0 2px 2px 0}.sidebar-menu-item:after{content:"";position:absolute;inset:0;background:transparent;opacity:0;transition:opacity .3s ease;border-radius:.5rem}.sidebar-menu-item:hover{background:#ffffff0a;color:#fff}.sidebar-menu-item:hover:before{transform:scaleY(1)}.sidebar-menu-item:hover:after{opacity:1}.sidebar-menu-item:hover,.sidebar-menu-item:hover .sidebar-menu-text,.ide-sidebar .sidebar-menu-item:hover .sidebar-menu-text,.sidebar-menu-item:hover .sidebar-menu-icon-wrapper,.sidebar-submenu-item:hover,.sidebar-submenu-item:hover span{color:#fff!important}.sidebar-menu-item.active-link,.sidebar-menu-item.active{background:linear-gradient(90deg,#274c7759,#274c7733);color:#fff;box-shadow:0 6px 18px #274c7733}.sidebar-menu-item.active-link:before,.sidebar-menu-item.active:before{transform:scaleY(1)}.sidebar-menu-item.active-link:after,.sidebar-menu-item.active:after{opacity:1}.sidebar-menu-item.collapsed{flex-direction:column;justify-content:center;gap:.375rem;padding:1rem .5rem;transform:none}.sidebar-menu-item.collapsed:hover{transform:scale(1.05);padding-left:.5rem}.sidebar-menu-item-content{display:flex;align-items:center;gap:.875rem;flex:1;min-width:0;position:relative;z-index:1;justify-content:flex-start}.sidebar-menu-icon-wrapper{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#ffffffe6;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-menu-item:hover .sidebar-menu-icon-wrapper,.sidebar-menu-item.active-link .sidebar-menu-icon-wrapper,.sidebar-menu-item.active .sidebar-menu-icon-wrapper{color:#fff;transform:scale(1.1)}.sidebar-menu-text{white-space:nowrap;font-size:.9375rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.01em}.sidebar-menu-chevron{flex-shrink:0;opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);color:#ffffffb3;transform:rotate(0);margin-left:auto}.sidebar-menu-item:hover .sidebar-menu-chevron,.sidebar-menu-item.active .sidebar-menu-chevron{opacity:1;color:#fff}.sidebar-menu-item.active .sidebar-menu-chevron{transform:rotate(90deg)}.sidebar-submenu{padding-left:0;background:transparent;animation:slideDown .3s cubic-bezier(.4,0,.2,1);overflow:hidden;margin-left:.5rem;border-left:2px solid rgba(255,255,255,.15);border-radius:0 .5rem .5rem 0;margin-top:.25rem;margin-bottom:.5rem}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:500px;opacity:1;transform:translateY(0)}}.sidebar-submenu-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem .75rem 2.5rem;color:#ffffffd9;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;font-size:.875rem;font-weight:400;border-radius:.375rem;margin:.125rem .5rem}.sidebar-submenu-item:before{content:"";position:absolute;left:.5rem;top:50%;transform:translateY(-50%);width:4px;height:4px;background:#ffffff80;border-radius:50%;transition:all .3s ease}.sidebar-submenu-item:hover{background:#ffffff14;color:#fff}.sidebar-submenu-item:hover:before{background:#fff;transform:translateY(-50%) scale(1.5)}.sidebar-submenu-item.active-link{background:linear-gradient(135deg,#274c7766,#ffffff1a);color:#fff;box-shadow:0 2px 6px #274c7740}.sidebar-submenu-item.active-link:before{background:#fff;transform:translateY(-50%) scale(1.5)}.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:.75rem .5rem;margin-top:auto;background:transparent}.sidebar-footer .sidebar-menu-item{color:#ffffffe6;border-radius:.5rem;margin:0}.sidebar-footer .sidebar-menu-item:hover{background:#ffffff14;color:#fff;box-shadow:0 2px 8px #0000001a}.sidebar-footer .sidebar-menu-item:hover:before{background:linear-gradient(180deg,#274c77,#1e3a5f)}.app-main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f5f7fa;transition:width .3s cubic-bezier(.4,0,.2,1);min-width:0}.app-header{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.75rem;min-height:72px;background:#274c77;border-bottom:1px solid rgba(255,255,255,.1);transition:all .2s ease;position:sticky;top:0;z-index:50;box-shadow:0 1px 3px #0000001a}.app-header:hover{box-shadow:0 2px 6px #0000001f}.app-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.header-date{font-size:.9375rem;color:#fff;font-weight:600}.header-weekday{font-size:.9375rem;color:#ffffffd9;font-weight:500}.header-month-year{font-size:.9375rem;color:#fff;font-weight:600}.header-time-container{display:flex;align-items:center;gap:.375rem;padding:.5rem .875rem;border-left:1px solid rgba(255,255,255,.2);margin-left:.5rem;background:#ffffff1a;border-radius:.5rem;transition:all .2s ease}.header-time-container:hover{background:#ffffff26}.header-time{font-size:.9375rem;color:#fff!important;font-weight:600}.header-period{font-size:.9375rem;color:#fff!important;font-weight:500}.app-header-right{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.header-branch-selector{display:flex;align-items:center;gap:.5rem;min-width:200px}.header-manage-link{font-size:.75rem;color:#ffffffe6;text-decoration:underline;opacity:.9;transition:all .2s ease;white-space:nowrap}.header-manage-link:hover{opacity:1;color:#10b981}.header-icon-btn{position:relative;width:40px;height:40px}.header-icon{font-size:18px;color:#475569;transition:all .2s ease}.header-icon-btn:hover .header-icon{color:#10b981}.header-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:1000}.header-profile{width:40px;height:40px;flex-shrink:0;border-radius:.5rem;overflow:hidden;border:2px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.header-profile:hover{transform:scale(1.05);border-color:#10b981;box-shadow:0 2px 8px #10b98133}.header-profile-avatar{width:100%;height:100%;object-fit:cover;transition:transform .2s ease}.header-profile:hover .header-profile-avatar{transform:scale(1.05)}.header-user-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding-left:.75rem;border-left:1px solid #e2e8f0;margin-left:.75rem}.header-user-name{font-size:.9375rem;font-weight:600;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px;line-height:1.4;margin:0}.header-user-role{font-size:.8125rem;color:#64748b;margin:0;white-space:nowrap;font-weight:500;text-transform:capitalize}.app-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:1.75rem;background:#f5f7fa;scrollbar-width:thin;scrollbar-color:rgba(203,213,225,.5) transparent}.app-body::-webkit-scrollbar{width:8px}.app-body::-webkit-scrollbar-track{background:transparent;border-radius:4px}.app-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px;transition:background .2s ease}.app-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.app-sidebar,.app-sidebar.collapsed{width:72px}.app-sidebar.expanded{width:240px}.app-header{padding:.75rem 1.5rem;min-height:68px}.header-user-name{max-width:120px}.header-profile{width:36px;height:36px}.app-body{padding:1.5rem}}@media (max-width: 768px){.app-sidebar,.app-sidebar.collapsed{width:64px}.app-sidebar.expanded{width:200px}.app-header{padding:.625rem 1.25rem;min-height:64px}.app-header-left{gap:.5rem}.header-date,.header-weekday,.header-month-year,.header-time,.header-period{font-size:.8125rem}.header-time-container{padding:.375rem .625rem}.app-header-right{gap:.75rem}.header-user-info{display:none}.header-profile{width:32px;height:32px}.app-body{padding:1.25rem}}@media (max-width: 480px){.app-sidebar,.app-sidebar.collapsed{width:56px}.app-sidebar.expanded{width:180px}.app-header{padding:.5rem 1rem;min-height:60px}.app-header-left{gap:.375rem}.header-date,.header-weekday,.header-month-year,.header-time,.header-period{font-size:.75rem}.app-header-right{gap:.5rem}.header-profile{width:28px;height:28px}.app-body{padding:1rem}}@media (prefers-color-scheme: dark){.app-main-content{background:linear-gradient(135deg,#0f172a,#1e293b)}.app-sidebar{background:#1e3a5f}.app-header{background:#1e3a5f;border-color:#ffffff1a}.header-date,.header-month-year,.header-time{color:#fff}.header-weekday,.header-period{color:#ffffffd9}.header-time-container{border-left-color:#fff3}.header-icon{color:#ffffffe6}.header-user-name{color:#fff}.header-user-role{color:#ffffffd9}.header-user-info{border-left-color:#fff3}.app-body::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#475569,#64748b)}}.confirm-delete-modal-overlay{position:fixed;inset:0;background:var(--modalOverlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000}.confirm-delete-modal-container{background:var(--modalBg, #ffffff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;width:92%;position:relative;overflow:hidden}.confirm-delete-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.confirm-delete-modal-close:hover:not(:disabled){color:#111827;background:#f3f4f6}.confirm-delete-modal-close:disabled{opacity:.6;cursor:not-allowed}.confirm-delete-modal-icon-wrap{display:flex;justify-content:center;padding-top:2rem;padding-bottom:.5rem}.confirm-delete-modal-icon{width:64px;height:64px;border-radius:50%;background:#fee2e2;border:2px solid #fecaca;color:#dc2626;display:flex;align-items:center;justify-content:center}.confirm-delete-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 1.5rem 1rem;text-align:center}.confirm-delete-modal-body{padding:0 1.5rem 1.5rem}.confirm-delete-modal-body p{color:#6b7280;margin:0;line-height:1.6;font-size:.9375rem;text-align:center}.confirm-delete-modal-footer{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end}.confirm-delete-modal-btn-cancel{padding:.625rem 1.25rem;border:1px solid var(--modalBorder, #d1d5db);background:var(--modalBg, #ffffff);color:var(--text, #374151);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.confirm-delete-modal-btn-cancel:hover:not(:disabled){background:var(--buttonSecondaryHover, #f9fafb);border-color:var(--textSecondary, #9ca3af)}.confirm-delete-modal-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.confirm-delete-modal-btn-confirm{padding:.625rem 1.25rem;border:none;background:var(--confirmDeleteBtn, #dc2626);color:#fff;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.confirm-delete-modal-btn-confirm:hover:not(:disabled){background:var(--confirmDeleteBtnHover, #b91c1c)}.confirm-delete-modal-btn-confirm:disabled{opacity:.7;cursor:not-allowed}.pt-mgmt-container{width:100%;padding:0}.pt-mgmt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#9ca3af;margin-bottom:.5rem}.breadcrumb-link{color:var(--buttonPrimary, #274c77);text-decoration:none}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#374151;font-weight:500}.pt-mgmt-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.pt-mgmt-subtitle{color:#6b7280;font-size:.875rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.pt-mgmt-filter-tabs{display:flex;gap:.35rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:.25rem;margin-bottom:1rem;flex-wrap:wrap}.pt-tab{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border:none;background:transparent;font-size:.8125rem;font-weight:600;color:#6b7280;cursor:pointer;border-radius:.375rem;transition:background .15s,color .15s}.pt-tab:hover{background:#f3f4f6;color:#374151}.pt-tab.active{background:var(--buttonPrimary, #274c77);color:#fff;box-shadow:0 1px 3px #274c774d}.pt-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;font-size:.65rem;font-weight:700;background:#00000014;color:inherit}.pt-tab.active .pt-tab-count{background:#ffffff40}.pt-mgmt-search-container{margin-bottom:1.5rem}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;transition:all .2s;box-sizing:border-box}.search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771a}.pt-table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.pt-table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.pt-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:800px}.pt-table thead{background:#f3f4f6}.pt-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.pt-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.pt-table tbody tr:hover{background:#f9fafb}.pt-table tbody tr:last-child td{border-bottom:none}.pt-name{font-weight:600;color:#111827}.pt-dg-badge{display:inline-block;font-size:.75rem;font-weight:600;background:#dbeafe;color:#1e40af;padding:.25rem .6rem;border-radius:.25rem}.pt-bt-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px}.pt-bt-retail{background:#d1fae5;color:#047857}.pt-bt-repair{background:#fef3c7;color:#92400e}.pt-bt-both{background:#e0e7ff;color:#3730a3}.pt-status-badge{display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .6rem;border-radius:999px}.status-active{background:#d1fae5;color:#047857}.status-inactive{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:.5rem;flex-wrap:nowrap}.btn-view{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.btn-view:hover{background:#3b82f6;color:#fff;border-color:#2563eb}.btn-edit{background:#d1fae5;color:#047857;border:1px solid #6ee7b7}.btn-edit:hover{background:#10b981;color:#fff;border-color:#059669}.pt-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;justify-content:center;align-items:center;z-index:1200}.pt-modal{background:#fff;width:480px;max-width:calc(100% - 2rem);max-height:85vh;overflow-y:auto;border-radius:.75rem;box-shadow:0 20px 60px #0f172a66}.pt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.pt-modal-header h2{font-size:1.125rem;font-weight:700;margin:0;color:#111827}.pt-modal-close{border:none;background:transparent;cursor:pointer;color:#6b7280;padding:.25rem;border-radius:.25rem}.pt-modal-close:hover{color:#374151;background:#f3f4f6}.pt-modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.pt-modal-field{display:flex;flex-direction:column;gap:.4rem}.pt-modal-field-inline{flex-direction:row;align-items:center}.pt-modal-label{font-size:.8125rem;font-weight:600;color:#374151}.pt-bt-toggle{display:inline-flex;border-radius:.5rem;border:1px solid #d1d5db;overflow:hidden}.pt-bt-btn{padding:.5rem 1.1rem;font-size:.8125rem;font-weight:600;border:none;background:#fff;color:#4b5563;cursor:pointer;transition:background .15s,color .15s}.pt-bt-btn:hover{background:#f9fafb}.pt-bt-btn.active{background:var(--buttonPrimary, #274c77);color:#fff}.pt-modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid #e5e7eb}.pt-btn-cancel{padding:.6rem 1.2rem;border-radius:.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer}.pt-btn-cancel:hover{background:#f9fafb}.pt-btn-save{display:flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:.5rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer}.pt-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.pt-btn-save:disabled{opacity:.5;cursor:not-allowed}.pt-view-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid #f3f4f6}.pt-view-row:last-child{border-bottom:none}.pt-view-label{font-size:.8125rem;font-weight:600;color:#6b7280}.pt-view-value{font-size:.875rem;color:#111827;font-weight:500}@media (max-width: 768px){.pt-mgmt-header{flex-direction:column;gap:1rem}.btn-primary{width:100%;justify-content:center}.pt-table-scroll{overflow-x:scroll}.pt-table th,.pt-table td{padding:.625rem .75rem;font-size:.8125rem}.pt-mgmt-filter-tabs{overflow-x:auto}.pt-modal{width:calc(100% - 1rem);margin:.5rem}}.txl-container{max-width:1280px;margin:0 auto}.txl-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-muted, #6b7280);margin-bottom:8px}.txl-breadcrumb a{color:var(--primary, #4f46e5);text-decoration:none}.txl-breadcrumb-sep{color:var(--border, #d1d5db)}.txl-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.txl-title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #111827);margin:0}.txl-subtitle{font-size:.875rem;color:var(--text-muted, #6b7280);margin:4px 0 0}.txl-adjust-btn{background:var(--primary, #4f46e5);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.875rem;font-weight:600;cursor:pointer}.txl-adjust-btn:hover{opacity:.9}.txl-filters{display:flex;align-items:flex-end;gap:16px;margin-bottom:16px}.txl-filter-item{min-width:200px}.txl-total{font-size:.85rem;color:var(--text-muted, #6b7280);margin-left:auto}.txl-loading,.txl-empty{text-align:center;padding:48px 0;color:var(--text-muted, #6b7280)}.txl-table-wrap{overflow-x:auto}.txl-table{width:100%;border-collapse:collapse;font-size:.85rem}.txl-table th{text-align:left;padding:10px 12px;font-weight:600;color:var(--text-muted, #6b7280);border-bottom:2px solid var(--border, #e5e7eb);white-space:nowrap}.txl-table td{padding:10px 12px;border-bottom:1px solid var(--border, #f3f4f6);color:var(--text-primary, #111827)}.txl-table tbody tr:hover{background:var(--bg-hover, #f9fafb)}.txl-id{color:var(--text-muted, #9ca3af);font-size:.8rem}.txl-date{white-space:nowrap;font-size:.8rem;color:var(--text-muted, #6b7280)}.txl-type-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600;white-space:nowrap}.txl-type-badge.inflow{background:#dcfce7;color:#166534}.txl-type-badge.outflow{background:#fee2e2;color:#991b1b}.txl-qty{font-weight:700;font-size:.9rem}.txl-qty.positive{color:#16a34a}.txl-qty.negative{color:#dc2626}.txl-ref{font-size:.8rem;color:var(--text-muted, #6b7280)}.txl-note{font-size:.8rem;color:var(--text-muted, #9ca3af);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.txl-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0;font-size:.85rem}.txl-pagination button{background:var(--bg-card, #fff);border:1px solid var(--border, #d1d5db);padding:6px 14px;border-radius:6px;cursor:pointer;font-size:.85rem}.txl-pagination button:disabled{opacity:.4;cursor:not-allowed}.txl-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.txl-modal{background:var(--bg-card, #fff);border-radius:12px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000026}.txl-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--border, #e5e7eb)}.txl-modal-header h2{font-size:1.1rem;font-weight:700;margin:0}.txl-modal-close{background:none;border:none;cursor:pointer;color:var(--text-muted, #6b7280)}.txl-modal-body{padding:20px}.txl-modal-field{margin-bottom:16px}.txl-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border, #e5e7eb)}.txl-btn-cancel{background:none;border:1px solid var(--border, #d1d5db);padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem}.txl-btn-save{background:var(--primary, #4f46e5);color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:6px}.txl-btn-save:disabled{opacity:.5;cursor:not-allowed}.inventory-page-container{width:100%;padding:2rem;background:#f3f4f6}.inventory-page-inner{max-width:1200px;margin:0 auto}.inventory-breadcrumb{display:flex;align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.82rem;color:#6b7280}.inventory-breadcrumb a{color:var(--buttonPrimary, #4f46e5);text-decoration:none}.inventory-breadcrumb a:hover{text-decoration:underline}.inventory-breadcrumb-sep{color:#9ca3af}.inventory-header{margin-bottom:1.75rem}.inventory-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0 0 .4rem}.inventory-subtitle{font-size:.9rem;color:#6b7280;margin:0}.inventory-section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.inventory-card{display:flex;flex-direction:column;background:#fff;border-radius:.75rem;padding:1.5rem 1.4rem 1.25rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0f;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .15s;cursor:pointer}.inventory-card:hover{border-color:var(--buttonPrimary, #4f46e5);box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.inventory-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.inventory-card-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:#eef2ff;color:var(--buttonPrimary, #4f46e5);flex-shrink:0}.inventory-card-badge{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .7rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#eef2ff;color:var(--buttonPrimary, #4f46e5);width:fit-content}.inventory-card-title{font-size:1.05rem;font-weight:600;margin:.2rem 0 0;color:#111827}.inventory-card-description{margin:.35rem 0 0;font-size:.85rem;line-height:1.4;color:#6b7280;flex:1}.inventory-card-link{margin-top:1rem;font-size:.82rem;font-weight:600;color:var(--buttonPrimary, #4f46e5)}@media (max-width: 768px){.inventory-page-container{padding:1.25rem}.inventory-section-grid{grid-template-columns:1fr}}.barcode-label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#fafafa;border:1px solid #e5e7eb;border-radius:8px}.barcode-label-image{width:100%;max-width:200px}.barcode-label-image img{width:100%;height:auto;image-rendering:pixelated}.barcode-label-value{font-family:monospace;font-size:.8rem;color:#374151;letter-spacing:.05em}.barcode-label-name{font-size:.75rem;color:#6b7280;text-align:center;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barcode-label-price{font-size:.85rem;font-weight:700;color:#111827}.barcode-print-btn{display:flex;align-items:center;gap:4px;margin-top:4px;padding:4px 12px;font-size:.78rem;font-weight:600;color:#4f46e5;background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;cursor:pointer;transition:background .15s}.barcode-print-btn:hover{background:#e0e7ff}.phones-inventory-container{width:100%;background:#f3f4f6;display:flex;gap:1.5rem}.phones-inventory-inner{flex:1;max-width:1200px;margin:0 auto 0 0}.phones-inventory-header{margin-bottom:1.25rem}.phones-inventory-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.phones-inventory-subtitle{color:#6b7280;font-size:.875rem;margin:0}.phones-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.phones-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.phones-breadcrumb a:hover{text-decoration:underline}.phones-breadcrumb-sep{color:#9ca3af}.phones-type-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;background:#fff}.phones-type-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:color .2s,border-color .2s}.phones-type-tab:hover{color:#374151}.phones-type-tab.active{color:var(--buttonPrimary, #274c77);border-bottom-color:var(--buttonPrimary, #274c77)}.phones-type-tab.active .phones-type-tab-icon{color:var(--buttonPrimary, #274c77)}.phones-type-tab:not(.active) .phones-type-tab-icon{color:#9ca3af}.phones-type-tab-icon{flex-shrink:0}.phones-category-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.phones-category-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.phones-category-chip.active{background:#111827;color:#fff;border-color:#111827}.phones-add-brand-chip{display:inline-flex;align-items:center;gap:.25rem;border-style:dashed;color:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);background:transparent}.phones-add-brand-chip:hover{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.phones-filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.phones-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.phones-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.phones-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.phones-search-input::placeholder{color:#9ca3af}.phones-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.phones-dropdown-wrap{min-width:160px}.phones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.phones-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:.75rem;padding:.9rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;text-align:left}.phones-card:hover{box-shadow:0 6px 18px #0f172a1f;transform:translateY(-2px)}.phones-stock-badge{position:absolute;top:.6rem;left:.6rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff}.phones-stock-badge.high{background:#22c55e}.phones-stock-badge.normal{background:#2563eb}.phones-stock-badge.low{background:#dc2626}.phones-card-image-wrapper{width:100%;height:140px;border-radius:.75rem;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.phones-card-image-wrapper img{width:100%;height:100%;object-fit:cover}.phones-card-info{margin-bottom:.5rem}.phones-card-name{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:.15rem}.phones-card-brand{font-size:.75rem;font-weight:600;color:var(--buttonPrimary, #274c77);margin-bottom:.1rem}.phones-card-sku,.phones-card-model{font-size:.75rem;color:#6b7280}.phones-card-warranty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.2rem .4rem;background:#f1f5f9;border-radius:.375rem;display:block;width:fit-content;border:1px solid #e2e8f0}.phones-card-qty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:.375rem;display:block;width:fit-content;border:1px solid #e2e8f0}.phones-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.phones-card-price{font-weight:700;font-size:.95rem;color:#111827}.phones-card-add-btn{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.phones-detail-panel{position:fixed;top:72px;right:0;height:calc(100vh - 72px);width:min(380px,94vw);background:#fff;box-shadow:-8px 0 24px #0f172a2e;border-left:1px solid #e5e7eb;z-index:1200;display:flex;flex-direction:column}.phones-detail-card{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.25rem 1rem}.phones-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.phones-detail-header h2{margin:0;font-size:1rem;font-weight:600}.phones-detail-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.phones-detail-body{font-size:.85rem;color:#374151;display:flex;flex-direction:column;gap:.5rem}.phones-detail-row{display:flex;justify-content:space-between;gap:.75rem}.phones-detail-row .label{font-weight:600;color:#6b7280}.phones-detail-row .value{text-align:right;color:#111827}.phones-detail-highlight,.phones-detail-qty-value{display:inline-block;padding:.25rem .6rem;background:#f1f5f9;border-radius:.375rem;font-weight:600;color:#374151;border:1px solid #e2e8f0}.phones-detail-order-qty{align-items:center}.phones-qty-controls{display:flex;align-items:center;gap:.5rem}.phones-qty-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:1.1rem;color:#374151;cursor:pointer;line-height:1}.phones-qty-btn:hover{background:#f3f4f6;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.phones-qty-value{min-width:2rem;text-align:center;font-weight:600;color:#111827}.phones-loading,.phones-empty{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.95rem}.phones-card-no-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.8rem;border-radius:8px}@media (max-width: 960px){.phones-inventory-container{flex-direction:column}.phones-detail-panel{top:64px;height:calc(100vh - 64px);width:100vw}}.repair-inventory-container{width:100%;background:#f3f4f6;display:flex;gap:1.5rem}.repair-inventory-inner{flex:1;max-width:1200px;margin:0 auto 0 0}.repair-inventory-header{margin-bottom:1.25rem}.repair-inventory-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.repair-inventory-subtitle{color:#6b7280;font-size:.875rem;margin:0}.repair-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.repair-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.repair-breadcrumb a:hover{text-decoration:underline}.repair-device-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;background:#fff;border-radius:.5rem .5rem 0 0;overflow-x:auto}.repair-device-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;white-space:nowrap;transition:color .2s,border-color .2s}.repair-device-tab:hover{color:#374151}.repair-device-tab.active{color:var(--buttonPrimary, #274c77);border-bottom-color:var(--buttonPrimary, #274c77)}.repair-device-tab-icon{display:inline-flex;align-items:center;flex-shrink:0}.repair-device-tab.active .repair-device-tab-icon{color:var(--buttonPrimary, #274c77)}.repair-device-tab:not(.active) .repair-device-tab-icon{color:#9ca3af}.repair-breadcrumb-sep{color:#9ca3af}.repair-type-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;background:#fff}.repair-type-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:color .2s,border-color .2s}.repair-type-tab:hover{color:#374151}.repair-type-tab.active{color:var(--buttonPrimary, #274c77);border-bottom-color:var(--buttonPrimary, #274c77)}.repair-type-tab.active .repair-type-tab-icon{color:var(--buttonPrimary, #274c77)}.repair-type-tab:not(.active) .repair-type-tab-icon{color:#9ca3af}.repair-type-tab-icon{flex-shrink:0}.repair-brand-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.repair-brand-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.repair-brand-chip.active{background:#111827;color:#fff;border-color:#111827}.repair-add-brand-chip{display:inline-flex;align-items:center;gap:.25rem;border-style:dashed;color:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);background:transparent}.repair-add-brand-chip:hover{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.repair-no-brands{font-size:.8rem;color:#9ca3af;padding:.4rem 0}.repair-filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.repair-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.repair-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.repair-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.repair-search-input::placeholder{color:#9ca3af}.repair-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.repair-dropdown-wrap{min-width:160px}.repair-category-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.repair-category-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.repair-category-chip.active{background:#111827;color:#fff;border-color:#111827}.repair-parts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.repair-part-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:.75rem;padding:.9rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;text-align:left}.repair-part-card:hover{box-shadow:0 6px 18px #0f172a1f;transform:translateY(-2px)}.repair-stock-badge{position:absolute;top:.6rem;left:.6rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff}.repair-stock-badge.high{background:#22c55e}.repair-stock-badge.normal{background:#2563eb}.repair-stock-badge.low{background:#dc2626}.repair-part-image-wrapper{width:100%;height:140px;border-radius:.75rem;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.repair-part-image-wrapper img{width:100%;height:100%;object-fit:cover}.repair-part-info{margin-bottom:.5rem}.repair-part-name{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:.15rem}.repair-part-brand{font-size:.75rem;font-weight:600;color:var(--buttonPrimary, #274c77);margin-bottom:.1rem}.repair-part-ref{font-size:.8rem;color:#6b7280}.repair-part-qty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:.375rem;display:inline-block;border:1px solid #e2e8f0}.repair-part-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.repair-part-price{font-weight:700;font-size:.95rem;color:#111827}.repair-part-add-btn{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.repair-detail-panel{position:fixed;top:72px;right:0;height:calc(100vh - 72px);width:min(380px,94vw);background:#fff;box-shadow:-8px 0 24px #0f172a2e;border-left:1px solid #e5e7eb;z-index:1200;display:flex;flex-direction:column}.repair-detail-card{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.25rem 1rem}.repair-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.repair-detail-header h2{margin:0;font-size:1rem;font-weight:600}.repair-detail-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.repair-detail-body{font-size:.85rem;color:#374151;display:flex;flex-direction:column;gap:.5rem}.repair-detail-row{display:flex;justify-content:space-between;gap:.75rem}.repair-detail-row .label{font-weight:600;color:#6b7280}.repair-detail-row .value{text-align:right;color:#111827}.repair-detail-highlight,.repair-detail-qty-value{display:inline-block;padding:.25rem .6rem;background:#f1f5f9;border-radius:.375rem;font-weight:600;color:#374151;border:1px solid #e2e8f0}.repair-detail-quantity{align-items:center}.repair-quantity-controls{display:flex;align-items:center;gap:.5rem}.repair-qty-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:1.1rem;color:#374151;cursor:pointer;line-height:1}.repair-qty-btn:hover{background:#f3f4f6;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.repair-qty-value{min-width:2rem;text-align:center;font-weight:600;color:#111827}.repair-loading,.repair-empty{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.95rem}.repair-part-no-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.8rem;border-radius:8px}@media (max-width: 960px){.repair-inventory-container{flex-direction:column}.repair-detail-panel{top:64px;height:calc(100vh - 64px);width:100vw}}.accessories-inventory-container{width:100%;background:#f3f4f6;display:flex;gap:1.5rem}.accessories-inventory-inner{flex:1;max-width:1200px;margin:0 auto 0 0}.accessories-inventory-header{margin-bottom:1.25rem}.accessories-inventory-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.accessories-inventory-subtitle{color:#6b7280;font-size:.875rem;margin:0}.accessories-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.accessories-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.accessories-breadcrumb a:hover{text-decoration:underline}.accessories-breadcrumb-sep{color:#9ca3af}.accessories-type-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;background:#fff}.accessories-type-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:color .2s,border-color .2s}.accessories-type-tab:hover{color:#374151}.accessories-type-tab.active{color:var(--buttonPrimary, #274c77);border-bottom-color:var(--buttonPrimary, #274c77)}.accessories-type-tab.active .accessories-type-tab-icon{color:var(--buttonPrimary, #274c77)}.accessories-type-tab:not(.active) .accessories-type-tab-icon{color:#9ca3af}.accessories-type-tab-icon{flex-shrink:0}.accessories-category-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.accessories-category-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.accessories-category-chip.active{background:#111827;color:#fff;border-color:#111827}.accessories-filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.accessories-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.accessories-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.accessories-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.accessories-search-input::placeholder{color:#9ca3af}.accessories-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.accessories-dropdown-wrap{min-width:160px}.accessories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.accessories-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:.75rem;padding:.9rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;text-align:left}.accessories-card:hover{box-shadow:0 6px 18px #0f172a1f;transform:translateY(-2px)}.accessories-stock-badge{position:absolute;top:.6rem;left:.6rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff}.accessories-stock-badge.high{background:#22c55e}.accessories-stock-badge.normal{background:#2563eb}.accessories-stock-badge.low{background:#dc2626}.accessories-card-image-wrapper{width:100%;height:140px;border-radius:.75rem;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.accessories-card-image-wrapper img{width:100%;height:100%;object-fit:cover}.accessories-card-info{margin-bottom:.5rem}.accessories-card-name{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:.15rem}.accessories-card-sku{font-size:.75rem;color:#6b7280}.accessories-card-qty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:.375rem;display:inline-block;border:1px solid #e2e8f0}.accessories-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.accessories-card-price{font-weight:700;font-size:.95rem;color:#111827}.accessories-card-add-btn{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.accessories-detail-panel{position:fixed;top:72px;right:0;height:calc(100vh - 72px);width:min(380px,94vw);background:#fff;box-shadow:-8px 0 24px #0f172a2e;border-left:1px solid #e5e7eb;z-index:1200;display:flex;flex-direction:column}.accessories-detail-card{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.25rem 1rem}.accessories-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.accessories-detail-header h2{margin:0;font-size:1rem;font-weight:600}.accessories-detail-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.accessories-detail-body{font-size:.85rem;color:#374151;display:flex;flex-direction:column;gap:.5rem}.accessories-detail-row{display:flex;justify-content:space-between;gap:.75rem}.accessories-detail-row .label{font-weight:600;color:#6b7280}.accessories-detail-row .value{text-align:right;color:#111827}.accessories-detail-highlight,.accessories-detail-qty-value{display:inline-block;padding:.25rem .6rem;background:#f1f5f9;border-radius:.375rem;font-weight:600;color:#374151;border:1px solid #e2e8f0}.accessories-detail-order-qty{align-items:center}.accessories-qty-controls{display:flex;align-items:center;gap:.5rem}.accessories-qty-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:1.1rem;color:#374151;cursor:pointer;line-height:1}.accessories-qty-btn:hover{background:#f3f4f6;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.accessories-qty-value{min-width:2rem;text-align:center;font-weight:600;color:#111827}.accessories-loading,.accessories-empty{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.95rem}.accessories-card-no-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.8rem;border-radius:8px}@media (max-width: 960px){.accessories-inventory-container{flex-direction:column}.accessories-detail-panel{top:64px;height:calc(100vh - 64px);width:100vw}}.sp-panel{position:fixed;top:calc(72px + .75rem);right:.75rem;height:calc(100vh - 72px - 1.5rem);width:min(380px,94vw);z-index:1200;display:flex;flex-direction:column;background:#fff;box-shadow:-8px 0 24px #0f172a2e;border:1px solid #e5e7eb;border-radius:.75rem;overflow:visible}.sp-body{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;overflow-y:scroll!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;-ms-overflow-style:none;border-radius:.75rem}.sp-body::-webkit-scrollbar{display:none}.sp-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:.625rem;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:#fff;border-radius:.75rem .75rem 0 0;flex-shrink:0}.sp-header-icon{width:36px;height:36px;border-radius:.5rem;background:#eef2f7;display:flex;align-items:center;justify-content:center;color:var(--buttonPrimary, #274c77);flex-shrink:0}.sp-header-title{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b;flex:1}.sp-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:.25rem;border-radius:.375rem;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.sp-close:hover{color:#475569;background:#f1f5f9}.sp-image-section{padding:1.25rem;display:flex;justify-content:center;border-bottom:1px solid #e5e7eb}.sp-image{max-width:180px;max-height:180px;object-fit:contain;border-radius:.75rem}.sp-no-image{width:180px;height:140px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.85rem;border-radius:.75rem}.sp-details{padding:.75rem 1.25rem 1.25rem;display:flex;flex-direction:column}.sp-row{display:flex;justify-content:space-between;align-items:baseline;padding:.7rem 0;border-bottom:1px dashed #e2e8f0;gap:1rem}.sp-row:last-child{border-bottom:none}.sp-label{font-size:.85rem;font-weight:500;color:#64748b;white-space:nowrap}.sp-value{font-size:.85rem;font-weight:700;color:#1e293b;text-align:right;word-break:break-word}@media (max-width: 960px){.sp-panel{top:calc(64px + .75rem);right:0;height:calc(100vh - 64px - .75rem);width:100vw;border-radius:0}}.cctv-inventory-container{width:100%;background:#f3f4f6;display:flex;gap:1.5rem}.cctv-inventory-inner{flex:1;max-width:1200px;margin:0 auto 0 0}.cctv-inventory-header{margin-bottom:1.25rem}.cctv-inventory-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.cctv-inventory-subtitle{color:#6b7280;font-size:.875rem;margin:0}.cctv-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.cctv-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.cctv-breadcrumb a:hover{text-decoration:underline}.cctv-breadcrumb-sep{color:#9ca3af}.cctv-type-tabs{display:flex;align-items:center;gap:0;border-bottom:1px solid #e5e7eb;margin-bottom:1rem;background:#fff}.cctv-type-tab{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-1px;font-size:.9375rem;font-weight:500;color:#6b7280;cursor:pointer;transition:color .2s,border-color .2s}.cctv-type-tab:hover{color:#374151}.cctv-type-tab.active{color:var(--buttonPrimary, #274c77);border-bottom-color:var(--buttonPrimary, #274c77)}.cctv-type-tab.active .cctv-type-tab-icon{color:var(--buttonPrimary, #274c77)}.cctv-type-tab:not(.active) .cctv-type-tab-icon{color:#9ca3af}.cctv-type-tab-icon{flex-shrink:0}.cctv-category-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cctv-category-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.cctv-category-chip.active{background:#111827;color:#fff;border-color:#111827}.cctv-brand-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.cctv-brand-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.cctv-brand-chip.active{background:#111827;color:#fff;border-color:#111827}.cctv-add-brand-chip{display:inline-flex;align-items:center;gap:.25rem;border-style:dashed;color:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);background:transparent}.cctv-add-brand-chip:hover{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.cctv-filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.cctv-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.cctv-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.cctv-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.cctv-search-input::placeholder{color:#9ca3af}.cctv-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.cctv-dropdown-wrap{min-width:160px}.cctv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.cctv-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:.75rem;padding:.9rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;text-align:left}.cctv-card:hover{box-shadow:0 6px 18px #0f172a1f;transform:translateY(-2px)}.cctv-stock-badge{position:absolute;top:.6rem;left:.6rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff}.cctv-stock-badge.high{background:#22c55e}.cctv-stock-badge.normal{background:#2563eb}.cctv-stock-badge.low{background:#dc2626}.cctv-card-image-wrapper{width:100%;height:140px;border-radius:.75rem;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.cctv-card-image-wrapper img{width:100%;height:100%;object-fit:cover}.cctv-card-info{margin-bottom:.5rem}.cctv-card-name{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:.15rem}.cctv-card-sku{font-size:.75rem;color:#6b7280}.cctv-card-qty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:.375rem;display:inline-block;border:1px solid #e2e8f0}.cctv-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.cctv-card-price{font-weight:700;font-size:.95rem;color:#111827}.cctv-card-add-btn{width:28px;height:28px;border-radius:999px;background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem}.cctv-detail-panel{position:fixed;top:72px;right:0;height:calc(100vh - 72px);width:min(380px,94vw);background:#fff;box-shadow:-8px 0 24px #0f172a2e;border-left:1px solid #e5e7eb;z-index:1200;display:flex;flex-direction:column}.cctv-detail-card{flex:1;display:flex;flex-direction:column;padding:1.25rem 1.25rem 1rem}.cctv-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.cctv-detail-header h2{margin:0;font-size:1rem;font-weight:600}.cctv-detail-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.cctv-detail-body{font-size:.85rem;color:#374151;display:flex;flex-direction:column;gap:.5rem}.cctv-detail-row{display:flex;justify-content:space-between;gap:.75rem}.cctv-detail-row .label{font-weight:600;color:#6b7280}.cctv-detail-row .value{text-align:right;color:#111827}.cctv-detail-highlight,.cctv-detail-qty-value{display:inline-block;padding:.25rem .6rem;background:#f1f5f9;border-radius:.375rem;font-weight:600;color:#374151;border:1px solid #e2e8f0}.cctv-detail-order-qty{align-items:center}.cctv-qty-controls{display:flex;align-items:center;gap:.5rem}.cctv-qty-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;font-size:1.1rem;color:#374151;cursor:pointer;line-height:1}.cctv-qty-btn:hover{background:#f3f4f6;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.cctv-qty-value{min-width:2rem;text-align:center;font-weight:600;color:#111827}.cctv-loading,.cctv-empty{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.95rem}.cctv-card-no-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.8rem;border-radius:8px}@media (max-width: 960px){.cctv-inventory-container{flex-direction:column}.cctv-detail-panel{top:64px;height:calc(100vh - 64px);width:100vw}}.laptops-inventory-container{width:100%;background:#f3f4f6;display:flex;gap:1.5rem}.laptops-inventory-inner{flex:1;max-width:1200px;margin:0 auto 0 0}.laptops-inventory-header{margin-bottom:1.25rem}.laptops-inventory-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.laptops-inventory-subtitle{color:#6b7280;font-size:.875rem;margin:0}.laptops-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.laptops-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.laptops-breadcrumb a:hover{text-decoration:underline}.laptops-breadcrumb-sep{color:#9ca3af}.laptops-brand-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.laptops-brand-chip{padding:.4rem .9rem;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-size:.8rem;font-weight:500;color:#4b5563;cursor:pointer}.laptops-brand-chip.active{background:#111827;color:#fff;border-color:#111827}.laptops-add-brand-chip{display:inline-flex;align-items:center;gap:.25rem;border-style:dashed;color:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);background:transparent}.laptops-add-brand-chip:hover{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.laptops-filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.laptops-search-wrap{position:relative;flex:1;min-width:200px;max-width:360px}.laptops-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.laptops-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.laptops-search-input::placeholder{color:#9ca3af}.laptops-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.laptops-dropdown-wrap{min-width:160px}.laptops-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.laptops-card{position:relative;display:flex;flex-direction:column;align-items:stretch;background:#fff;border-radius:.75rem;padding:.9rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0f172a0a;cursor:pointer;text-align:left}.laptops-card:hover{box-shadow:0 6px 18px #0f172a1f;transform:translateY(-2px)}.laptops-stock-badge{position:absolute;top:.6rem;left:.6rem;padding:.15rem .5rem;border-radius:999px;font-size:.7rem;font-weight:600;color:#fff}.laptops-stock-badge.high{background:#22c55e}.laptops-stock-badge.normal{background:#2563eb}.laptops-stock-badge.low{background:#dc2626}.laptops-card-image-wrapper{width:100%;height:140px;border-radius:.75rem;overflow:hidden;background:#e5e7eb;display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.laptops-card-image-wrapper img{width:100%;height:100%;object-fit:cover}.laptops-card-no-image{width:100%;height:120px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af;font-size:.8rem;border-radius:8px}.laptops-card-info{margin-bottom:.5rem}.laptops-card-name{font-size:.9rem;font-weight:600;color:#111827;margin-bottom:.15rem}.laptops-card-brand{font-size:.75rem;font-weight:600;color:var(--buttonPrimary, #274c77);margin-bottom:.1rem}.laptops-card-sku,.laptops-card-model,.laptops-card-spec{font-size:.75rem;color:#6b7280}.laptops-card-warranty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.2rem .4rem;background:#f1f5f9;border-radius:.375rem;display:block;width:fit-content;border:1px solid #e2e8f0}.laptops-card-qty{font-size:.8rem;font-weight:600;color:#374151;margin-top:.35rem;padding:.25rem .5rem;background:#f1f5f9;border-radius:.375rem;display:block;width:fit-content;border:1px solid #e2e8f0}.laptops-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.laptops-card-price{font-weight:700;font-size:.95rem;color:#111827}.laptops-detail-panel{position:fixed;top:72px;right:0;height:calc(100vh - 72px);width:min(380px,94vw);background:#fff;box-shadow:-8px 0 24px #0f172a2e;border-left:1px solid #e5e7eb;z-index:1200;display:flex;flex-direction:column}.laptops-detail-card{flex:1;display:flex;flex-direction:column;padding:1.25rem;overflow-y:auto}.laptops-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.laptops-detail-header h2{margin:0;font-size:1rem;font-weight:600}.laptops-detail-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#6b7280}.laptops-detail-body{font-size:.85rem;color:#374151;display:flex;flex-direction:column;gap:.5rem}.laptops-detail-row{display:flex;justify-content:space-between;gap:.75rem}.laptops-detail-row .label{font-weight:600;color:#6b7280}.laptops-detail-row .value{text-align:right;color:#111827}.laptops-detail-highlight{display:inline-block;padding:.25rem .6rem;background:#f1f5f9;border-radius:.375rem;font-weight:600;color:#374151;border:1px solid #e2e8f0}.laptops-loading,.laptops-empty{text-align:center;padding:3rem 1rem;color:#6b7280;font-size:.95rem}@media (max-width: 960px){.laptops-inventory-container{flex-direction:column}.laptops-detail-panel{top:64px;height:calc(100vh - 64px);width:100vw}}.view-all-customers-container{width:100%;padding:0}.customers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.customers-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.customers-subtitle{color:#6b7280;font-size:.875rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background-color:var(--buttonPrimary, #3b82f6);color:var(--buttonPrimaryText, white);padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--buttonPrimaryHover, #2563eb)}.btn-secondary{display:flex;align-items:center;gap:.5rem;background:#fff;color:#374151;padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid #d1d5db;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.customers-search-container{margin-bottom:2rem}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem}.customers-table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.customers-table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.customers-table-scroll::-webkit-scrollbar{height:10px}.customers-table-scroll::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.customers-table-scroll::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}.customers-table-scroll::-webkit-scrollbar-thumb:hover{background:#64748b}.customers-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:max-content;table-layout:auto}.customers-table thead{background:#f3f4f6}.customers-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.customers-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.customers-table tbody tr:hover{background:#f9fafb}.customers-table tbody tr:last-child td{border-bottom:none}.customer-name-cell{display:flex;align-items:center;gap:.75rem}.customer-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.customer-full-name{font-weight:600;color:#111827}.customer-code{font-family:monospace;font-size:.75rem;font-weight:600;background:#dbeafe;color:#3b82f6;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.contact-item{display:flex;align-items:center;gap:.5rem;color:#374151;font-size:.875rem}.customer-address,.customer-city{color:#374151;font-size:.875rem}.customer-notes{color:#6b7280;font-size:.875rem;font-style:italic;max-width:200px}.action-buttons{display:flex;gap:.5rem;flex-wrap:nowrap;position:relative;z-index:1}.btn-ledger{background:#d1fae5;color:#047857;border:1px solid #6ee7b7}.btn-ledger:hover{background:#10b981;color:#fff;border-color:#059669}@media (max-width: 768px){.customers-header{flex-direction:column;gap:1rem}.btn-primary{width:100%;justify-content:center}.customers-table-scroll{overflow-x:scroll}.customers-table th,.customers-table td{padding:.625rem .75rem;font-size:.8125rem}}.acum-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.acum-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:720px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.acum-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.acum-close:hover{color:#111827;background:#f3f4f6}.acum-header{padding:1.5rem 1.5rem 0;text-align:center}.acum-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.acum-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.acum-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.acum-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.acum-form{padding:1.25rem 1.5rem 1.5rem}.acum-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.acum-section-title:first-child{margin-top:0}.acum-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.acum-field{min-width:0}.acum-field-full{grid-column:1 / -1}.acum-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.acum-field .custom-input,.acum-field .custom-dropdown-trigger,.acum-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.acum-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:50px;outline:none;transition:border-color .2s}.acum-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.acum-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.acum-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.acum-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.acum-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.acum-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.acum-btn-save:disabled{opacity:.6;cursor:not-allowed}.ecum-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ecum-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:720px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.ecum-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.ecum-close:hover{color:#111827;background:#f3f4f6}.ecum-header{padding:1.5rem 1.5rem 0;text-align:center}.ecum-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.ecum-icon{width:52px;height:52px;border-radius:50%;background:#fef3c7;border:2px solid #fbbf24;color:#d97706;display:flex;align-items:center;justify-content:center}.ecum-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.ecum-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.ecum-form{padding:1.25rem 1.5rem 1.5rem}.ecum-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.ecum-section-title:first-child{margin-top:0}.ecum-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.ecum-field{min-width:0}.ecum-field-full{grid-column:1 / -1}.ecum-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.ecum-field .custom-input,.ecum-field .custom-dropdown-trigger,.ecum-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.ecum-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:50px;outline:none;transition:border-color .2s}.ecum-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.ecum-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.ecum-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.ecum-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.ecum-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.ecum-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.ecum-btn-save:disabled{opacity:.6;cursor:not-allowed}.customer-search-field-wrapper{position:relative}.customer-search-label{display:block;margin-bottom:.35rem;font-size:.8rem;font-weight:500;color:#4b5563}.customer-search-label .required{color:#ef4444;margin-left:2px}.customer-search-input-container{display:flex;align-items:center;gap:.35rem;padding:.65rem .9rem;border-radius:.6rem;border:1px solid #d1d5db;background:#fff;cursor:text}.customer-search-input-container:focus-within{border-color:#d1d5db;box-shadow:none}.customer-search-input-container.disabled{background:#f9fafb;cursor:default;opacity:.7}.customer-search-input-container.error{border-color:#ef4444}.customer-search-icon{display:inline-flex;align-items:center;justify-content:center;color:#9ca3af}.customer-search-input{border:none;flex:1;font-size:.875rem;color:#111827;line-height:1.4;background:transparent}.customer-search-input::placeholder{color:#9ca3af}.customer-search-input:focus,.customer-search-input:focus-visible{outline:none!important;box-shadow:none!important}.customer-search-menu{position:absolute;top:100%;left:0;right:0;margin-top:.25rem;background:#fff;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0f172a1f;z-index:50;max-height:300px;display:flex;flex-direction:column}.customer-search-list{padding:.25rem 0;overflow-y:auto}.customer-search-item{width:100%;border:none;background:transparent;padding:.45rem .9rem;display:flex;align-items:center;text-align:left;cursor:pointer}.customer-search-item:hover{background:#eff6ff}.customer-search-item.selected{background:#dbeafe}.customer-search-item-main{display:flex;align-items:center;gap:.5rem;width:100%}.customer-search-avatar{width:26px;height:26px;border-radius:999px;background:#eef2ff;color:#4f46e5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-search-text{flex:1;min-width:0}.customer-search-name{display:block;font-size:.85rem;font-weight:500;color:#111827}.customer-search-meta{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.customer-search-add{border:none;border-top:1px solid #e5e7eb;background:#f9fafb;padding:.6rem .9rem;display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:500;color:#1d4ed8;cursor:pointer;border-radius:0 0 .75rem .75rem}.customer-search-add:hover{background:#eff6ff}.customer-search-error button{margin-left:.5rem;border:none;background:#fee2e2;color:#b91c1c;border-radius:999px;padding:.25rem .6rem;font-size:.75rem;cursor:pointer}.customer-search-error-text{display:block;margin-top:.25rem;font-size:.75rem;color:#b91c1c}.customer-info-card{background:#fff;border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;flex:1}.customer-info-header{margin-bottom:1rem}.customer-info-label{font-size:.75rem;font-weight:600;color:var(--buttonPrimary, #274c77);letter-spacing:.05em;text-transform:uppercase}.customer-info-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.customer-info-left{flex:1;display:flex;flex-direction:column;gap:.75rem}.customer-name{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.3}.customer-details{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#6b7280;flex-wrap:wrap}.customer-id,.customer-phone{display:flex;align-items:center;gap:.5rem;color:#6b7280}.customer-id{font-weight:500;color:#374151}.customer-id svg,.customer-phone svg{color:#9ca3af;flex-shrink:0}.customer-address{font-size:.875rem;color:#6b7280;line-height:1.5}.customer-credit-type{font-size:.875rem;color:#6b7280}.customer-credit-type strong{color:#374151;font-weight:600}.customer-actions{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.btn-record-payment,.btn-edit-profile{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-record-payment{background:var(--buttonPrimary, #274c77);color:#fff}.btn-record-payment:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.btn-edit-profile{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-edit-profile:hover{background:#e5e7eb;border-color:#d1d5db}.customer-info-right{display:flex;align-items:center;justify-content:center;flex-shrink:0}.customer-image-wrapper{width:200px;height:150px;border-radius:.5rem;overflow:hidden;border:1px solid #e5e7eb;background:#f9fafb}.customer-image{width:100%;height:100%;object-fit:cover}.customer-image-placeholder{width:200px;height:150px;border-radius:.5rem;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#9ca3af}@media (max-width: 768px){.customer-info-content{flex-direction:column}.customer-info-right{width:100%;justify-content:center}.customer-image-wrapper,.customer-image-placeholder{width:100%;max-width:300px}.customer-actions{width:100%}.btn-record-payment,.btn-edit-profile{flex:1;justify-content:center}}.outstanding-balance-card{background:linear-gradient(135deg,#fee2e2,#fecaca);border-radius:.5rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #fca5a5;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.balance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.balance-label{font-size:.75rem;font-weight:600;color:#dc2626;letter-spacing:.05em;text-transform:uppercase}.alert-icon-wrapper{width:24px;height:24px;border-radius:50%;background:#fff;border:2px solid #dc2626;display:flex;align-items:center;justify-content:center}.alert-icon{color:#dc2626;flex-shrink:0}.balance-amount{font-size:2.5rem;font-weight:700;line-height:1.2;margin:.5rem 0}.balance-change{font-size:.8125rem;color:#991b1b;background:#fff9;padding:.375rem .75rem;border-radius:1rem;display:inline-block;width:fit-content;font-weight:500}@media (max-width: 768px){.outstanding-balance-card{min-width:auto;width:100%}.balance-amount{font-size:2rem}}.filter-bar{background:#fff;border-radius:.5rem;padding:1.25rem 1.5rem;margin-bottom:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.filter-row{display:flex;align-items:flex-end;gap:1.25rem;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:.5rem;min-width:150px}.filter-label{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.date-range-group{display:flex;align-items:center;gap:.75rem}.date-input-wrapper{position:relative;display:flex;align-items:center}.date-icon{position:absolute;left:.75rem;color:#9ca3af;pointer-events:none;z-index:1}.date-input{height:38px;padding:0 .75rem 0 2.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s;min-width:150px;background:#fff}.date-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.date-separator{font-size:.8125rem;color:#6b7280;font-weight:500;flex-shrink:0}.btn-filter-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid #e5e7eb;border-radius:.5rem;background:#f9fafb;color:#6b7280;cursor:pointer;transition:all .2s;flex-shrink:0;margin-left:auto}.btn-filter-icon:hover{background:#f3f4f6;border-color:#d1d5db}.btn-apply-filters{display:flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;height:38px;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;background:var(--buttonPrimary, #274c77);color:#fff;flex-shrink:0}.btn-apply-filters:hover{background:var(--buttonPrimaryHover, #1e3a5f)}@media (max-width: 1024px){.filter-row{flex-direction:column;align-items:stretch}.filter-group{width:100%}.btn-filter-icon{margin-left:0;width:100%}.btn-apply-filters{width:100%}}.ledger-table-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.ledger-table-scroll{overflow-x:auto;overflow-y:visible}.ledger-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1400px}.ledger-table thead{background:#f3f4f6}.ledger-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;white-space:nowrap;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.ledger-table th.text-right{text-align:right}.ledger-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151}.ledger-table tbody tr:hover{background:#f9fafb}.ledger-table tbody tr:last-child td{border-bottom:none}.type-cell{display:flex;align-items:center;gap:.5rem}.type-icon{flex-shrink:0}.type-icon-invoice{color:#dc2626}.type-icon-payment{color:#10b981}.type-icon-refund{color:#f59e0b}.invoice-link{color:var(--buttonPrimary, #274c77);text-decoration:none;cursor:pointer;font-weight:500}.invoice-link:hover{color:var(--buttonPrimaryHover, #1e3a5f);text-decoration:underline}.invoice-dash{color:#9ca3af}.description-cell{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.debit-cell{font-weight:400;font-size:.875rem}.debit-amount{font-weight:700;color:#111827;font-size:.875rem}.zero-amount{color:#9ca3af;font-weight:400;font-size:.875rem}.credit-cell{font-weight:400;font-size:.875rem}.credit-payment{color:#10b981;font-weight:700;font-size:.875rem}.credit-refund{color:#f59e0b;font-weight:700;font-size:.875rem}.return-cell{font-weight:400;font-size:.875rem}.return-amount{color:#dc2626;font-weight:700;font-size:.875rem}.balance-cell{font-weight:400}.running-balance-amount{font-weight:700;color:#111827;font-size:1rem}.status-chip{display:inline-block;padding:.25rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;white-space:nowrap}.status-partial{background:#fef3c7;color:#92400e}.status-unpaid{background:#fee2e2;color:#991b1b}.status-refunded{background:#dbeafe;color:#1e40af}.btn-view{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:.5rem;background:transparent;color:var(--buttonPrimary, #274c77);cursor:pointer;transition:background .2s}.btn-view:hover{background:#274c771a}.ledger-table-loading,.ledger-table-empty{padding:4rem 2rem;text-align:center;color:#9ca3af}.ledger-table-empty svg{display:block;margin:0 auto 1rem;opacity:.5}.ledger-table-empty p{margin:0;font-weight:500;color:#6b7280;font-size:1rem}@media (max-width: 768px){.ledger-table-scroll{overflow-x:scroll}.ledger-table th,.ledger-table td{padding:.625rem .75rem;font-size:.8125rem}}.monthly-summary-bar{display:flex;gap:1rem;padding:1.25rem 1.5rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;margin-bottom:1.5rem;flex-wrap:wrap}.summary-item{display:flex;align-items:center;gap:.75rem;flex:1;min-width:200px}.summary-item-balance{flex:1.5;justify-content:flex-end;border-left:2px solid #e5e7eb;padding-left:1.5rem}.summary-icon{flex-shrink:0}.summary-icon-invoice{color:var(--buttonPrimary, #274c77)}.summary-icon-payment{color:#10b981}.summary-icon-refund{color:#f59e0b}.summary-icon-return,.summary-value-return{color:#dc2626}.summary-content{display:flex;flex-direction:column;gap:.25rem}.summary-label{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.summary-value{font-size:1.125rem;font-weight:600;color:#111827}.summary-value-balance{font-size:1.5rem;font-weight:700}@media (max-width: 1024px){.monthly-summary-bar{flex-direction:column}.summary-item{width:100%}.summary-item-balance{border-left:none;border-top:2px solid #e5e7eb;padding-left:0;padding-top:1rem;justify-content:flex-start}}.action-buttons-container{display:flex;justify-content:flex-end;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.btn-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-return{background:#fff;color:#374151;border:1px solid #e5e7eb}.btn-return:hover{background:#f9fafb;border-color:#d1d5db}.btn-export{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.btn-export:hover{background:#e5e7eb;border-color:#d1d5db}.btn-refund{background:#dc2626;color:#fff}.btn-refund:hover{background:#b91c1c}.btn-payment{background:var(--buttonPrimary, #274c77);color:#fff}.btn-payment:hover:not(:disabled){background:var(--buttonPrimaryHover, #1e3a5f)}.btn-payment:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}@media (max-width: 768px){.action-buttons-container{flex-direction:column}.btn-action{width:100%;justify-content:center}}.lip-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;animation:lip-fade-in .2s ease-out}@keyframes lip-fade-in{0%{opacity:0}to{opacity:1}}.lip-panel{position:fixed;top:0;right:0;width:520px;max-width:94vw;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;z-index:1001;animation:lip-slide-in .25s ease-out}@keyframes lip-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.lip-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.lip-header-left{display:flex;align-items:flex-start;gap:.75rem;min-width:0;flex:1;padding-right:1rem}.lip-header-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;background:var(--buttonPrimary, #274c77);color:#fff;flex-shrink:0}.lip-header-text{min-width:0;flex:1}.lip-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.lip-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.lip-status{display:inline-block;padding:.125rem .5rem;border-radius:.25rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.lip-status-paid{background:#d1fae5;color:#065f46}.lip-status-partial{background:#fef3c7;color:#92400e}.lip-status-draft{background:#f3f4f6;color:#4b5563}.lip-status-return{background:#fee2e2;color:#991b1b}.lip-status-refunded{background:#dbeafe;color:#1e40af}.lip-close{display:flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:.375rem;flex-shrink:0;transition:all .2s}.lip-close:hover{color:#111827;background:#f3f4f6}.lip-summary{display:flex;flex-wrap:wrap;gap:0;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.lip-summary-item{flex:1;min-width:90px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.125rem;border-right:1px solid #e5e7eb}.lip-summary-item:last-child{border-right:none}.lip-summary-label{font-size:.625rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.lip-summary-value{font-size:.8125rem;font-weight:500;color:#111827}.lip-summary-bold{font-weight:700}.lip-summary-green{color:#059669;font-weight:600}.lip-summary-red{color:#dc2626;font-weight:600}.lip-summary-return{color:#dc2626}.lip-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.lip-loading,.lip-empty{text-align:center;color:#6b7280;padding:3rem 0;font-size:.875rem;margin:0}.lip-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;font-size:13px;color:#334155}.lip-table thead{border-bottom:2px solid #e5e7eb}.lip-table thead th{padding:8px 6px;font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;white-space:nowrap}.lip-th-num{width:28px;text-align:center}.lip-th-item{text-align:left;padding-left:8px!important}.lip-th.lip-text-right{text-align:right}.lip-table td{padding:6px;font-size:13px;vertical-align:top}.lip-info-row td{padding:10px 6px 4px;border:none}.lip-td-num{text-align:center;font-weight:700;font-size:13px;width:28px;vertical-align:top;padding-top:12px!important;color:#6b7280}.lip-td-product{padding-left:8px!important}.lip-item-info{display:flex;gap:12px;align-items:flex-start}.lip-img{width:50px;height:50px;object-fit:cover;border-radius:6px;border:2px solid #e5e7eb;flex-shrink:0}.lip-img-placeholder{width:50px;height:50px;border-radius:6px;border:2px solid #e5e7eb;background:#f3f4f6;flex-shrink:0}.lip-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.lip-product-name{font-weight:600;font-size:13px;line-height:1.4;color:#111827;word-wrap:break-word}.lip-product-specs{font-size:12px;font-weight:500;color:#4b5563;line-height:1.3}.lip-product-desc{font-size:12px;color:#6b7280;line-height:1.4}.lip-product-meta{display:flex;flex-direction:column;gap:1px;font-size:12px;color:#6b7280;line-height:1.5;margin-top:4px}.lip-values-row{border-bottom:1px dotted #d1d5db}.lip-values-row td{padding:4px 6px 10px;vertical-align:bottom;border:none}.lip-td-spacer{padding:0!important;border:none;background:transparent}.lip-td-qty{font-weight:700;font-size:13px;white-space:nowrap;color:#334155}.lip-td-rate{font-size:13px;white-space:nowrap;color:#334155}.lip-td-amount{font-size:13px;white-space:nowrap;color:#111827}.lip-footer{border-top:2px dotted #d1d5db;padding:1rem 1.5rem;flex-shrink:0;background:#f9fafb}.lip-footer-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.lip-footer-total{border-top:1px dotted #d1d5db;margin-top:.25rem;padding-top:.625rem}.lip-footer-label{font-size:.8125rem;font-weight:500;color:#374151}.lip-footer-total .lip-footer-label,.lip-footer-total .lip-footer-value{font-weight:700;font-size:.9375rem;color:#111827}.lip-footer-value{font-size:.875rem;font-weight:600;color:#111827}.lip-footer-discount{color:#dc2626}.lip-footer-green{color:#059669}.lip-footer-red,.lip-footer-return .lip-footer-value,.lip-return-value{color:#dc2626}.lip-text-right{text-align:right}@media (max-width: 520px){.lip-panel{width:100vw;max-width:100vw}.lip-body{padding:.75rem 1rem}.lip-header{padding:1rem}.lip-footer{padding:.75rem 1rem}.lip-summary-item{min-width:80px;padding:.5rem .75rem}}.record-payment-modal-overlay{position:fixed;inset:0;background:var(--modalOverlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000}.record-payment-modal-container{background:var(--modalBg, #ffffff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:92%;max-height:90vh;overflow-y:auto;position:relative}.record-payment-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.record-payment-modal-close:hover{color:#111827;background:#f3f4f6}.record-payment-modal-icon-wrap{display:flex;justify-content:center;padding-top:1.5rem;padding-bottom:.5rem}.record-payment-modal-icon{width:56px;height:56px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.record-payment-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 1.5rem .5rem;text-align:center}.record-payment-modal-readonly{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.record-payment-modal-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.record-payment-modal-row:last-child{margin-bottom:0}.record-payment-modal-label{font-size:.875rem;color:#6b7280;flex-shrink:0}.record-payment-modal-value{font-size:.875rem;font-weight:500;color:#111827;text-align:right;overflow:hidden;text-overflow:ellipsis}.record-payment-modal-balance{font-weight:600;color:#dc2626}.record-payment-modal-form{padding:0 1.5rem 1.5rem}.record-payment-modal-field{margin-bottom:1rem}.record-payment-modal-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.375rem}.record-payment-modal-field .record-payment-modal-required{color:#dc2626}.record-payment-modal-input,.record-payment-modal-textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;transition:border-color .2s}.record-payment-modal-input:focus,.record-payment-modal-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.record-payment-modal-input-readonly{background:#f3f4f6;color:#6b7280;cursor:default}.record-payment-modal-received-on{padding:.625rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;font-size:1rem;color:#374151}.record-payment-modal-textarea{resize:vertical;min-height:72px}.record-payment-modal-error{font-size:.875rem;color:#dc2626;margin:0 0 .75rem}.record-payment-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;flex-wrap:wrap;margin-top:1.25rem}.record-payment-modal-btn-cancel{padding:.625rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.record-payment-modal-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.record-payment-modal-btn-draft{padding:.625rem 1.25rem;border:1px solid var(--buttonPrimary, #274c77);background:transparent;color:var(--buttonPrimary, #274c77);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.record-payment-modal-btn-draft:hover{background:#274c7714}.record-payment-modal-btn-save{padding:.625rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.record-payment-modal-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.customer-ledger-container{max-width:1600px;margin:0 auto;background:#f9fafb;min-height:calc(100vh - 72px)}.customer-cards-container{display:flex;gap:1.5rem;margin-bottom:1.5rem;align-items:stretch}@media (max-width: 768px){.customer-cards-container{flex-direction:column}}.breadcrumb{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:#6b7280}.breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--buttonPrimaryHover, #1e3a5f);text-decoration:underline}.breadcrumb span{color:#374151;font-weight:500}.page-header{margin-bottom:.5rem!important}.customer-ledger-search-wrapper{margin-bottom:1.5rem;max-width:400px}.page-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}@media (max-width: 768px){.customer-ledger-container{padding:1rem}.page-title{font-size:1.5rem}}.iit-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.iit-table{width:100%;border-collapse:collapse;min-width:700px;table-layout:fixed}.iit-table thead{background-color:#274c77!important;border-bottom:2px solid #1e3a5f!important}.iit-table thead th{background-color:#274c77!important;border-bottom:2px solid #1e3a5f;padding:10px 12px;font-size:13px;font-weight:600;color:#fff!important;text-align:left}.iit-col-hash{width:4%}.iit-col-item{width:30%}.iit-col-qty{width:12%}.iit-col-unitprice,.iit-col-total{width:18%}.iit-col-action{width:12%}.iit-th-hash{width:4%}.iit-th-item{width:30%}.iit-th-qty{width:12%;text-align:right!important}.iit-th-unitprice,.iit-th-total{width:18%;text-align:right!important}.iit-th-action{width:12%;text-align:right!important}.iit-table td{padding:10px 12px;font-size:13px;vertical-align:top}.iit-td-hash{width:4%;vertical-align:top;font-weight:500}.iit-td-qty{width:12%;text-align:right!important}.iit-td-unitprice{width:16%;text-align:right!important}.iit-td-total{width:18%;text-align:right!important;font-weight:600;color:#1e293b;white-space:nowrap}.iit-td-action{width:12%;text-align:right!important;vertical-align:top}.iit-divider-row td{border-bottom:1px dotted #999;padding-top:6px;padding-bottom:10px}.iit-empty{text-align:center;color:#6b7280;padding:2rem!important}.iit-item-info{display:flex;gap:10px;align-items:flex-start}.iit-item-img{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.iit-item-img-placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:8px;color:#9ca3af;flex-shrink:0;text-align:center;line-height:1.2}.iit-item-text{flex:1;min-width:0;max-width:340px;position:relative}.iit-product-name-row{display:flex;align-items:center;gap:8px}.iit-product-input{border:none;background:transparent;padding:2px 0;font-size:14px;font-weight:700;color:#111827;flex:1;min-width:0;outline:none!important;box-shadow:none!important}.iit-product-input::placeholder{color:#9ca3af;font-weight:400}.iit-product-input:focus{outline:none!important;box-shadow:none!important;border:none}.iit-desc-input{width:100%;max-width:320px;padding:4px 8px;font-size:12px;color:#555;background-color:transparent;border:1px solid #e5e7eb;border-radius:.375rem;resize:none;font-family:inherit;line-height:1.3;min-height:24px;height:auto;overflow:hidden;outline:none!important;box-shadow:none!important;margin-top:4px}.iit-desc-input::placeholder{color:#b0b7c0;font-style:italic;font-size:12px}.iit-desc-input:focus{outline:none!important;box-shadow:none!important;border-color:#274c77}.iit-product-details{font-size:11px;color:#9ca3af;margin-top:4px;line-height:1.4}.iit-delete-btn{display:inline-flex;align-items:center;justify-content:center;background:#fee2e2;border:none;color:#991b1b;cursor:pointer;padding:6px;border-radius:.375rem;transition:all .2s}.iit-delete-btn:hover{background:#ef4444;color:#fff}.iit-qty-input,.iit-price-input{border:none;background:transparent;padding:2px 0;font-size:13px;text-align:right;outline:none!important;box-shadow:none!important;width:100%}.iit-qty-input:focus,.iit-price-input:focus{outline:none!important;box-shadow:none!important;border:none;border-bottom:1px solid #d1d5db}.iit-qty-input::-webkit-inner-spin-button,.iit-qty-input::-webkit-outer-spin-button,.iit-price-input::-webkit-inner-spin-button,.iit-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.iit-qty-input[type=number],.iit-price-input[type=number]{-moz-appearance:textfield}.modal-container{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.edit-stock-modal{max-width:700px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0}.modal-close-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background-color:#f3f4f6;color:#111827}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.form-group.full-width{grid-column:span 2}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.375rem}.form-input,.form-textarea{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:all .2s;outline:none}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding-top:1.5rem;margin-top:1.5rem;border-top:1px solid #e5e7eb}.btn{padding:.625rem 1.25rem;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;outline:none}.btn-secondary{background-color:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background-color:#f9fafb}.btn-primary{background-color:#1f2937;color:#fff}.btn-primary:hover{background-color:#111827}.invoice-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.invoice-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.invoice-breadcrumb a:hover{text-decoration:underline}.invoice-breadcrumb-sep{color:#9ca3af}.invoice-page-header{margin-bottom:.75rem}.invoice-page-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.invoice-page-subtitle{color:#6b7280;font-size:.875rem;margin:0}.quote-summary-card{background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.25rem 1.5rem}.quote-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#374151}.quote-summary-label{font-weight:500}.quote-summary-value{font-weight:600}.quote-summary-divider{height:1px;background:#e5e7eb;margin:.9rem 0 1rem}.quote-summary-total-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:.75rem;background:#10b981;color:#fff}.quote-summary-total-label{font-weight:600}.quote-summary-total-value{font-weight:700;padding:.25rem .75rem;border-radius:999px;background:#ffffff2e}.add-invoice-form-layout{display:block;margin-right:400px}.invoice-summary-sidebar{position:fixed;top:96px;right:0;bottom:0;width:min(420px,94vw);display:flex;align-items:stretch;z-index:10}@media (max-width: 1189px){.add-invoice-form-layout{margin-right:0}.invoice-summary-sidebar{position:static;width:100%;margin-top:1.5rem}}.invoice-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(280px,.9fr);gap:2rem;align-items:flex-start}.invoice-layout-main{min-width:0}@media (max-width: 768px){.invoice-layout{grid-template-columns:1fr}}.iit-summary-balance{color:#dc2626}@media (max-width: 767px){.sale-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.total-input{width:120px}.iit-summary-card{max-width:100%}}.invoice-summary{width:100%;height:100%;display:flex;justify-content:flex-end}.invoice-summary-card{width:100%;background:#f9fafb;border-radius:0;border-left:1px solid #e5e7eb;border-right:none;border-top:none;border-bottom:none;box-shadow:-8px 0 24px #0000001f;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;height:100%;box-sizing:border-box;overflow-y:auto}.invoice-summary-body{flex:1 1 auto;min-height:0;overflow:visible;padding-bottom:.75rem}.invoice-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.invoice-meta-left{display:flex;flex-direction:column;gap:.25rem}.invoice-meta-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.invoice-meta-number{font-weight:600;color:#111827}.invoice-meta-right{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.invoice-status-pill{padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#dbeafe;color:#1d4ed8}.invoice-meta-date{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.invoice-meta-date-input{border:1px solid #d1d5db;border-radius:.375rem;padding:.2rem .4rem;font-size:.75rem;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.invoice-meta-date-input:hover{border-color:#9ca3af}.invoice-meta-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.invoice-summary-section{border-top:1px solid #e5e7eb;padding-top:.9rem}.invoice-summary-section:first-of-type{border-top:none;padding-top:0}.invoice-summary-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.invoice-summary-section-title{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.08em}.invoice-summary-switch-btn{border:none;background:transparent;padding:.25rem;border-radius:999px;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.invoice-summary-switch-btn:hover{background:#e5e7eb;color:#111827}.invoice-summary-customer-card{display:flex;gap:.75rem;padding:.9rem .95rem;border-radius:.9rem;background:#fff;border:1px solid #dbeafe;margin-bottom:.9rem}.invoice-summary-customer-dropdown{margin-bottom:.9rem}.invoice-summary-customer-header{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.5rem}.invoice-summary-customer-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.invoice-summary-metric{display:flex;flex-direction:column;gap:.15rem}.invoice-summary-payment-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.9rem}.invoice-summary-payment-chip{border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;padding:.5rem .4rem;font-size:.75rem;font-weight:500;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .15s ease-out}.invoice-summary-payment-chip-active{background:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #ffffff)}.invoice-summary-payment-chip:hover{border-color:var(--buttonPrimary, #274c77)}.invoice-summary-payment-icon{display:inline-flex;align-items:center;justify-content:center}.invoice-summary-totals{display:flex;flex-direction:column;gap:.4rem}.invoice-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#374151}.invoice-summary-row-muted{color:#6b7280}.invoice-summary-grand-total{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #d1d5db;font-weight:700}.invoice-summary-grand-total span:last-child{font-size:1rem}.invoice-summary-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.invoice-summary-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:999px;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #ffffff);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .15s ease-out}.invoice-summary-primary:hover:enabled{background:var(--buttonPrimaryHover, #1e3a5f)}.invoice-summary-primary:disabled{opacity:.7;cursor:default}.invoice-summary-primary-icon{display:inline-flex;align-items:center;justify-content:center}.invoice-summary-actions-row{display:flex;gap:.5rem}.invoice-summary-secondary,.invoice-summary-tertiary{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid #e5e7eb;background:#fff;color:#374151}.invoice-summary-tertiary{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.invoice-summary-tertiary:hover{background:#fee2e2}@media (max-width: 768px){.invoice-summary-card{max-width:100%;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}}.invoice-summary-customer-card{display:flex;flex-direction:column;gap:.75rem;padding:.9rem .95rem;border-radius:.9rem;background:#fff;border:1px solid #dbeafe}.invoice-summary-customer-card-image-name-container{display:flex;flex-direction:row;gap:.75rem}.invoice-summary-customer-avatar{width:40px;height:40px;border-radius:999px;background:#eff6ff;color:#1d4ed8;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;flex-shrink:0}.invoice-summary-customer-main{flex:1;min-width:0}.invoice-summary-customer-header{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.25rem}.invoice-summary-customer-name{font-size:.9rem;font-weight:600;color:#111827}.invoice-summary-customer-sub{font-size:.75rem;color:#6b7280}.invoice-summary-customer-extra{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.35rem}.invoice-summary-customer-extra-item{display:flex;gap:.25rem;font-size:.75rem;color:#4b5563}.invoice-summary-customer-extra-item .label{font-weight:600;color:#6b7280;text-transform:uppercase}.invoice-summary-customer-extra-item .value{font-weight:500}.invoice-summary-customer-metrics{display:flex;justify-content:space-between;gap:1.75rem}.invoice-summary-metric{display:flex;flex-direction:column;gap:.15rem;min-width:0}.invoice-summary-metric-label{font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.invoice-summary-metric-value{font-size:.8rem;font-weight:600}.invoice-summary-metric-value.credit{color:#16a34a}.invoice-summary-metric-value.unpaid{color:#ea580c}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-customer-modal{background-color:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;width:100%;max-width:600px;max-height:90vh;position:relative;display:flex;flex-direction:column}.add-customer-modal-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;border-bottom:1px solid #e5e7eb;background-color:var(--buttonPrimary, #274c77);background-image:none;color:#fff;border-radius:.75rem .75rem 0 0;flex-shrink:0}.add-customer-modal-header-left{display:flex;align-items:center;gap:.5rem}.add-customer-modal-header-icon{color:#fff;background-color:#fff3;padding:.375rem;border-radius:.375rem;flex-shrink:0}.add-customer-modal-title{font-size:1.125rem;font-weight:600;color:#fff;margin:0}.add-customer-modal-subtitle{font-size:.8125rem;color:#ffffffe6;margin:0;margin-top:.125rem}.add-customer-modal-close-btn{background-color:#fff3;border:none;color:#fff;cursor:pointer;padding:.375rem;border-radius:.375rem;transition:all .2s ease;flex-shrink:0}.add-customer-modal-close-btn:hover{background-color:#ffffff4d;color:#fff}.add-customer-modal-close-btn:disabled{opacity:.5;cursor:not-allowed}.modal-form{padding:1.5rem;overflow-y:auto;flex:1}.form-section:last-child{margin-bottom:0}.section-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid #e5e7eb;position:relative}.section-title:after{content:"";position:absolute;bottom:-2px;left:0;width:3rem;height:2px;background:var(--buttonPrimary, #274c77);border-radius:1px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-cancel{background-color:#fff;border:1px solid #d1d5db;color:#374151;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.btn-cancel:hover{background-color:#f9fafb;border-color:#9ca3af}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.btn-submit{background:var(--buttonPrimary, #274c77);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0000001a}.btn-submit:hover{background:var(--buttonPrimaryHover, #1e3a5f);transform:translateY(-1px);box-shadow:0 6px 8px -1px #00000026}.btn-submit:disabled{opacity:.5;cursor:not-allowed}.spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.modal-overlay{padding:.5rem}.add-customer-modal{max-width:100%;max-height:95vh}.add-customer-modal-header{padding:.75rem 1rem}.modal-form{padding:1rem}.form-grid-2,.form-grid-3{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}@media (max-width: 480px){.add-customer-modal-header-left{gap:.375rem}.add-customer-modal-header-icon{padding:.25rem}.add-customer-modal-title{font-size:1rem}}.add-customer-modal::-webkit-scrollbar{width:6px}.add-customer-modal::-webkit-scrollbar-track{background:#f1f5f9}.add-customer-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.add-customer-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customer-dropdown-wrapper{position:relative;width:100%}.customer-dropdown-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.customer-dropdown-label .required{color:#ef4444;margin-left:.25rem}.customer-dropdown-container{position:relative}.customer-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background-color:#fff;border:1px solid var(--inputBorder, #d1d5db);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;min-height:3rem}.customer-dropdown-trigger:hover{border-color:#9ca3af}.customer-dropdown-trigger:focus{outline:none;border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.customer-dropdown-trigger.open{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.customer-dropdown-trigger.disabled{background-color:#f9fafb;color:#9ca3af;cursor:not-allowed}.customer-dropdown-trigger.error{border-color:#ef4444}.customer-dropdown-trigger.placeholder .dropdown-text{color:#9ca3af}.dropdown-content{flex:1;text-align:left}.dropdown-text{color:#374151}.selected-customer{display:flex;flex-direction:column;gap:.125rem}.customer-name{font-weight:500;color:#111827;font-size:.875rem}.customer-details{display:flex;gap:.75rem;font-size:.6875rem;color:#6b7280}.customer-details span{display:flex;align-items:center;gap:.25rem}.dropdown-chevron{color:#6b7280;transition:transform .2s ease;flex-shrink:0}.dropdown-chevron.open{transform:rotate(180deg)}.customer-dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:50;background-color:#fff;border:1px solid var(--inputBorder, #d1d5db);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin-top:.25rem;max-height:35rem;display:flex;flex-direction:column;overflow:hidden}.dropdown-search{padding:.75rem;border-bottom:1px solid #e5e7eb;background-color:#fff;position:sticky;top:0;z-index:10}.customer-dropdown-menu .search-input{width:100%;padding:.5rem .75rem;border:1px solid var(--inputBorder, #d1d5db);border-radius:.375rem;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.customer-dropdown-menu .search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f;outline:none}.dropdown-loading,.dropdown-empty,.dropdown-error{padding:1rem;text-align:center;color:#6b7280;font-size:.875rem}.loading-text{display:flex;align-items:center;justify-content:center;gap:.5rem}.error-text{color:#ef4444;margin-bottom:.5rem}.retry-button{background-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);border:none;padding:.25rem .75rem;border-radius:.25rem;font-size:.75rem;cursor:pointer}.retry-button:hover{background-color:var(--buttonPrimaryHover, #1e3a5f)}.customers-list{max-height:24rem;overflow-y:auto;flex:1}.customer-menu-item{width:100%;padding:.75rem;background:none;border:none;text-align:left;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease;border-bottom:1px solid #f3f4f6}.customer-menu-item:hover{background-color:#274c771a;color:var(--buttonPrimary, #274c77);box-shadow:0 0 8px #274c7733;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.customer-menu-item.selected{background-color:#274c7714;color:var(--buttonPrimary, #274c77)}.customer-menu-item:last-child{border-bottom:none}.customer-item-content{display:flex;flex-direction:column}.customer-item-header{display:flex;align-items:center;gap:.5rem}.customer-item-name{font-weight:500;color:#111827;flex:1}.customer-code{font-size:.75rem;color:#6b7280;background-color:#f3f4f6;padding:.125rem .375rem;border-radius:.25rem}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:0}.add-customer-item{width:100%;padding:.75rem;background:#fff;border:none;border-top:1px solid #e5e7eb;text-align:left;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:.5rem;color:var(--buttonPrimary, #274c77);font-weight:500;font-size:.875rem;position:sticky;bottom:0;z-index:10}.add-customer-item:hover{background-color:#274c7714}.add-customer-item-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);flex-shrink:0}.customer-dropdown-error{display:block;margin-top:.25rem;font-size:.75rem;color:#ef4444}@media (max-width: 640px){.customer-dropdown-menu{max-height:16rem}.customer-details{flex-direction:column;gap:.25rem}}.customer-dropdown-menu::-webkit-scrollbar,.customers-list::-webkit-scrollbar{width:6px}.customer-dropdown-menu::-webkit-scrollbar-track,.customers-list::-webkit-scrollbar-track{background:#f1f5f9}.customer-dropdown-menu::-webkit-scrollbar-thumb,.customers-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.customer-dropdown-menu::-webkit-scrollbar-thumb:hover,.customers-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.add-sale-container{width:100%}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-item:hover{background:#059669}.col-no{width:3%}.col-image{width:10%}.item-input-desc{margin-top:.35rem;font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:.25rem;border:1px solid #e5e7eb}.item-image-placeholder{width:48px;height:48px;background:#f3f4f6;border-radius:.25rem;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#9ca3af}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none}@media (max-width: 767px){.sale-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.view-all-sales-container{width:100%;padding:0}.sales-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.invoice-action-buttons{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.invoice-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s ease}.invoice-add-btn{background-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white)}.invoice-add-btn:hover{background-color:var(--buttonPrimaryHover, #1e3a5f)}.invoice-edit-btn{border-color:#6b7280;color:#374151}.invoice-edit-btn:hover:not(:disabled){background-color:#f3f4f6;border-color:#374151}@media (max-width: 768px){.sales-header{flex-direction:column}.invoice-action-buttons{width:100%}.invoice-action-btn{flex:1;justify-content:center}}.sales-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.sales-subtitle{color:#6b7280;font-size:.875rem}@media (min-width: 768px){.filters-section{justify-content:space-between}}.filters-row-second{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:flex-start}.customer-filter,.payment-method-filter{min-width:160px}.customer-filter .custom-dropdown-wrapper,.payment-method-filter .custom-dropdown-wrapper{width:100%}.btn-edit{background:#f3e8ff;color:#6b21a8;border:1px solid #d8b4fe}.btn-edit:hover{background:#a855f7;color:#fff;border-color:#9333ea}@media (max-width: 767px){.sales-header{flex-direction:column;gap:1rem}.btn-primary{width:100%;justify-content:center}}.date-picker-wrapper{display:flex;flex-direction:column;gap:.375rem}.date-picker-label{font-size:.875rem;font-weight:500;color:#374151}.date-picker-label .required{color:#ef4444;margin-left:.25rem}.date-picker-input-wrap{position:relative;width:100%;max-width:220px}.date-picker-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.date-picker-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--inputBorder, #d1d5db);border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.date-picker-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f;outline:none}.invoice-table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.invoice-table-scroll-container{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.invoice-table{width:100%;min-width:2600px;border-collapse:collapse;font-size:.875rem}.invoice-table thead{background:#f3f4f6}.invoice-table th{padding:.875rem 1rem;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.invoice-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.invoice-table tbody tr:hover{background:#f9fafb}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-table .it-th-invoice{min-width:150px;width:150px;text-align:left!important}.it-th-customer{min-width:180px;width:180px;text-align:center}.it-th-phone{min-width:160px;width:160px;text-align:center}.it-th-date{min-width:120px;width:120px;text-align:center}.it-th-payment{min-width:140px;width:140px;text-align:center}.it-th-paid,.it-th-balance{min-width:150px;width:150px;text-align:center}.it-th-payment-count{min-width:100px;width:100px;text-align:center}.it-th-last-payment{min-width:130px;width:130px;text-align:center}.it-th-cash-impact{min-width:110px;width:110px;text-align:center}.it-th-items{min-width:80px;width:80px;text-align:center}.it-th-unit{min-width:140px;width:140px;text-align:center}.it-th-amount,.it-th-imei{min-width:160px;width:160px;text-align:center}.it-th-ram{min-width:90px;width:90px;text-align:center}.it-th-storage{min-width:100px;width:100px;text-align:center}.it-th-warranty,.it-th-status{min-width:110px;width:110px;text-align:center}.it-th-actions{min-width:170px;width:170px;text-align:center}.it-td-invoice{text-align:left!important}.it-td-customer{text-align:center;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-td-phone{text-align:center;color:#6b7280;font-size:13px;white-space:nowrap}.it-td-date,.it-td-payment,.it-td-paid{text-align:center;white-space:nowrap}.it-td-balance{text-align:center;font-weight:500;white-space:nowrap}.it-td-payment-count,.it-td-last-payment,.it-td-cash-impact{text-align:center;white-space:nowrap}.it-td-items,.it-td-unit,.it-td-amount{text-align:center;font-weight:500;white-space:nowrap}.it-td-imei{text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.it-td-ram,.it-td-storage,.it-td-warranty,.it-td-status{text-align:center;white-space:nowrap}.it-td-status .status-badge{padding:4px 8px;font-size:11px}.it-td-actions{min-width:170px;width:170px;text-align:center}.invoice-number{font-weight:600;color:#2563eb}.payment-method{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500}.payment-method-cash{background:#d1fae5;color:#065f46}.payment-method-empty{background:#f3f4f6;color:#9ca3af}.invoice-table td.it-td-payment .payment-method:not(.payment-method-cash):not(.payment-method-empty){background:#e5e7eb;color:#4b5563}.invoice-table td.it-td-amount.amount-return{color:#dc2626!important;font-weight:600}.invoice-table td.it-td-amount.amount-paid{color:#059669!important;font-weight:600}.invoice-table td.it-td-amount.amount-unpaid{color:#9ca3af!important}.it-td-paid.paid-amount-value{color:#059669;font-weight:600}.it-td-paid.paid-amount-refund{color:#dc2626;font-weight:600}.it-td-paid.paid-amount-no-pay{color:#9ca3af;font-style:italic}.it-td-balance.balance-due-nonzero{color:#dc2626;font-weight:600}.it-td-balance:not(.balance-due-nonzero){color:#059669}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-draft{background:#f3f4f6;color:#4b5563}.status-partial{background:#ffedd5;color:#c2410c}.status-refunded{background:#fee2e2;color:#991b1b}.status-completed{background:#d1fae5;color:#065f46}.status-partially-refunded{background:#ffedd5;color:#c2410c}.status-return{background:#fee2e2;color:#991b1b}.refunded-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:8px;font-size:11px;background:#fef3c7;color:#92400e}.return-ref-tag{display:block;margin-top:2px;font-size:11px;font-weight:400;color:#991b1b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cash-impact-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500}.btn-invoice{background:#e0e7ff;color:#4338ca}.btn-invoice:hover{background:#c7d2fe}.btn-refund{background:#fef3c7;color:#b45309}.btn-payment-received{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background:#dbeafe;color:#1e40af;text-decoration:none}.btn-payment-received:hover{background:#bfdbfe}.it-th-type,.it-td-type{min-width:90px;text-align:center}.it-th-salesperson,.it-td-salesperson{min-width:120px}.receipt-type-badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.receipt-type-retail{background:#dbeafe;color:#1e40af}.receipt-type-service{background:#fce7f3;color:#9d174d}.metric-card{background:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;border-left:4px solid var(--buttonPrimary, #274c77);display:flex;flex-direction:column;gap:.75rem}.metric-card__title{font-size:.75rem;font-weight:600;color:#0f172a;text-transform:uppercase;letter-spacing:.5px;margin:0;line-height:1.4}.metric-card__value{font-size:1.25rem;font-weight:800;color:#0f172a;line-height:1.2;background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important}.metric-card__value--negative{color:#dc2626}.metric-card__note{font-size:.6875rem;color:#6b7280;margin:.25rem 0 0;font-weight:400}.metric-card--primary,.metric-card--expense{border-left-color:var(--buttonPrimary, #274c77)}.metric-card--profit{border-left-color:#047857}.metric-card--pending{border-left-color:#dc2626}.edit-approval-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.edit-approval-modal-container{background:#fff;border-radius:.75rem;padding:2rem;max-width:520px;width:92%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.edit-approval-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#6b7280;padding:.25rem}.edit-approval-modal-close:hover{color:#111827}.edit-approval-modal-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 1rem;background:#274c771a;border-radius:50%;color:var(--buttonPrimary, #274c77)}.edit-approval-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem;text-align:center}.edit-approval-modal-message{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem;text-align:center;line-height:1.5}.edit-approval-modal-form{display:flex;flex-direction:column;gap:1.25rem}.edit-approval-modal-field{display:flex;flex-direction:column;gap:.5rem}.edit-approval-modal-field-label{font-size:.9375rem;font-weight:600;color:#374151}.edit-approval-modal-pin-group{display:flex;flex-direction:column;gap:1rem;width:100%}.edit-approval-modal-pin-label{font-size:1rem;font-weight:600;color:#374151}.edit-approval-modal-pin-boxes{display:flex;gap:.5rem;width:100%}.edit-approval-modal-pin-box{flex:1;min-width:0;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;letter-spacing:.2em;border:2px solid #d1d5db;border-radius:.5rem;background:#fff;color:#111827;outline:none;transition:border-color .2s,box-shadow .2s}.edit-approval-modal-pin-box:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c7733}.edit-approval-modal-pin-box:disabled{opacity:.6;cursor:not-allowed}.edit-approval-modal-error{font-size:.8125rem;color:#dc2626;margin:0;padding:.5rem 0}.edit-approval-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.edit-approval-modal-btn-cancel{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;border-radius:.5rem;font-weight:500;cursor:pointer;color:#374151}.edit-approval-modal-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.edit-approval-modal-btn-submit{padding:.5rem 1rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;cursor:pointer}.edit-approval-modal-btn-submit:hover:not(:disabled){background:var(--buttonPrimaryHover, #1e3a5f)}.edit-approval-modal-btn-submit:disabled{opacity:.7;cursor:not-allowed}.refund-modal-overlay{position:fixed;inset:0;background:var(--modalOverlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000}.refund-modal-container{background:var(--modalBg, #ffffff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:92%;max-height:90vh;overflow-y:auto;position:relative}.refund-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.refund-modal-close:hover{color:#111827;background:#f3f4f6}.refund-modal-icon-wrap{display:flex;justify-content:center;padding-top:2rem;padding-bottom:.5rem}.refund-modal-icon{width:56px;height:56px;border-radius:50%;background:#fef3c7;border:2px solid #fde68a;color:#b45309;display:flex;align-items:center;justify-content:center}.refund-modal-title{font-size:1.25rem;font-weight:600;color:#111827;margin:0 1.5rem .25rem;text-align:center}.refund-modal-subtitle{font-size:.875rem;color:#6b7280;margin:0 1.5rem 1rem;text-align:center}.refund-modal-readonly{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.refund-modal-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.refund-modal-row:last-child{margin-bottom:0}.refund-modal-label{font-size:.875rem;color:#6b7280;flex-shrink:0}.refund-modal-value{font-size:.875rem;font-weight:500;color:#111827;text-align:right;overflow:hidden;text-overflow:ellipsis}.refund-modal-field .refund-modal-required{color:#dc2626}.refund-modal-form{padding:0 1.5rem 1.5rem}.refund-modal-field{margin-bottom:1rem}.refund-modal-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.375rem}.refund-modal-input,.refund-modal-textarea{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;transition:border-color .2s}.refund-modal-input:focus,.refund-modal-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.refund-modal-textarea{resize:vertical;min-height:72px}.refund-modal-error{font-size:.875rem;color:#dc2626;margin:0 0 .75rem}.refund-modal-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.refund-modal-btn-cancel{padding:.625rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.refund-modal-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.refund-modal-btn-submit{padding:.625rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.refund-modal-btn-submit:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.payment-received-page{width:100%;background:var(--background, #f8f9fa);min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.payment-received-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--textSecondary, #6b7280);margin-bottom:.75rem}.payment-received-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.payment-received-breadcrumb a:hover{text-decoration:underline}.payment-received-header{margin-bottom:1.5rem}.payment-received-title{font-size:1.875rem;font-weight:700;color:var(--text, #111827);margin:0 0 .25rem}.payment-received-subtitle{font-size:.875rem;color:var(--textSecondary, #6b7280);margin:0}.payment-received-filters{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:#fff;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;margin-bottom:1.5rem;border:1px solid #e5e7eb}.payment-received-search-wrap{position:relative;flex:1;min-width:180px;max-width:320px}.payment-received-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.payment-received-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.payment-received-search-input::placeholder{color:#9ca3af}.payment-received-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.payment-received-date-wrap{display:flex;align-items:center;gap:.5rem}.payment-received-date-input{height:38px;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.payment-received-date-input:focus{border-color:var(--buttonPrimary, #274c77)}.payment-received-date-sep{font-size:.8125rem;color:#6b7280;flex-shrink:0}.payment-received-summary{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.payment-received-summary-card{display:flex;align-items:center;gap:.75rem;background:#fff;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e7eb;min-width:200px}.payment-received-summary-card.count{border-left:4px solid var(--buttonPrimary, #274c77)}.payment-received-summary-icon{color:var(--buttonPrimary, #274c77);flex-shrink:0}.payment-received-summary-label{display:block;font-size:.8125rem;color:#6b7280;margin-bottom:.25rem}.payment-received-summary-value{font-size:1.25rem;font-weight:700;color:#111827}.payment-received-section-title{margin:0 0 1rem;padding:0 1rem;font-size:1.125rem;font-weight:600;color:#111827}.payment-received-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;border:1px solid #e5e7eb;overflow:hidden;margin-bottom:1.5rem}.payment-received-sales-section{margin-bottom:0}.payment-received-card .invoice-table th,.payment-received-card .invoice-table td{text-align:center}.payment-received-card .invoice-table th:first-child,.payment-received-card .invoice-table td:first-child,.payment-received-card .invoice-table th:last-child,.payment-received-card .invoice-table td:last-child{text-align:center}.payment-received-card .invoice-table{font-size:12.5px;min-width:0}.payment-received-card .invoice-table th,.payment-received-card .invoice-table td{padding:8px 10px}.payment-received-card .invoice-table .col-invoice{min-width:120px;width:130px}.payment-received-card .invoice-table .col-customer{min-width:180px;width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.payment-received-card .invoice-table .col-phone{min-width:140px;width:150px}.payment-received-card .invoice-table .col-payment{min-width:120px;width:130px}.payment-received-card .invoice-table .col-reference{min-width:140px;width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.payment-received-card .invoice-table .col-amount,.payment-received-card .invoice-table .col-balance{min-width:130px;width:140px}.payment-received-card .invoice-table .col-status{min-width:80px;width:90px}.payment-received-card .invoice-table .col-status .status-badge{padding:2px 6px;font-size:10px}.payment-received-card .invoice-table .col-actions{min-width:70px;width:70px}.payment-received-card .invoice-table .action-buttons{gap:2px;justify-content:center}.payment-received-card .invoice-table .btn-icon{width:26px;height:26px}.payment-received-card .invoice-table .btn-icon svg{width:13px;height:13px}.invoice-table .col-reference{min-width:120px;width:120px}.payment-received-table-wrap{overflow-x:auto;overflow-y:visible}.payment-received-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.875rem}.payment-received-sticky-first{position:sticky;left:0;z-index:2;background:#f9fafb;box-shadow:2px 0 4px #0000000a;min-width:140px}.payment-received-table tbody .payment-received-sticky-first{background:#fff}.payment-received-table tbody tr:hover .payment-received-sticky-first{background:#f9fafb}.payment-received-sticky-last{position:sticky;right:0;z-index:2;background:#f9fafb;box-shadow:-2px 0 4px #0000000a;min-width:56px;text-align:center}.payment-received-table tbody .payment-received-sticky-last{background:#fff}.payment-received-table tbody tr:hover .payment-received-sticky-last{background:#f9fafb}.payment-received-action-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:.5rem;background:transparent;color:var(--buttonPrimary, #274c77);cursor:pointer;transition:background .2s,color .2s}.payment-received-action-btn:hover{background:#274c771a;color:var(--buttonPrimary, #274c77)}.payment-received-table th{text-align:left;padding:.875rem 1rem;background:#f9fafb;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb;white-space:nowrap}.payment-received-table th.text-right{text-align:right}.payment-received-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;white-space:nowrap}.payment-received-table td.text-right{text-align:right}.payment-received-table td.font-medium{font-weight:500}.payment-received-table td.payment-received-unused{color:#b91c1c;font-weight:500}.payment-received-table tbody tr:hover{background:#f9fafb}.payment-received-status{display:inline-block;padding:.25rem .5rem;border-radius:.375rem;font-size:.75rem;font-weight:500}.payment-received-status--completed,.payment-received-status--paid{background:#d1fae5;color:#065f46}.payment-received-status--pending{background:#fee2e2;color:#991b1b}.payment-received-status--partial{background:#fef3c7;color:#92400e}.payment-received-empty{text-align:center;padding:3rem 1rem!important;color:#9ca3af}.payment-received-empty svg{display:block;margin-left:auto;margin-right:auto;margin-bottom:.75rem;opacity:.5}.payment-received-empty p{margin:0 0 .25rem;font-weight:500;color:#6b7280}.payment-received-empty span{font-size:.8125rem}.payment-received-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem;border-top:1px solid #e5e7eb;flex-wrap:wrap}.payment-received-pagination button{padding:.5rem 1rem;font-size:.875rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;cursor:pointer}.payment-received-pagination button:hover:not(:disabled){background:#f9fafb;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.payment-received-pagination button:disabled{opacity:.5;cursor:not-allowed}.payment-received-pagination span{font-size:.875rem;color:#6b7280}@media (max-width: 768px){.payment-received-filters{flex-direction:column;align-items:stretch}.payment-received-search-wrap{max-width:none}.payment-received-table-wrap{overflow-x:scroll}.payment-received-table th,.payment-received-table td{padding:.625rem .75rem;font-size:.8125rem}}.single-invoice-table-wrap{font-family:Arial,sans-serif;width:100%;margin-top:1.5rem}.single-invoice-table-title{font-size:1rem;font-weight:600;margin:0 0 .75rem;color:#1f2937}.single-invoice-table-empty{text-align:center;color:#6b7280;padding:1.5rem;font-size:.875rem;margin:0}.single-invoice-table{width:100%;border-collapse:collapse;font-size:13px}.single-invoice-table thead th,.single-invoice-table th{border-bottom:2px solid rgba(0,0,0,.15);padding:8px;background:var(--buttonPrimary, #274c77)!important;color:var(--buttonPrimaryText, #fff)!important;font-size:13px;font-weight:600}.single-invoice-th-num{width:2rem;text-align:center}.single-invoice-th-item{text-align:left}.single-invoice-td-num{vertical-align:top;padding:10px 8px;font-size:13px!important;color:#000;font-weight:700!important}.single-invoice-th.text-right{text-align:right}.single-invoice-table td{padding:8px;font-size:13px;vertical-align:top}.single-invoice-item-divider{border-bottom:1px dashed #999}.single-invoice-item-divider td{vertical-align:bottom}.single-invoice-td-full{padding:10px 8px;vertical-align:top}.single-invoice-td-empty{padding:8px;border:none;background:transparent}.single-invoice-total-cell{font-size:13px;font-weight:700}.single-inv-line1-title{margin:0;line-height:1.4}.single-inv-line2-desc{font-size:12px;font-weight:500!important;color:#555!important;margin-top:4px;line-height:1.3}.single-inv-details-block{font-size:12px;margin-top:6px;line-height:1.6}.single-inv-details-block>div:first-child{margin-top:0}.single-inv-line3-sku,.single-inv-line4-batch{margin-top:2px;color:#000;font-weight:400!important;font-size:12px!important}.single-inv-line5-warranty{margin-top:2px;color:#000;font-size:12px!important;font-weight:700!important}.single-inv-td-qty-bold,.single-inv-td-unitprice-bold{font-size:13px;font-weight:700}.single-invoice-img{border-radius:6px;border:2px solid #ddd;width:80px;height:80px;object-fit:cover;flex-shrink:0}.single-invoice-img-placeholder{width:80px;height:80px;border-radius:6px;border:2px solid #ddd;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:11px;color:#999;flex-shrink:0}.single-invoice-table .text-right{text-align:right}.single-invoice-item-info{display:flex;gap:15px;align-items:flex-start}.single-invoice-item-text>div{margin-top:4px}.single-invoice-item-name{display:block;margin:0;font-weight:700;font-size:15px;line-height:1.4}.vpr-page{width:100%;min-height:100vh;background:#f5f5f5}.vpr-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#9ca3af;padding:.75rem 1.25rem}.vpr-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.vpr-breadcrumb a:hover{text-decoration:underline}.vpr-breadcrumb span{color:#374151;font-weight:500}.vpr-print-bar{max-width:950px;margin:0 auto;display:flex;justify-content:flex-end;padding:.5rem 0}.vpr-print-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.vpr-print-btn:hover{border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77);background:#f9fafb}.vpr-return-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;font-size:13px}.vpr-return-banner svg{flex-shrink:0;color:#dc2626}.vpr-return-banner-link{color:#2563eb;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vpr-return-banner-link:hover{color:#1d4ed8}.vpr-loading{padding:3rem 2rem;text-align:center;color:#6b7280;font-size:.875rem}.vpr-receipt{margin:0 auto;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:.5rem;overflow:hidden}.vpr-receipt-inner{padding:2rem;max-width:100%;box-sizing:border-box}.vpr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;width:100%}.vpr-company{flex:1;min-width:0;padding-right:2rem}.vpr-company-logo{max-width:150px;max-height:80px;margin-bottom:.75rem;object-fit:contain}.vpr-company-name{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem;line-height:1.2}.vpr-company-tagline{font-size:.875rem;color:#6b7280;font-style:italic;margin:0 0 .75rem}.vpr-company-detail{font-size:.875rem;color:#6b7280;margin:.25rem 0;line-height:1.5}.vpr-inv-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.vpr-inv-title{font-size:2rem;font-weight:700;color:#111827;margin:0}.vpr-inv-number{font-size:1rem;color:#374151;margin:0;font-weight:600;text-align:right}.vpr-payment-method{font-size:.875rem;color:#6b7280;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.vpr-cash-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500}.vpr-cash-yes{background:#d1fae5;color:#065f46}.vpr-cash-no{background:#e5e7eb;color:#6b7280}.vpr-balance-block{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-top:.5rem;width:100%}.vpr-balance-label{font-size:.75rem;color:#6b7280;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.vpr-balance-amount{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.vpr-amount-return{color:#dc2626!important}.vpr-return-badge{display:inline-block;margin-top:4px;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;background:#fee2e2;color:#991b1b;text-transform:uppercase}.vpr-return-badge-sm{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;background:#fee2e2;color:#991b1b;text-transform:uppercase}.vpr-return-ref{margin-top:4px;font-size:12px;color:#6b7280}.vpr-return-ref-link{color:#2563eb;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.vpr-return-ref-link:hover{color:#1d4ed8}.vpr-financial{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.vpr-financial-title{font-size:.9375rem;font-weight:600;color:#374151;margin:0 0 .75rem}.vpr-financial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 2rem}.vpr-financial-row{display:flex;justify-content:space-between;align-items:center}.vpr-financial-label{font-size:.875rem;color:#6b7280}.vpr-financial-value{font-size:.875rem;font-weight:600;color:#111827}.vpr-val-return{color:#dc2626!important;font-weight:600}.vpr-val-link{color:#2563eb!important;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-weight:600}.vpr-val-link:hover{color:#1d4ed8!important}.vpr-cust-dates{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin:2rem 0;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.vpr-cust{flex:1;min-width:0;padding-right:2rem}.vpr-cust-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-weight:600}.vpr-cust-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.vpr-cust-detail{font-size:.875rem;color:#6b7280;margin:.25rem 0;line-height:1.5}.vpr-dates{flex:0 0 auto;width:280px;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.vpr-date-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.vpr-date-label{font-size:.875rem;color:#6b7280;font-weight:500}.vpr-date-value{font-size:.875rem;color:#111827;font-weight:600}.vpr-totals{display:flex;flex-direction:column;align-items:flex-end;margin:2rem 0}.vpr-totals-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;padding:.5rem 0;font-size:.875rem;gap:2rem;min-height:1.5rem}.vpr-totals-label{flex:0 0 auto;min-width:140px;text-align:left;color:#6b7280;font-weight:500}.vpr-totals-value{flex:0 0 auto;min-width:160px;text-align:right;color:#374151;font-weight:600;white-space:nowrap}.vpr-totals-total{border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;font-size:1rem}.vpr-totals-total .vpr-totals-label,.vpr-totals-total .vpr-totals-value{color:#111827;font-weight:700;font-size:1rem}.vpr-totals-payment .vpr-totals-value.vpr-val-payment,.vpr-val-payment{color:#dc2626;font-weight:600}.vpr-totals-balance{margin-top:1rem;padding:.75rem 0 .75rem 1rem;background:#f3f4f6;border-radius:.25rem;width:100%;max-width:400px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb}.vpr-totals-balance .vpr-totals-label,.vpr-totals-balance .vpr-totals-value{color:#111827;font-weight:700;font-size:1rem}.vpr-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb;text-align:left}.vpr-notes,.vpr-terms{margin-top:1rem;padding-top:.75rem;border-top:1px dashed #d1d5db}.vpr-notes:first-child{margin-top:0;padding-top:0;border-top:none}.vpr-section-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.vpr-section-content{font-size:.875rem;color:#374151;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.vpr-section-line{margin-bottom:.5rem}.vpr-section-line:last-child{margin-bottom:0}@media print{.vpr-no-print{display:none!important}.vpr-page{background:#fff}.vpr-receipt{box-shadow:none;border-radius:0;max-width:100%}.vpr-receipt-inner{padding:1rem}}@media (max-width: 768px){.vpr-receipt-inner{padding:1.5rem}.vpr-header{flex-direction:column;gap:1.5rem}.vpr-inv-info{align-items:flex-end;text-align:right;width:100%}.vpr-cust-dates{flex-direction:column;gap:1.5rem}.vpr-dates{width:100%;min-width:0}.vpr-totals-row,.vpr-totals-balance{width:100%}}.stock-table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.stock-table-scroll-container{overflow-x:auto;overflow-y:visible}.stock-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1700px}.stock-table th{padding:.875rem 1rem;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.stock-table th.col-sku,.stock-table td.col-sku,.stock-table th.col-batch,.stock-table td.col-batch,.stock-table th.col-name,.stock-table td.col-name{text-align:left!important}.stock-table th.col-image,.stock-table td.col-image,.stock-table th.col-stock-type,.stock-table td.col-stock-type,.stock-table th.col-model,.stock-table td.col-model,.stock-table th.col-qty,.stock-table td.col-qty{text-align:center!important}.stock-table th.col-price,.stock-table td.col-price{text-align:center!important;min-width:140px}.stock-table th.col-product-type,.stock-table td.col-product-type,.stock-table th.col-barcode,.stock-table td.col-barcode,.stock-table th.col-actions,.stock-table td.col-actions{text-align:center!important}.item-sku-primary{font-weight:600;color:#111827;font-size:13px;white-space:nowrap}.batch-id{font-weight:500;color:#6b7280;font-size:13px}.item-image-cell{display:flex;align-items:center;justify-content:center}.item-image{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb}.item-image-placeholder{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:8px;color:#9ca3af}.item-details{min-width:180px}.item-name{font-weight:500;color:#111827;margin-bottom:4px;display:flex;align-items:center;gap:8px}.item-description{font-size:12px;color:#6b7280}.duplicate-badge{display:inline-block;padding:2px 6px;background-color:#fef3c7;color:#92400e;border:1px solid #fbbf24;border-radius:4px;font-size:10px;font-weight:600;cursor:help}.type-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.type-badge.type-RETAIL{background-color:#dbeafe;color:#1e40af}.type-badge.type-REPAIR{background-color:#fce7f3;color:#9f1239}.type-badge.type-ORIGINAL{background-color:#d1fae5;color:#065f46}.type-badge.type-NORMAL{background-color:#fee2e2;color:#991b1b}.stock-table td.col-price{font-weight:500;color:#111827;white-space:nowrap}.stock-table td.col-model{color:#6b7280;font-size:13px}.stock-table td.col-barcode{color:#6b7280;font-size:13px;white-space:nowrap}.item-quantity{font-weight:600;color:#1f2937}.stock-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;vertical-align:middle}.stock-badge.stock-out{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.stock-badge.stock-low{background-color:#fff7ed;color:#9a3412;border:1px solid #fdba74}.action-buttons{display:flex;gap:6px;align-items:center;justify-content:center}.btn-action{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:none;border-radius:.5rem;cursor:pointer;transition:background .2s,transform .15s}.btn-action:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%) scale(.9);padding:4px 8px;background:#1f2937;color:#fff;font-size:11px;font-weight:500;border-radius:4px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s}.btn-action:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:#1f2937;opacity:0;pointer-events:none;transition:opacity .15s}.btn-action:hover:after{opacity:1;transform:translate(-50%) scale(1)}.btn-action:hover:before{opacity:1}.btn-action.btn-view{background:#ecfeff;color:#0891b2}.btn-action.btn-view:hover{background:#cffafe;transform:translateY(-1px)}.btn-action.btn-restock{background:#f0fdf4;color:#16a34a}.btn-action.btn-restock:hover{background:#dcfce7;transform:translateY(-1px)}.btn-action.btn-edit{background:#eff6ff;color:#2563eb}.btn-action.btn-edit:hover{background:#dbeafe;transform:translateY(-1px)}.btn-action.btn-delete{background:#fef2f2;color:#dc2626}.btn-action.btn-delete:hover{background:#fee2e2;transform:translateY(-1px)}.btn-disabled,.btn-action:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.file-upload-container{margin-bottom:1.5rem}.file-upload-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.required-asterisk{color:#ef4444;margin-left:.25rem}.file-upload-wrapper{position:relative}.file-preview{position:relative;width:100%;max-width:300px;height:200px;border:2px dashed #d1d5db;border-radius:.5rem;overflow:hidden;background:#f9fafb}.preview-image{width:100%;height:100%;object-fit:contain}.btn-remove-file{position:absolute;top:.5rem;right:.5rem;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-remove-file:hover{background:#dc2626;transform:scale(1.1)}.btn-remove-file:disabled{opacity:.5;cursor:not-allowed}.file-upload-placeholder{width:100%;max-width:300px;height:200px;border:2px dashed #d1d5db;border-radius:.5rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;background:#f9fafb}.file-upload-placeholder:hover{border-color:#3b82f6;background:#eff6ff}.placeholder-icon{color:#9ca3af;margin-bottom:.75rem}.placeholder-text{font-size:.875rem;color:#6b7280;margin:0}.placeholder-hint{font-size:.75rem;color:#9ca3af;margin:.25rem 0 0}.file-input-hidden{display:none}.btn-upload{margin-top:1rem;padding:.625rem 1.25rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.btn-upload:hover{background:#2563eb}.btn-upload:disabled{background:#9ca3af;cursor:not-allowed}.spinner{animation:spin 1s linear infinite}.upload-success{margin-top:.75rem;padding:.75rem;background:#d1fae5;color:#065f46;border-radius:.5rem;font-size:.875rem;font-weight:500}.upload-error{margin-top:.75rem;padding:.75rem;background:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem;font-weight:500}.acm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.acm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;width:92%;position:relative}.acm-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.acm-header{padding:1.25rem 1.25rem 0;text-align:center}.acm-icon-wrap{display:flex;justify-content:center;margin-bottom:.5rem}.acm-icon{width:46px;height:46px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.acm-title{font-size:1.1rem;font-weight:600;color:#111827;margin:0 0 .2rem}.acm-subtitle{font-size:.8rem;color:#6b7280;margin:0}.acm-form{padding:1rem 1.25rem 1.25rem}.acm-field{margin-bottom:.875rem}.acm-label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.acm-type-toggle{display:flex;gap:.5rem}.acm-type-btn{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.acm-type-btn:hover{border-color:var(--buttonPrimary, #274c77);background:#f0f7ff}.acm-type-btn.active{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.acm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.acm-btn-cancel{padding:.5rem 1rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.acm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.asm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.asm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:780px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.asm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.asm-close:hover{color:#111827;background:#f3f4f6}.asm-header{padding:1.5rem 1.5rem 0;text-align:center}.asm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.asm-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.asm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.asm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.asm-form{padding:1.25rem 1.5rem 1.5rem}.asm-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.asm-section-title:first-child{margin-top:0}.asm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.asm-field{min-width:0}.asm-field .custom-input,.asm-field .custom-dropdown-trigger,.asm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.asm-field-full{grid-column:1 / -1}.asm-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.asm-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:50px;outline:none;transition:border-color .2s}.asm-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.asm-readonly-value{padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#374151}.asm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.asm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.asm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.asm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.asm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.asm-btn-save:disabled{opacity:.6;cursor:not-allowed}.astm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.astm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:860px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.astm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.astm-close:hover{color:#111827;background:#f3f4f6}.astm-header{padding:1.5rem 1.5rem 0;text-align:center}.astm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.astm-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.astm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.astm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.astm-form{padding:1.25rem 1.5rem 1.5rem}.astm-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.astm-section-title:first-child{margin-top:0}.astm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.astm-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem}.astm-field{min-width:0}.astm-field .input-wrapper{margin-bottom:0}.astm-field .custom-input,.astm-field .custom-dropdown-trigger,.astm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.astm-field-full{grid-column:1 / -1}.astm-field label,.astm-field .input-label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.astm-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.astm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.astm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.astm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.astm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.astm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.astm-btn-save:disabled{opacity:.6;cursor:not-allowed}.astm-barcode-row{display:flex;align-items:flex-end;gap:.5rem}.astm-barcode-input{flex:1}.astm-barcode-gen{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;margin-bottom:1rem;border:1px solid #d1d5db;border-radius:.375rem;background:var(--buttonPrimary, #274c77);color:#fff;cursor:pointer;transition:background .2s,transform .15s;flex-shrink:0}.astm-barcode-gen:hover{background:var(--buttonPrimaryHover, #1e3a5f);transform:translateY(-1px)}.estm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.estm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:860px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.estm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.estm-close:hover{color:#111827;background:#f3f4f6}.estm-header{padding:1.5rem 1.5rem 0;text-align:center}.estm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.estm-icon{width:52px;height:52px;border-radius:50%;background:#fef3c7;border:2px solid #fbbf24;color:#d97706;display:flex;align-items:center;justify-content:center}.estm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.estm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.estm-form{padding:1.25rem 1.5rem 1.5rem}.estm-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.estm-section-title:first-child{margin-top:0}.estm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.estm-field{min-width:0}.estm-field .input-wrapper{margin-bottom:0}.estm-field .custom-input,.estm-field .custom-dropdown-trigger,.estm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.estm-field-full{grid-column:1 / -1}.estm-field label,.estm-field .input-label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.estm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.estm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.estm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.estm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.estm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.estm-btn-save:disabled{opacity:.6;cursor:not-allowed}.vstm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vstm-modal{background:#f8fafc;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;max-width:560px;width:94%;max-height:90vh;overflow-y:auto;position:relative;animation:vstm-slideUp .25s ease-out}@keyframes vstm-slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.vstm-close-btn{position:absolute;top:.875rem;right:.875rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fffc;border:1px solid #e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;z-index:2;transition:all .2s}.vstm-close-btn:hover{background:#fff;color:#111827;border-color:#9ca3af;box-shadow:0 1px 4px #0000001a}.vstm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem;color:#6b7280;font-size:.875rem}.vstm-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:var(--buttonPrimary, #274c77);border-radius:50%;animation:vstm-spin .7s linear infinite}@keyframes vstm-spin{to{transform:rotate(360deg)}}.vstm-hero{display:flex;gap:1.25rem;padding:1.5rem 1.5rem 1rem;align-items:flex-start}.vstm-hero-image img{width:110px;height:110px;object-fit:cover;border-radius:.75rem;border:2px solid #e5e7eb;box-shadow:0 2px 8px #00000014;display:block}.vstm-hero-placeholder{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:.75rem;color:#9ca3af}.vstm-hero-info{flex:1;min-width:0}.vstm-product-name{margin:0 0 .125rem;font-size:1.25rem;font-weight:700;color:#111827;line-height:1.3;word-break:break-word}.vstm-model-number{margin:0 0 .5rem;font-size:.8125rem;color:#6b7280;font-family:monospace}.vstm-badges{display:flex;gap:.375rem;flex-wrap:wrap;margin-bottom:.5rem}.vstm-type-badge{display:inline-block;padding:.2rem .625rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.vstm-type-retail{background:#dbeafe;color:#1e40af}.vstm-type-repair{background:#fee2e2;color:#991b1b}.vstm-type-original{background:#d1fae5;color:#065f46}.vstm-type-normal,.vstm-type-copy{background:#fef3c7;color:#92400e}.vstm-batch-id{display:inline-block;font-size:.6875rem;font-weight:600;font-family:monospace;color:#3b82f6;background:#eff6ff;padding:.15rem .5rem;border-radius:.25rem}.vstm-price-cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.625rem;padding:0 1.5rem 1rem}.vstm-price-card{border-radius:.625rem;padding:.75rem;display:flex;flex-direction:column;gap:.125rem}.vstm-price-cost{background:#f0f9ff;border:1px solid #bae6fd}.vstm-price-sales{background:#f0fdf4;border:1px solid #bbf7d0}.vstm-price-profit{background:#fefce8;border:1px solid #fde68a}.vstm-price-label{font-size:.6875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.vstm-price-value{font-size:.9375rem;font-weight:700;color:#111827}.vstm-price-sub{font-size:.6875rem;color:#059669;font-weight:600}.vstm-snapshot{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000f;margin:0 1.5rem .75rem;overflow:hidden}.vstm-snapshot:last-child{margin-bottom:1.5rem}.vstm-snapshot-header{display:flex;align-items:center;gap:.5rem;padding:.875rem 1rem .625rem}.vstm-snapshot-header svg{color:var(--buttonPrimary, #274c77);flex-shrink:0}.vstm-snapshot-header h3{margin:0;font-size:.9375rem;font-weight:700;color:#374151}.vstm-snapshot-sep{height:1px;background:#e5e7eb;margin:0 1rem}.vstm-snapshot-rows{padding:0 1rem .5rem}.vstm-snap-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 0;border-bottom:1px dashed #e5e7eb;min-height:36px}.vstm-snap-row:last-child{border-bottom:none}.vstm-snap-label{font-size:.8125rem;color:#6b7280;font-weight:400;flex-shrink:0}.vstm-snap-value{font-size:.8125rem;color:#111827;font-weight:600;text-align:right;max-width:200px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vstm-snap-mono{font-family:monospace;letter-spacing:.02em}.vstm-snap-bold{font-size:1rem;font-weight:800;color:#111827}.vstm-snap-green{color:#059669;font-weight:700}.vstm-snap-row-wrap{flex-direction:column;align-items:flex-start;gap:.25rem}.vstm-snap-row-wrap .vstm-snap-value{text-align:left;max-width:100%;white-space:normal;line-height:1.5}.vstm-inline-badge{display:inline-block;padding:.15rem .5rem;border-radius:9999px;font-size:.6875rem;font-weight:600;text-transform:capitalize}.vstm-ib-retail{background:#dbeafe;color:#1e40af}.vstm-ib-repair{background:#fee2e2;color:#991b1b}.vstm-ib-original{background:#d1fae5;color:#065f46}.vstm-ib-normal,.vstm-ib-copy{background:#fef3c7;color:#92400e}.vstm-modal::-webkit-scrollbar{width:6px}.vstm-modal::-webkit-scrollbar-track{background:transparent}.vstm-modal::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.vstm-modal::-webkit-scrollbar-thumb:hover{background:#9ca3af}@media (max-width: 480px){.vstm-hero{flex-direction:column;align-items:center;text-align:center}.vstm-badges{justify-content:center}.vstm-price-cards{grid-template-columns:1fr}.vstm-snapshot{margin-left:.75rem;margin-right:.75rem}}.rstm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.rstm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.rstm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.rstm-close:hover{color:#111827;background:#f3f4f6}.rstm-header{padding:1.5rem 1.5rem 0;text-align:center}.rstm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.rstm-icon{width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--buttonPrimary, #274c77) 15%,transparent);border:2px solid color-mix(in srgb,var(--buttonPrimary, #274c77) 40%,transparent);color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.rstm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.rstm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.rstm-info{display:flex;gap:.75rem;margin:1rem 1.5rem 0;padding:.75rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.rstm-info-item{flex:1;text-align:center}.rstm-info-label{display:block;font-size:.7rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.025em;margin-bottom:.25rem}.rstm-info-value{display:block;font-size:1rem;font-weight:600;color:#111827}.rstm-info-value.rstm-low{color:#dc2626}.rstm-info-value.rstm-normal{color:#f59e0b}.rstm-info-value.rstm-high{color:#16a34a}.rstm-form{padding:1.25rem 1.5rem 1.5rem}.rstm-field{margin-bottom:.75rem}.rstm-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.rstm-field .custom-input{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.rstm-field textarea{width:100%;padding:.5rem .75rem;font-size:.875rem;border:1px solid #d1d5db;border-radius:.375rem;resize:vertical;min-height:60px;font-family:inherit;box-sizing:border-box;transition:border-color .2s}.rstm-field textarea:focus{outline:none;border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.rstm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.rstm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.rstm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.rstm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff);border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.rstm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.rstm-btn-save:disabled{opacity:.6;cursor:not-allowed}.view-all-stock-container{width:100%;padding:0}.stock-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.stock-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.stock-subtitle{color:#6b7280;font-size:.875rem}.dashboard-cards-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.dashboard-cards-row{grid-template-columns:1fr}}.stock-search-container{margin-bottom:2rem;display:flex;gap:1rem;align-items:stretch;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:220px;max-width:320px}.custom-filter-wrapper{position:relative;min-width:200px;flex:0 0 200px}.custom-filter-button{display:flex;align-items:center;gap:.5rem;width:100%;padding:0 1rem;height:42px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s;background:#fff;cursor:pointer;color:#374151;font-weight:500;box-sizing:border-box}.custom-filter-button:hover{border-color:#3b82f6;background:#f9fafb}.custom-filter-button:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.filter-label{flex:1;text-align:left}.filter-chevron{transition:transform .2s}.filter-chevron.open{transform:rotate(180deg)}.custom-filter-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;box-shadow:0 10px 24px #00000024;border-radius:.5rem;padding:.5rem;z-index:1400;max-height:300px;overflow-y:auto}.filter-menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:.75rem 1rem;border-radius:.375rem;color:#374151;cursor:pointer;font-size:.9375rem;transition:all .15s}.filter-menu-item:hover{background:#3b82f61f}.filter-menu-item.selected{background:#3b82f6;color:#fff;font-weight:600}.custom-filter-wrapper .custom-dropdown-trigger{height:42px;min-height:42px;padding:0 .75rem;font-size:.875rem;box-sizing:border-box}@media (max-width: 768px){.stock-search-container{flex-direction:column}.search-input-wrapper,.custom-filter-wrapper{width:100%;min-width:100%;max-width:100%;flex:1 1 100%}}.search-input{width:100%;padding:0 1rem 0 2.75rem;height:42px;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s;box-sizing:border-box}.stock-groups{display:flex;flex-direction:column;gap:2rem}.stock-group{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.supplier-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;flex-wrap:wrap;gap:1rem}.supplier-info{display:flex;align-items:center;gap:1rem}.supplier-name{font-size:1.25rem;font-weight:600;margin:0}.supplier-count{background:#fff3;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.supplier-totals{display:flex;gap:2rem;align-items:center}.total-item{display:flex;flex-direction:column;align-items:flex-end}.total-label{font-size:.75rem;opacity:.9;margin-bottom:.25rem}.total-value{font-size:1.125rem;font-weight:700;background:#fff3;padding:.25rem .75rem;border-radius:.375rem}.total-sales{background:#ffffff4d;border:1px solid rgba(255,255,255,.4)}.total-paid{background:#22c55e33;border:1px solid rgba(34,197,94,.3)}.total-pending{background:#fb923c33;border:1px solid rgba(251,146,60,.3)}@media (max-width: 768px){.supplier-header{flex-direction:column;align-items:flex-start}.supplier-totals{width:100%;justify-content:space-between;gap:1rem}.total-item{align-items:flex-start}}.stock-table-wrapper{overflow:hidden}.stock-table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.stock-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1400px}.stock-table thead{background:#f3f4f6}.stock-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.stock-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.stock-table tbody tr:hover{background:#f9fafb}.stock-table tbody tr:last-child td{border-bottom:none}.item-image-cell{display:flex;align-items:center;justify-content:center;padding:.5rem}.item-image{width:100px;height:70px;object-fit:cover;border-radius:.5rem;border:2px solid #e5e7eb;display:block;box-shadow:0 1px 3px #0000001a}.item-image-placeholder{width:80px;height:60px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:.5rem;color:#9ca3af;border:2px solid #e5e7eb}.item-image-placeholder svg{width:36px;height:36px}.item-details{max-width:250px;min-width:150px}.item-name{font-weight:600;color:#111827;margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;word-break:break-word}.duplicate-badge{display:inline-flex;align-items:center;justify-content:center;background:#f59e0b;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .4rem;border-radius:.25rem;cursor:help;margin-left:.5rem;white-space:nowrap}.duplicate-badge:hover{background:#d97706}.item-description{font-size:.875rem;color:#6b7280;margin:0;word-break:break-word}.item-model{font-family:monospace;color:#374151;white-space:nowrap}.type-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:capitalize}.type-original{background:#d1fae5;color:#065f46}.type-copy{background:#fef3c7;color:#92400e}.type-retail{background:#dbeafe;color:#1e40af}.type-repair{background:#fee2e2;color:#991b1b}.item-quantity{font-weight:600;color:#111827}.item-price{font-weight:500;color:#059669}.item-barcode{font-family:monospace;font-size:.875rem;color:#6b7280;white-space:nowrap}.action-buttons{display:flex;gap:.5rem;position:relative;z-index:1}.btn-icon{padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:1}.btn-view{background:#ecfeff;color:#0891b2;border:1px solid #67e8f9}.btn-view:hover{background:#06b6d4;color:#fff;border-color:#0891b2}.batch-id{font-family:monospace;font-weight:600;color:#3b82f6;background:#dbeafe;padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem}.total-cost{font-weight:700;color:#059669;background:#d1fae5;font-size:.95rem}.total-cost strong{color:#065f46}.dealer-price{font-weight:600;color:#7c3aed;background:#f3e8ff;font-size:.95rem}.edit-supplier-container{width:100%;max-width:1200px;margin:0 auto}.search-section{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem;margin-bottom:2rem}.search-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem}.search-wrapper{position:relative;max-width:600px}.search-input-container{position:relative}.search-results{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;margin-top:.5rem;max-height:300px;overflow-y:auto;box-shadow:0 4px 6px #0000001a;z-index:10}.search-result-item{padding:1rem;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background-color:#f9fafb}.result-name{font-weight:600;color:#111827;margin-bottom:.25rem}.result-details{font-size:.875rem;color:#6b7280}.no-results{padding:1rem;text-align:center;color:#6b7280}.supplier-form{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2rem}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}}.form-column{display:flex;flex-direction:column;gap:2rem}.form-section{display:flex;flex-direction:column}.section-title{font-size:1.125rem;font-weight:600;color:#111827;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 767px){.supplier-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.view-all-suppliers-container{width:100%;padding:0}.suppliers-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.suppliers-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.suppliers-subtitle{color:#6b7280;font-size:.875rem}.suppliers-search-container{margin-bottom:2rem}.empty-state{text-align:center;padding:4rem 2rem}.suppliers-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.suppliers-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.suppliers-grid{grid-template-columns:repeat(3,1fr)}}.supplier-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000000f;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;border:1px solid #e5e7eb}.supplier-card:hover{box-shadow:0 4px 14px #00000014;border-color:#e0e7ff}.supplier-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;background:linear-gradient(135deg,var(--buttonPrimary, #274c77) 0%,#1e3a5f 100%);color:#fff;flex-wrap:wrap;gap:.5rem}.supplier-card-title{font-size:1.125rem;font-weight:600;margin:0;flex:1;min-width:0;letter-spacing:-.01em}.supplier-code{display:inline-block;background:#ffffff26;color:#fffffff2;padding:.25rem .625rem;border-radius:.375rem;font-size:.6875rem;font-weight:600;letter-spacing:.05em;margin-top:.375rem}.supplier-card-actions{display:flex;gap:.375rem}.btn-edit{background:#fff3;color:#fff}.btn-edit:hover{background:#f59e0b;color:#fff}.btn-delete{background:#fff3;color:#fff}.btn-delete:hover{background:#dc2626;color:#fff}.btn-icon:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.supplier-card-body{padding:1.25rem 1.5rem}.supplier-info-row{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.supplier-info-row:last-child{margin-bottom:0}.info-icon{color:#6b7280;flex-shrink:0;margin-top:.125rem}.info-content{display:flex;flex-direction:column;flex:1}.info-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value{font-size:.875rem;color:#111827;word-break:break-word}.supplier-website{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.supplier-website a{color:#3b82f6;text-decoration:none;font-size:.875rem;transition:color .2s}.supplier-website a:hover{color:#2563eb;text-decoration:underline}.supplier-notes{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.notes-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:.5rem}.notes-text{font-size:.875rem;color:#374151;margin:0;line-height:1.5}.supplier-card-footer{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.5rem;background:#f8fafc;border-top:1px solid #e5e7eb}.supplier-date{font-size:.75rem;color:#6b7280}.supplier-tax-id{font-size:.75rem;font-weight:600;color:#374151;font-family:monospace}.rip-overlay{position:fixed;inset:0;background:#00000073;z-index:1000;animation:rip-fade-in .2s ease-out}@keyframes rip-fade-in{0%{opacity:0}to{opacity:1}}.rip-panel{position:fixed;top:0;right:0;width:480px;max-width:92vw;height:100vh;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;z-index:1001;animation:rip-slide-in .25s ease-out}@keyframes rip-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.rip-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.rip-header-text{min-width:0;flex:1;padding-right:1rem}.rip-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .25rem;word-break:break-word}.rip-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.rip-close{display:flex;align-items:center;justify-content:center;padding:.35rem;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:.375rem;flex-shrink:0;transition:all .2s}.rip-close:hover{color:#111827;background:#f3f4f6}.rip-body{flex:1;overflow-y:auto;padding:1rem 1.5rem}.rip-empty{text-align:center;color:#6b7280;padding:2rem 0;font-size:.875rem;font-style:italic;margin:0}.rip-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;font-size:13px;color:#334155}.rip-table thead{border-bottom:2px solid #e5e7eb}.rip-table thead th{padding:8px 6px;font-weight:600;font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.04em;background:#f9fafb;white-space:nowrap}.rip-th-num{width:28px;text-align:center}.rip-th-item{text-align:left;padding-left:8px!important}.rip-th.rip-text-right{text-align:right}.rip-table td{padding:6px;font-size:13px;vertical-align:top}.rip-info-row td{padding:10px 6px 4px;border:none}.rip-td-num{text-align:center;font-weight:700;font-size:13px;width:28px;vertical-align:top;padding-top:12px!important;color:#6b7280}.rip-td-product{padding-left:8px!important}.rip-item-info{display:flex;gap:12px;align-items:flex-start}.rip-img{width:50px;height:50px;object-fit:cover;border-radius:6px;border:2px solid #e5e7eb;flex-shrink:0}.rip-img-placeholder{width:50px;height:50px;border-radius:6px;border:2px solid #e5e7eb;background:#f3f4f6;flex-shrink:0}.rip-item-text{display:flex;flex-direction:column;gap:2px;min-width:0}.rip-product-name{font-weight:600;font-size:13px;line-height:1.4;color:#111827;word-wrap:break-word}.rip-product-specs{font-size:12px;font-weight:500;color:#4b5563;line-height:1.3}.rip-product-desc{font-size:12px;color:#6b7280;line-height:1.4}.rip-product-meta{display:flex;flex-direction:column;gap:1px;font-size:12px;color:#6b7280;line-height:1.5;margin-top:4px}.rip-values-row{border-bottom:1px dotted #d1d5db}.rip-values-row td{padding:4px 6px 10px;vertical-align:bottom;border:none}.rip-td-spacer{padding:0!important;border:none;background:transparent}.rip-td-qty{font-weight:700;font-size:13px;white-space:nowrap;color:#334155}.rip-td-rate{font-size:13px;white-space:nowrap;color:#334155}.rip-td-amount{font-size:13px;white-space:nowrap;color:#111827}.rip-footer{border-top:2px dotted #d1d5db;padding:1rem 1.5rem;flex-shrink:0;background:#f9fafb}.rip-footer-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px dotted #d1d5db}.rip-footer-row:last-child{border-bottom:none}.rip-footer-label{font-size:.875rem;font-weight:600;color:#374151}.rip-footer-value{font-size:.9375rem;font-weight:700;color:#111827}.rip-text-right{text-align:right}@media (max-width: 520px){.rip-panel{width:100vw;max-width:100vw}.rip-body{padding:.75rem 1rem}.rip-header{padding:1rem}.rip-footer{padding:.75rem 1rem}}.pie-chart-container{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.pie-chart-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.sales-chart-container{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.5rem;margin-bottom:2rem}.sales-chart-title{color:#111827;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.sales-report-container{width:100%;max-width:1400px;margin:0 auto}.report-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:.5rem;transition:color .2s}.btn-back:hover{color:var(--buttonPrimary, #274c77)}.report-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.25rem}.report-subtitle{color:#6b7280;font-size:.875rem}.report-header-actions{display:flex;align-items:center;gap:.75rem}.btn-export{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;background:var(--buttonPrimary, #274c77);color:#fff;transition:background-color .2s}.btn-export:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.btn-export-pdf{background:var(--buttonPrimary, #274c77);color:#fff}.btn-export-pdf:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.sales-report-container .summary-cards-grid{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.sales-report-container .summary-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.sales-report-container .summary-expense-link{font-size:.8125rem;color:#6b7280;margin:-.75rem 0 2rem}.sales-report-container .summary-expense-link .link-btn{background:none;border:none;padding:0;color:var(--buttonPrimary, #274c77);font-weight:500;cursor:pointer;text-decoration:underline}.sales-report-container .summary-expense-link .link-btn:hover{color:var(--buttonPrimaryHover, #1e3a5f)}.filter-section{background:#fff;padding:1.25rem 1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem}.filter-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;row-gap:.75rem}.filter-period{display:flex;gap:.5rem;flex-shrink:0}.filter-tab{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s;height:36px;box-sizing:border-box}.filter-tab:hover{border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.filter-tab.active{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.filter-date-range{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.filter-date-range .date-input{width:140px;min-height:36px;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;box-sizing:border-box}.filter-date-range .date-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c7726}.date-sep{font-size:.875rem;color:#6b7280}.filter-category{min-width:180px;width:180px;margin-left:auto}.filter-label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;margin-bottom:.35rem}.charts-section{margin-bottom:1.5rem}.charts-grid-two{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 900px){.charts-grid-two{grid-template-columns:1fr 1fr}}.chart-card{background:#fff;padding:1.25rem;border-radius:.75rem;box-shadow:0 1px 3px #00000014}.chart-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.master-section{background:#fff;padding:1.25rem 1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #00000014;margin-bottom:1.5rem}.master-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1rem}.master-table-wrap{overflow-x:auto}.master-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:480px}.master-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.master-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.master-table th.num{text-align:right}.master-table th.th-actions{width:80px;text-align:center}.master-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155;transition:background .15s}.master-table td.num{text-align:right;font-variant-numeric:tabular-nums}.master-table .master-row:hover{background:#274c770f}.master-table .actions-cell{text-align:center}.master-table .btn-view-items{display:inline-flex;align-items:center;justify-content:center;padding:.4rem;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;border-radius:.375rem;cursor:pointer;transition:all .2s}.master-table .btn-view-items:hover{background:#3b82f6;color:#fff;border-color:#2563eb}.master-table .profit-cell{font-weight:600;color:#047857}@media (max-width: 767px){.report-header{flex-direction:column;gap:1rem}.sales-report-container .summary-cards,.sales-report-container .summary-cards-row{grid-template-columns:1fr}.filter-row{flex-direction:column;align-items:stretch}.filter-period{justify-content:flex-start}.filter-date-range{flex-wrap:wrap}.filter-category{width:100%;min-width:unset;margin-left:0}.filter-date-range .date-input{width:100%}}.loading-cell,.empty-cell{text-align:center;padding:2rem 1rem;color:#64748b;font-size:.875rem}.sr-status-badge{display:inline-block;padding:.2rem .6rem;border-radius:5px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.sr-status-return{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.sr-status-paid{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.sr-status-draft{background-color:#f3f4f6;color:#6b7280;border:1px solid #e5e7eb}.sr-status-partial{background-color:#fff7ed;color:#c2410c;border:1px solid #fed7aa}.sr-status-pending{background-color:#fefce8;color:#a16207;border:1px solid #fde68a}.sr-status-refunded,.sr-status-cancelled{background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca}.sr-status-completed,.sr-status-sale{background-color:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.master-row.return-row{background-color:#fef2f2}.master-row.return-row:hover{background-color:#fee2e2}.master-row.return-row .num,.master-row.return-row .profit-cell{color:#dc2626}.pnl-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.pnl-chart-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.rs-bar-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.rs-bar-chart-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.rs-profit-chart-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.25rem 1.5rem}.rs-profit-chart-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 1rem}.pnl-container{max-width:1280px;margin:0 auto}.pnl-header{margin-bottom:1.5rem}.pnl-breadcrumb{display:flex;align-items:center;gap:.35rem;margin-bottom:.35rem}.pnl-breadcrumb-link{font-size:.8125rem;color:#6b7280;text-decoration:none}.pnl-breadcrumb-link:hover{color:var(--buttonPrimary, #274c77);text-decoration:underline}.pnl-breadcrumb-sep{color:#9ca3af}.pnl-breadcrumb-current{font-size:.8125rem;color:#374151;font-weight:500}.pnl-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 .25rem}.pnl-subtitle{font-size:.875rem;color:#6b7280;margin:0}.pnl-period-row{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.pnl-period-btn{padding:.5rem 1.15rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.pnl-period-btn:hover{border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.pnl-period-btn--active{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.pnl-period-btn--active:hover{color:#fff}.pnl-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.75rem}.pnl-card-wrapper{display:flex;flex-direction:column;gap:.4rem}.pnl-change{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;padding-left:.25rem}.pnl-change--up{color:#16a34a}.pnl-change--down{color:#dc2626}.pnl-change--flat{color:#6b7280}.pnl-section{margin-bottom:1.75rem}.pnl-loading{text-align:center;padding:2rem;color:#6b7280;font-size:.875rem}.pnl-empty{text-align:center;padding:2rem;color:#9ca3af;font-size:.875rem;font-style:italic;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.pnl-pies-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.75rem}.pnl-donut-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem}.pnl-donut-title{font-size:1rem;font-weight:600;color:#111827;margin:0 0 .5rem}.pnl-donut-chart-wrap{position:relative;width:100%;display:flex;justify-content:center}.pnl-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pnl-donut-center-label{display:block;font-size:.75rem;font-weight:500;color:#6b7280;line-height:1.2}.pnl-donut-center-value{display:block;font-size:1.125rem;font-weight:700;color:#111827;line-height:1.3}.pnl-donut-legend{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f1f5f9}.pnl-donut-legend-row{display:flex;justify-content:space-between;align-items:center}.pnl-donut-legend-left{display:flex;align-items:center;gap:.5rem}.pnl-donut-legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pnl-donut-legend-name{font-size:.8125rem;font-weight:500;color:#374151}.pnl-donut-legend-pct{font-size:.8125rem;font-weight:600;color:#111827}.pnl-pie-empty{text-align:center;padding:2rem 0;color:#9ca3af;font-size:.875rem;font-style:italic;margin:0}.pnl-table-heading{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .75rem}.pnl-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e5e7eb;border-radius:12px}.pnl-table{width:100%;border-collapse:collapse;font-size:.875rem}.pnl-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.pnl-table thead th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.pnl-table th.pnl-num,.pnl-table td.pnl-num{text-align:right}.pnl-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;color:#334155}.pnl-brow:hover{background:#274c770a}.pnl-exp-cell{color:#dc2626}.pnl-profit-cell{color:#047857;font-weight:600}.pnl-total-row{background:#f9fafb;border-top:2px solid #e5e7eb}.pnl-total-row td{border-bottom:none;color:#111827}.pnl-loading-cell,.pnl-empty-cell{text-align:center;padding:2rem 1rem;color:#9ca3af;font-size:.875rem}.pnl-rs-divider{height:1px;background:linear-gradient(to right,transparent,#d1d5db,transparent);margin:2.5rem 0 2rem}.pnl-rs-section-heading{font-size:1.375rem;font-weight:700;color:#111827;margin:0 0 .25rem}.pnl-rs-section-subtitle{font-size:.875rem;color:#6b7280;margin:0 0 1.5rem}.pnl-rs-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.75rem}.pnl-rs-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;border-left:4px solid #e5e7eb}.pnl-rs-card--retail{border-left-color:#3b82f6}.pnl-rs-card--service{border-left-color:#10b981}.pnl-rs-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem}.pnl-rs-card-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pnl-rs-card-icon--retail{background:#eff6ff;color:#3b82f6}.pnl-rs-card-icon--service{background:#ecfdf5;color:#10b981}.pnl-rs-card-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.pnl-rs-card-body{display:flex;flex-direction:column;gap:.75rem}.pnl-rs-metric{display:flex;justify-content:space-between;align-items:center}.pnl-rs-metric-label{font-size:.8125rem;color:#6b7280;font-weight:500}.pnl-rs-metric-value{font-size:1rem;font-weight:700;color:#111827}.pnl-rs-metric-value--profit{color:#047857}.pnl-rs-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.75rem}.pnl-rs-tables-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:2rem}.pnl-rs-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.pnl-rs-table-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0;padding:1rem 1.25rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid #e5e7eb}.pnl-rs-table-title--retail{color:#1d4ed8;background:#f0f5ff}.pnl-rs-table-title--service{color:#047857;background:#ecfdf5}.pnl-rs-table-card .pnl-table-wrap{border:none;border-radius:0}@media (max-width: 1024px){.pnl-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.pnl-container{padding:1rem}.pnl-cards-grid,.pnl-pies-row,.pnl-rs-cards-grid,.pnl-rs-charts-row,.pnl-rs-tables-row{grid-template-columns:1fr}}.invoice-receipt-container{width:100%;background:#f5f5f5;min-height:100vh}.view-invoice-two-panel{display:flex;height:100vh;min-height:100vh;overflow:hidden;background:#fff}.view-invoice-detail-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;border-right:1px solid #e5e7eb}.view-invoice-detail-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.view-invoice-list-panel{width:380px;min-width:320px;max-width:420px;min-height:0;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;background:#fafafa}.view-invoice-list-search-wrapper{position:relative;border-bottom:1px solid #e5e7eb}.view-invoice-list-search{position:relative;padding:.75rem 1rem;text-align:left}.view-invoice-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.view-invoice-search-chevron{position:absolute;left:2.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.view-invoice-search-input{width:100%;padding:.5rem 2.5rem .5rem 3.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;background:#fff}.view-invoice-search-input:focus{border-color:var(--buttonPrimary, #274c77)}.view-invoice-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#dc2626;cursor:pointer;border-radius:4px}.view-invoice-search-clear:hover{background:#fee2e2;color:#b91c1c}.view-invoice-search-dropdown{position:absolute;left:1rem;right:1rem;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;z-index:50;max-height:320px;overflow-y:auto}.view-invoice-search-dropdown-empty{padding:1.25rem 1rem;text-align:left;color:#6b7280;font-size:.875rem}.view-invoice-search-dropdown-item{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s}.view-invoice-search-dropdown-item:last-child{border-bottom:none}.view-invoice-search-dropdown-item:hover{background:#f9fafb}.view-invoice-search-dropdown-row1{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.view-invoice-search-dropdown-customer{font-weight:600;font-size:.9375rem;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-invoice-search-dropdown-amount{font-size:.875rem;font-weight:600;color:#111827;flex-shrink:0}.view-invoice-search-dropdown-row2{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-invoice-search-dropdown-inv{font-size:.8125rem;color:#2563eb;font-weight:500}.view-invoice-search-dropdown-date{font-size:.8125rem;color:#6b7280}.view-invoice-search-dropdown-status{font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 6px;border-radius:4px}.view-invoice-search-dropdown-status.status-completed{color:#166534;background:#dcfce7}.view-invoice-search-dropdown-status.status-pending{color:#991b1b;background:#fee2e2}.view-invoice-search-dropdown-status.status-cancelled,.view-invoice-search-dropdown-status.status-draft{color:#6b7280;background:#f3f4f6}.view-invoice-list-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.view-invoice-list-toolbar .custom-dropdown-wrapper{min-width:140px;max-width:200px}.view-invoice-btn-add{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;cursor:pointer;transition:background .2s}.view-invoice-btn-add:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.view-invoice-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.view-invoice-btn-icon:hover{background:#f3f4f6;color:#374151}.view-invoice-list{flex:1;overflow-y:auto;padding:.5rem 0}.view-invoice-list-empty{padding:2rem 1rem;text-align:left;color:#6b7280;font-size:.875rem}.view-invoice-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #eee;transition:background .15s}.view-invoice-list-item:hover{background:#f3f4f6}.view-invoice-list-item.selected{background:#e0e7ff;border-left:3px solid var(--buttonPrimary, #274c77)}.view-invoice-list-checkbox{margin-top:.25rem;flex-shrink:0}.view-invoice-list-item-body{flex:1;min-width:0}.view-invoice-list-customer{font-weight:600;font-size:.9375rem;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-invoice-list-meta{font-size:.8125rem;color:#6b7280;margin-bottom:.25rem}.view-invoice-list-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.view-invoice-list-status{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px}.view-invoice-list-status.status-completed{color:#166534;background:#dcfce7}.view-invoice-list-status.status-pending{color:#991b1b;background:#fee2e2}.view-invoice-list-status.status-cancelled,.view-invoice-list-status.status-draft{color:#6b7280;background:#f3f4f6}.view-invoice-list-status.status-paid{color:#166534;background:#dcfce7}.view-invoice-list-status.status-partial{color:#c2410c;background:#ffedd5}.view-invoice-list-status.status-refunded{color:#991b1b;background:#fee2e2}.view-invoice-list-amount{font-size:.875rem;font-weight:600;color:#111827}.view-invoice-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280;font-size:1rem}.view-invoice-detail-header{flex-shrink:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.625rem 1.25rem;margin-bottom:.75rem;background:#fff;border-bottom:1px solid #e5e7eb}.view-invoice-detail-title{font-size:1.125rem;font-weight:700;color:#111827}.view-invoice-detail-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.view-invoice-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s;flex-shrink:0;white-space:nowrap}.view-invoice-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.view-invoice-action-record{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.view-invoice-action-record:hover{background:var(--buttonPrimaryHover, #1e3a5f);color:#fff}.view-invoice-action-more{padding:.375rem .5rem}.view-invoice-whats-next{flex-shrink:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:1px solid #e5e7eb;font-size:.8125rem;color:#4b5563}.view-invoice-whats-next-icon{color:#7c3aed;flex-shrink:0}.view-invoice-whats-next-btns{display:flex;gap:.375rem;margin-left:auto}.view-invoice-whats-next-primary{padding:.375rem .75rem;border-radius:.375rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;font-weight:500;font-size:.8125rem;cursor:pointer}.view-invoice-whats-next-primary:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.view-invoice-whats-next-secondary{padding:.375rem .75rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:500;font-size:.8125rem;cursor:pointer}.view-invoice-whats-next-secondary:hover{background:#f3f4f6}.view-invoice-loading{padding:2rem 1.5rem!important;margin:0!important}@media (max-width: 1189px){.view-invoice-list-panel{display:none}}@media (max-width: 900px){.view-invoice-two-panel{flex-direction:column}.view-invoice-detail-panel{border-right:none;border-bottom:1px solid #e5e7eb}.view-invoice-list-panel{width:100%;max-width:none;max-height:40vh;border-left:none;border-top:1px solid #e5e7eb}}.receipt-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 1rem}.action-buttons-group{display:flex;gap:.75rem}.btn-action{display:flex;align-items:center;gap:.35rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-edit{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-edit:hover{background:#e5e7eb}.btn-download:hover,.btn-print{background:#3b82f6;color:#fff}.btn-print:hover{background:#2563eb}.btn-payment-received{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;text-decoration:none}.btn-payment-received:hover{background:#3b82f6;color:#fff}.btn-refund{background:#fef3c7;color:#b45309;border:1px solid #fde68a}.btn-refund:hover{background:#fde68a}.invoice-payment-method{font-size:.875rem;color:#6b7280;margin-top:.25rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.cash-impact-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:500}.cash-impact-yes{background:#d1fae5;color:#065f46}.cash-impact-no{background:#e5e7eb;color:#6b7280}.financial-summary-value{font-size:.875rem;font-weight:600;color:#000}.receipt-header,.receipt-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;width:100%}.invoice-info-row{display:flex;flex-direction:row;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.items-section{margin:2rem 0;width:100%;overflow-x:visible}.invoice-items-table{width:100%;max-width:100%;border-collapse:collapse;margin-bottom:1rem;table-layout:fixed;box-sizing:border-box}.invoice-items-table tbody{display:table-row-group}.invoice-items-table thead{background:var(--buttonPrimary, #274c77)!important}.invoice-items-table thead tr{border:none}.invoice-items-table thead th{background-color:var(--buttonPrimary, #274c77)!important;background:var(--buttonPrimary, #274c77)!important;color:#fff!important;border-color:var(--buttonPrimary, #274c77)}.invoice-items-table th{padding:.625rem .75rem;text-align:left;font-size:.75rem;font-weight:600;color:#fff!important;text-transform:uppercase;letter-spacing:.05em;border:none;white-space:nowrap}.invoice-items-table th:first-child{padding-left:1rem}.invoice-items-table td{padding:.625rem .75rem;border-bottom:1px solid #f3f4f6;font-size:.8125rem;color:#374151;vertical-align:top;word-wrap:break-word}.invoice-items-table td:first-child{padding-left:1rem}.invoice-items-table tbody tr:last-child td{border-bottom:2px solid #e5e7eb}.invoice-items-table tbody tr:hover{background:#f9fafb}.invoice-items-table tbody tr.invoice-item-row td{padding-top:1rem;padding-bottom:1rem}.col-no{width:50px;min-width:50px;max-width:50px;text-align:center;font-weight:600}.col-image{width:80px;min-width:80px;max-width:80px;text-align:center;vertical-align:middle}.item-image{width:60px;height:60px;object-fit:cover;border-radius:.25rem;border:1px solid #e5e7eb;display:block;margin:0 auto}.item-image-placeholder{width:60px;height:60px;background:#f3f4f6;border-radius:.25rem;border:1px solid #e5e7eb;margin:0 auto}.col-description{width:42%;min-width:280px;max-width:none;text-align:left;word-wrap:break-word;overflow-wrap:break-word}.col-batch-id{width:120px;min-width:120px;max-width:140px;text-align:left;font-size:.8125rem;word-break:break-word}.item-description{display:flex;flex-direction:column;gap:.25rem}.item-name{color:#111827;font-weight:600;font-size:.8125rem;line-height:1.3;margin:0}.item-sku{font-size:.75rem;color:#6b7280;margin:0;font-weight:500}.item-desc-text{color:#4b5563;font-size:.75rem;line-height:1.4;margin:0;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word}.col-qty{width:62px;min-width:62px;max-width:68px;text-align:right;font-weight:500;font-size:.8125rem}.col-rate{width:72px;min-width:72px;max-width:78px;text-align:right;font-weight:500;white-space:nowrap;font-size:.8125rem}.col-amount{width:90px;min-width:90px;max-width:95px;text-align:right;font-weight:600;color:#111827;white-space:nowrap;font-size:.8125rem}.invoice-items-table thead th.col-no,.invoice-items-table tbody td.col-no{text-align:center;width:50px;min-width:50px;max-width:50px}.invoice-items-table thead th.col-image,.invoice-items-table tbody td.col-image{text-align:center;width:80px;min-width:80px;max-width:80px}.invoice-items-table thead th.col-description,.invoice-items-table tbody td.col-description{text-align:left;width:42%;min-width:280px}.invoice-items-table thead th.col-batch-id,.invoice-items-table tbody td.col-batch-id{text-align:left;width:120px;min-width:120px;max-width:140px}.invoice-items-table thead th.col-qty,.invoice-items-table tbody td.col-qty{text-align:right;width:62px;min-width:62px;max-width:68px}.invoice-items-table thead th.col-rate,.invoice-items-table tbody td.col-rate{text-align:right;width:72px;min-width:72px;max-width:78px}.invoice-items-table thead th.col-amount,.invoice-items-table tbody td.col-amount{text-align:right;width:90px;min-width:90px;max-width:95px}.no-items{text-align:center;padding:2rem!important;color:#9ca3af;font-style:italic}.invoice-totals-payment{margin-top:.5rem}.invoice-totals-payment .invoice-totals-label{color:#000;font-weight:600}.invoice-totals-payment .invoice-totals-value.invoice-payment-made,.invoice-totals-payment-made .invoice-totals-payment-made-value{color:#dc2626;font-weight:600}.invoice-totals-balance .invoice-totals-label,.invoice-totals-balance .invoice-totals-value.invoice-balance-due{color:#000;font-weight:700;font-size:1rem;margin:0}.footer-note{font-size:.875rem;color:#6b7280;margin:.5rem 0;line-height:1.6;text-align:left}.footer-disclaimer{font-size:.8125rem;color:#6b7280;margin:.5rem 0;line-height:1.5;text-align:left}@media print{.status-ribbon,.app-sidebar,.app-header,.no-print{display:none!important}.app-layout-container{display:block!important}.app-main-content{margin-left:0!important;padding:0!important;width:100%!important}.invoice-receipt-container{padding:0;background:#fff}.receipt-wrapper{box-shadow:none;border-radius:0;border:none;max-width:100%}.receipt-content{padding:1rem}body{margin:0;padding:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}.invoice-items-table thead{background:var(--buttonPrimary, #274c77)!important;-webkit-print-color-adjust:exact}}@media (max-width: 768px){.receipt-actions{flex-direction:column;gap:1rem;align-items:stretch;padding:0 1rem}.action-buttons-group{flex-direction:column}.btn-action{width:100%;justify-content:center}.receipt-content{padding:1.5rem}.receipt-header,.receipt-header-new{flex-direction:column;gap:1.5rem}.invoice-info{align-items:flex-end;text-align:right;width:100%}.invoice-number{text-align:right}.customer-dates-wrapper{flex-direction:column;gap:1.5rem}.invoice-dates-box{width:100%}.invoice-items-table{font-size:.75rem}.invoice-items-table th,.invoice-items-table td{padding:.5rem .25rem}.invoice-totals-row,.invoice-totals-balance{width:100%}}.return-status-badge{display:inline-block;margin-top:4px;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;background:#fee2e2;color:#991b1b;text-transform:uppercase}.return-status-badge-sm{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;background:#fee2e2;color:#991b1b;text-transform:uppercase}.return-original-ref{margin-top:4px;font-size:12px;color:#6b7280}.return-original-ref-link{color:#2563eb;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.return-original-ref-link:hover{color:#1d4ed8}.balance-amount-return{color:#dc2626!important}.totals-return-negative{color:#dc2626!important;font-weight:600}.financial-summary-link{color:#2563eb!important;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-weight:600}.financial-summary-link:hover{color:#1d4ed8!important}.financial-summary-return{color:#dc2626!important;font-weight:600}.view-invoice-return-banner{display:flex;align-items:center;gap:8px;padding:10px 20px;margin:0;background:#fef2f2;border-bottom:1px solid #fecaca;color:#991b1b;font-size:13px}.view-invoice-return-banner-icon{flex-shrink:0;color:#dc2626}.return-banner-link{color:#2563eb;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.return-banner-link:hover{color:#1d4ed8}.status-return{background:#fee2e2;color:#991b1b;padding:2px 8px;border-radius:8px;font-size:11px;font-weight:500}.invoice-barcode-section{display:flex;justify-content:center;margin-top:16px;padding-top:12px;border-top:1px dashed #ddd}.invoice-barcode-img{max-width:200px;height:auto}.send-email-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.send-email-modal-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;width:92%;position:relative;overflow:hidden}.send-email-modal-close{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.send-email-modal-close:hover{color:#111827;background:#f3f4f6}.send-email-modal-icon-wrap{display:flex;justify-content:center;padding-top:1.5rem;padding-bottom:.5rem}.send-email-modal-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:#274c77;display:flex;align-items:center;justify-content:center}.send-email-modal-title{font-size:1.15rem;font-weight:600;color:#111827;margin:0;text-align:center;padding:0 1.5rem .75rem}.send-email-modal-info{margin:0 1.5rem 1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:.5rem;border:1px solid #e5e7eb}.send-email-modal-row{display:flex;justify-content:space-between;align-items:center;padding:.4rem 0}.send-email-modal-row+.send-email-modal-row{border-top:1px solid #f3f4f6}.send-email-modal-label{font-size:.8rem;color:#6b7280;font-weight:500}.send-email-modal-value{font-size:.85rem;color:#111827;font-weight:600;text-align:right;max-width:60%;word-break:break-word}.send-email-modal-value.send-email-modal-email{color:#274c77}.send-email-modal-value.send-email-modal-amount{color:#16a34a;font-size:.95rem}.send-email-modal-value.send-email-modal-no-email{color:#dc2626;font-style:italic;font-weight:500}.send-email-modal-msg{margin:0 1.5rem 1rem;font-size:.82rem;color:#6b7280;text-align:center;line-height:1.4}.send-email-modal-msg.send-email-modal-warn{color:#dc2626;font-weight:500}.send-email-modal-actions{display:flex;gap:.75rem;padding:.75rem 1.5rem 1.25rem}.send-email-modal-btn{flex:1;padding:.6rem 1rem;border-radius:.5rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;border:none}.send-email-modal-btn-cancel{background:#f3f4f6;color:#374151}.send-email-modal-btn-cancel:hover{background:#e5e7eb}.send-email-modal-btn-confirm{background:#274c77;color:#fff}.send-email-modal-btn-confirm:hover{background:#1e3a5f}.send-email-modal-btn-confirm:disabled{background:#93a3b8;cursor:not-allowed}.return-items-page-container{width:100%;background:#f5f5f5;min-height:calc(100vh - 72px);padding:1.5rem;position:relative;z-index:1}.return-items-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.return-items-back-btn{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 0;transition:color .2s}.return-items-back-btn:hover{color:#111827}.return-items-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.return-items-print-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#374151;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;flex-shrink:0}.return-items-print-btn:hover{background:#f9fafb;border-color:#d1d5db}.return-items-loading,.return-items-error{text-align:center;padding:4rem 2rem;color:#6b7280}.return-items-error a{color:var(--buttonPrimary, #274c77);text-decoration:none;margin-top:1rem;display:inline-block}.return-items-error a:hover{text-decoration:underline}.return-items-two-column{display:grid;grid-template-columns:1fr 320px;gap:1.5rem;align-items:start;width:100%;max-width:1400px;margin:0 auto}.return-items-doc-column{min-width:0}.return-items-summary-column{position:sticky;top:1rem;width:100%;max-width:100%;min-width:0}@media (max-width: 1200px){.return-items-two-column{grid-template-columns:1fr}.return-items-summary-column{position:static;width:100%}.return-items-summary-column .return-summary-container{max-width:100%;width:100%}}.return-receipt-wrapper{max-width:950px;margin:0 auto;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:.5rem;overflow:hidden}.return-receipt-content{padding:2rem;max-width:100%;box-sizing:border-box}.return-receipt-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;width:100%}.return-receipt-company{flex:1;min-width:0;padding-right:2rem}.return-receipt-logo{max-width:150px;max-height:80px;margin-bottom:.75rem;object-fit:contain}.return-receipt-company-name{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem;line-height:1.2}.return-receipt-tagline{font-size:.875rem;color:#6b7280;font-style:italic;margin:0 0 .75rem}.return-receipt-company-detail{font-size:.875rem;color:#6b7280;margin:.25rem 0;line-height:1.5}.return-receipt-title-block{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.return-receipt-doc-title{font-size:2rem;font-weight:700;color:#111827;margin:0}.return-receipt-invoice-ref{font-size:1rem;color:#374151;margin:0;font-weight:600;text-align:right}.return-receipt-new-invoice{color:#4338ca;font-weight:700}.return-receipt-balance-block{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-top:.5rem;width:100%}.return-receipt-balance-label{font-size:.75rem;color:#6b7280;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.return-receipt-balance-amount{font-size:15px!important;font-weight:700;color:#b91c1c;margin:0;line-height:1.2}.return-receipt-original-details{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin:2rem 0;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.return-receipt-bill-to{flex:1;min-width:0;padding-right:2rem}.return-receipt-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-weight:600}.return-receipt-customer-code{font-size:.85rem;font-weight:500;color:#6b7280;margin:0 0 .25rem}.return-receipt-customer-name{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 .5rem}.return-receipt-customer-detail{font-size:.9rem;color:#6b7280;margin:.15rem 0 0}.return-receipt-dates-block{flex:0 0 auto;width:280px;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.return-receipt-date-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.return-receipt-date-label{font-size:.875rem;color:#6b7280;font-weight:500}.return-receipt-date-value{font-size:.875rem;color:#111827;font-weight:600;text-align:right;min-width:0}.return-receipt-items-section{margin:2rem 0;width:100%}.return-receipt-totals-section{display:flex;flex-direction:column;align-items:flex-end;margin:2rem 0;padding:0}.return-receipt-totals-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;padding:.5rem 0;font-size:.875rem;gap:2rem;min-height:1.5rem}.return-receipt-totals-label{flex:0 0 auto;min-width:140px;text-align:left;color:#6b7280;font-weight:500}.return-receipt-totals-value{flex:0 0 auto;min-width:120px;text-align:right;color:#374151;font-weight:600;white-space:nowrap}.return-receipt-totals-total{border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;font-size:1rem}.return-receipt-totals-total .return-receipt-totals-label{color:#111827;font-weight:700;font-size:1rem}.return-receipt-totals-total .return-receipt-totals-value{color:#b91c1c;font-weight:700;font-size:1rem}.return-receipt-totals-balance{margin-top:1rem;padding:.75rem 0 .75rem 1rem;background:#f3f4f6;border-radius:.25rem;width:100%;max-width:400px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb}.return-receipt-totals-balance .return-receipt-totals-label{color:#111827;font-weight:700;font-size:1rem;margin:0}.return-receipt-balance-value{color:#b91c1c;font-weight:700;font-size:1rem;margin:0}.return-receipt-form-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.return-receipt-form-title{font-size:.9375rem;font-weight:600;color:#111827;margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.return-receipt-form-row{margin-bottom:1rem}.return-receipt-form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.return-receipt-required{color:#dc2626}.return-receipt-textarea{width:100%;max-width:500px;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-family:inherit;resize:vertical;min-height:70px;outline:none;transition:border-color .2s}.return-receipt-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.return-receipt-refund-btns{display:flex;gap:.75rem}.return-receipt-refund-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;background:#fff;color:var(--buttonPrimary, #274c77);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.return-receipt-refund-btn:hover{border-color:var(--buttonPrimary, #274c77);background:#f0f4ff}.return-receipt-refund-btn.active{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.return-receipt-actions{margin-top:1.25rem;display:flex;gap:.75rem;align-items:center}.return-receipt-confirm-btn{padding:.75rem 1.25rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.return-receipt-confirm-btn:hover:not(:disabled){background:var(--buttonPrimaryHover, #1e3a5f)}.return-receipt-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.return-receipt-cancel-btn{padding:.75rem 1.25rem;background:#fff;color:#374151;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.return-receipt-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.return-receipt-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb;text-align:left}.return-receipt-footer-note{font-size:.875rem;color:#6b7280;margin:.5rem 0;line-height:1.6}@media print{.no-print{display:none!important}.return-items-page-container{padding:0;background:#fff}.return-receipt-wrapper{box-shadow:none;border-radius:0;max-width:100%}.return-receipt-content{padding:1rem}}@media (max-width: 768px){.return-items-page-container{padding:1rem}.return-items-header{flex-direction:column;align-items:flex-start}.return-receipt-content{padding:1.5rem}.return-receipt-header{flex-direction:column;gap:1.5rem}.return-receipt-title-block{align-items:flex-start;text-align:left}.return-receipt-original-details{flex-direction:column;gap:1.5rem}.return-receipt-dates-block,.return-receipt-totals-row,.return-receipt-totals-balance{width:100%}.return-receipt-refund-btns{flex-direction:column}}.return-summary-container{background:#fff;border-radius:.5rem;box-shadow:0 2px 8px #00000014;padding:1.5rem;width:100%;max-width:380px}.return-summary-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0 0 1rem}.return-summary-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.return-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.return-summary-label{color:#6b7280;font-weight:500}.return-summary-value{font-weight:600;color:#374151;flex-shrink:0;min-width:90px;display:inline-block;text-align:right}.return-summary-value.zero-fee{color:#10b981}.return-summary-total{margin-top:.75rem;padding-top:.75rem;border-top:2px solid #e5e7eb}.return-summary-total .return-summary-label{font-weight:600;color:#374151}.return-summary-total-header{background:var(--buttonPrimary, #274c77);color:#fff!important;padding:.4rem .75rem;font-size:.8125rem;font-weight:700;letter-spacing:.05em;text-align:center}.return-summary-total-value{font-size:1.35rem;font-weight:700;color:var(--buttonPrimary, #274c77);white-space:nowrap;text-align:right;flex-shrink:0;min-width:120px;display:inline-block}.return-summary-total-value.negative{font-size:15px!important;color:#b91c1c}.return-summary-field{margin-bottom:1rem}.return-summary-field label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.return-summary-field label:first-child{color:#111827}.required-asterisk{color:#dc2626}.return-summary-textarea{width:100%;padding:.5rem .625rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.8125rem;font-family:inherit;resize:vertical;min-height:70px;outline:none;transition:border-color .2s;box-sizing:border-box}.return-summary-textarea:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.refund-method-buttons{display:flex;gap:.75rem}.refund-method-btn{flex:1;padding:.5rem .75rem;border:1px solid #d1d5db;background:#fff;border-radius:.375rem;font-size:.8125rem;font-weight:500;color:#374151;cursor:pointer;transition:border-color .2s,background .2s,color .2s}.refund-method-btn:hover{border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.refund-method-btn.active{background:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);color:#fff}.return-summary-actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.25rem}.return-summary-confirm-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1rem;background:var(--buttonPrimary, #274c77);border:1px solid var(--buttonPrimary, #274c77);border-radius:.375rem;color:#fff;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.return-summary-confirm-btn:hover:not(:disabled){background:var(--buttonPrimaryHover, #1e3a5f);border-color:var(--buttonPrimaryHover, #1e3a5f)}.return-summary-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.return-summary-cancel-link{background:none;border:none;padding:0;font-size:.875rem;color:#dc2626;cursor:pointer;text-decoration:underline;text-align:center}.return-summary-cancel-link:hover{color:#b91c1c}.return-summary-stock-impact{display:flex;align-items:flex-start;gap:.5rem;margin-top:1rem;padding:.75rem;background:#f0f9ff;border-radius:.375rem;font-size:.8125rem;color:#374151}.return-summary-stock-impact svg{flex-shrink:0;color:var(--buttonPrimary, #274c77)}.pos-return-table-wrap{font-family:Arial,sans-serif;width:100%}.pos-return-table-empty{text-align:center;color:#6b7280;padding:2rem;font-size:.875rem;margin:0}.pos-return-table{width:100%;border-collapse:collapse;font-size:13px}.pos-return-table thead th,.pos-return-table th{border-bottom:2px solid rgba(0,0,0,.15);padding:8px;background:var(--buttonPrimary, #274c77)!important;color:var(--buttonPrimaryText, #fff)!important;font-size:13px;font-weight:700}.pos-return-table td{padding:8px;font-size:13px;vertical-align:top}.pos-return-th-item{text-align:left}.pos-return-th.text-right{text-align:right}.item-divider{border-bottom:1px dashed #999}.item-divider td{vertical-align:bottom}.pos-return-td-full{padding:10px 8px;vertical-align:top}.pos-return-numeric-cell{font-size:15px;font-weight:600}.pos-return-td-empty{padding:8px;border:none;background:transparent}.product-desc{font-size:14px;color:#555;margin-top:6px;line-height:1.45}.product-details{font-size:13px;color:gray;margin-top:6px;line-height:1.4}.product-detail-sku{margin-bottom:0}.product-detail-batch{margin-top:.5rem}.pos-return-img{border-radius:6px;border:2px solid #ddd;width:80px;height:80px;object-fit:cover;flex-shrink:0}.pos-return-img-placeholder{width:80px;height:80px;border-radius:6px;border:2px solid #ddd;background:#f5f5f5;display:flex;align-items:center;justify-content:center;font-size:11px;color:#999;flex-shrink:0}.text-right{text-align:right}.item-info{display:flex;gap:15px;align-items:flex-start}.item-text>div{margin-top:4px}.pos-return-item-name{display:block;margin:0;font-weight:700;font-size:1rem;line-height:1.4}.pos-return-qty-cell{text-align:center}.pos-return-qty-controls{display:inline-flex;align-items:center;justify-content:center;gap:4px}.pos-return-qty-btn{width:24px;height:24px;border:1px solid #ddd;background:#fff;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#374151;padding:0;font-size:14px}.pos-return-qty-btn:hover:not(:disabled){background:#f5f5f5;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.pos-return-qty-btn:disabled{opacity:.4;cursor:not-allowed}.pos-return-qty-input{width:40px;padding:4px 6px;border:1px solid #ddd;border-radius:4px;text-align:center;font-size:15px;font-weight:600;outline:none;box-sizing:border-box}.pos-return-qty-input::-webkit-outer-spin-button,.pos-return-qty-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.pos-return-qty-input:focus{border-color:var(--buttonPrimary, #274c77)}.pos-return-total-cell{font-weight:700;font-size:15px}.pos-return-total-cell.pos-return-total-negative,.pos-return-total-cell.pos-return-total-negative b{color:#b91c1c}.pos-return-returned-cell.pos-return-returned-negative{color:#b91c1c;font-weight:600}.image-upload-container{width:100%}.image-upload-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.image-upload-wrapper{position:relative;width:100%;max-width:300px}.image-upload-placeholder{border:2px dashed #d1d5db;border-radius:.5rem;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;background-color:#f9fafb;min-height:200px}.image-upload-placeholder:hover{border-color:#3b82f6;background-color:#eff6ff}.upload-icon{color:#9ca3af;margin-bottom:.75rem}.upload-text{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}.upload-hint{font-size:.75rem;color:#6b7280}.image-preview-container{position:relative;width:100%;border-radius:.5rem;overflow:hidden;border:2px solid #e5e7eb}.image-preview{width:100%;height:auto;display:block;object-fit:cover;max-height:300px}.image-remove-btn{position:absolute;top:.5rem;right:.5rem;background-color:#ef4444;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;box-shadow:0 2px 4px #0003}.image-remove-btn:hover{background-color:#dc2626}.image-upload-input{display:none}.image-upload-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.receipt-template-container{width:100%;max-width:1200px;margin:0 auto;padding:0}.template-header{margin-bottom:2rem}.template-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem;margin-top:.5rem}.template-subtitle{color:#6b7280;font-size:.875rem}.template-form{display:flex;flex-direction:column;gap:1.5rem}.form-card{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 1px 3px #0000001a}.form-section-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.form-section-description{color:#6b7280;font-size:.875rem;margin-bottom:1.5rem}.form-section{margin-bottom:1.5rem}.section-title{font-size:1rem;font-weight:600;color:#374151;margin-bottom:.75rem}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.btn-add-term{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-term:hover{background:#2563eb}.terms-list{display:flex;flex-direction:column;gap:.75rem}.term-item{display:flex;gap:.75rem;align-items:center}.term-input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.term-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn-remove-term{padding:.625rem;background:#fee2e2;color:#991b1b;border:1px solid #fca5a5;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-remove-term:hover{background:#ef4444;color:#fff;border-color:#dc2626}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:1rem}.btn-cancel{padding:.75rem 1.5rem;background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-save{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-save:hover{background:#2563eb}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem}.btn-add-term{width:100%;justify-content:center}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}}.branch-management-container{padding:1.5rem;max-width:1400px;margin:0 auto}.page-header{margin-bottom:2rem}.page-title{font-size:1.5rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.page-subtitle{font-size:.875rem;color:var(--textSecondary)}.branch-form-card{background:var(--cardBg);border:1px solid var(--cardBorder);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.form-section-title{font-size:1.125rem;font-weight:600;color:var(--text);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--divider)}.form-grid-full{grid-column:span 2}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text)}.form-label .required{color:var(--error);margin-left:.25rem}.form-input{padding:.625rem .75rem;border:1px solid var(--inputBorder);border-radius:.375rem;background:var(--inputBg);color:var(--inputText);font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:var(--inputFocus);box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder{color:var(--inputPlaceholder)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid var(--divider);margin-top:1rem}.btn{padding:.625rem 1.25rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none}.btn-primary{background:var(--buttonPrimary);color:var(--buttonPrimaryText)}.btn-primary:hover:not(:disabled){background:var(--buttonPrimaryHover)}.branch-add-btn{background:#274c77!important;color:#fff!important;border:none;box-shadow:0 2px 4px #274c7733}.branch-add-btn:hover{background:#1e3a5f!important;box-shadow:0 4px 8px #274c7740}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--buttonSecondary);color:var(--buttonSecondaryText);border:1px solid var(--buttonSecondaryBorder)}.btn-secondary:hover:not(:disabled){background:var(--buttonSecondaryHover)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.branch-list-card{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.list-header{padding:.875rem 1rem;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;font-size:.875rem;background:#f9fafb}.branch-list{list-style:none;padding:0;margin:0}.branch-item{padding:1rem 1.5rem;border-bottom:1px solid var(--divider);display:flex;align-items:center;gap:1rem;transition:background .2s}.branch-item:last-child{border-bottom:none}.branch-item:hover{background:var(--tableRowHover)}.branch-info{flex:1;min-width:0}.branch-name{font-weight:600;color:var(--text);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem}.branch-id{color:var(--textSecondary);font-size:.875rem}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.branch-details{font-size:.875rem;color:var(--textSecondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.branch-actions{display:flex;gap:.5rem;flex-shrink:0}.btn-small{padding:.5rem .875rem;font-size:.8125rem}.btn-active{background:var(--success);color:#fff;border:none}.btn-danger{color:var(--error)}.empty-state{padding:3rem 1.5rem;text-align:center;color:var(--textSecondary);font-size:.875rem}.table-container{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.table-container::-webkit-scrollbar{height:10px}.table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:5px}.table-container::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:5px}.table-container::-webkit-scrollbar-thumb:hover{background:#64748b}.branch-table{width:100%;min-width:max-content;border-collapse:collapse;table-layout:auto;font-size:.875rem}.branch-table thead{background:#f3f4f6}.branch-table th{padding:.875rem 1rem;text-align:center;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.branch-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle;text-align:center}.branch-table th:first-child,.branch-table td:first-child{text-align:left}.branch-table tbody tr{transition:background .2s}.branch-table tbody tr:hover{background:#f9fafb}.branch-table tbody tr.active-row{background:#3b82f60d}.branch-table tbody tr:last-child td{border-bottom:none}.branch-code{font-family:monospace;font-size:.75rem;font-weight:600;background:#dbeafe;color:#3b82f6;padding:.25rem .5rem;border-radius:.25rem;display:inline-block}.branch-table .branch-actions{display:flex;gap:.5rem;flex-wrap:nowrap;position:relative;z-index:1}@media (max-width: 1024px){.form-grid{grid-template-columns:repeat(2,1fr)}.form-grid-full{grid-column:span 2}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-grid-full{grid-column:span 1}.branch-item{flex-direction:column;align-items:flex-start}.branch-actions{width:100%;justify-content:flex-start}.branch-name{flex-wrap:wrap}}.edit-branch-modal-overlay{position:fixed;inset:0;background:var(--modalOverlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.edit-branch-modal-container{background:var(--modalBg, #ffffff);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:720px;width:100%;max-height:min(90vh,900px);position:relative;display:flex;flex-direction:column;min-height:0}.edit-branch-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--textSecondary, #6b7280);cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.edit-branch-modal-close:hover:not(:disabled){color:var(--text, #111827);background:var(--buttonSecondaryHover, #f3f4f6)}.edit-branch-modal-close:disabled{opacity:.6;cursor:not-allowed}.edit-branch-modal-title{font-size:1.25rem;font-weight:600;color:var(--text, #111827);margin:0;padding:1.5rem 3rem 0 1.5rem}.edit-branch-modal-subtitle{font-size:.875rem;color:var(--textSecondary, #6b7280);margin:.35rem 0 0;padding:0 1.5rem 1rem}.edit-branch-modal-form{padding:0 1.5rem 1rem;flex:1;min-height:0;overflow-y:auto}.edit-branch-modal-footer{flex-shrink:0;padding:1rem 1.5rem 1.25rem;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;align-items:center;border-top:1px solid var(--divider, #e5e7eb);background:var(--modalBg, #ffffff)}.edit-branch-modal-btn-cancel{padding:.625rem 1.25rem;border:1px solid var(--modalBorder, #d1d5db);background:var(--modalBg, #ffffff);color:var(--text, #374151);border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.edit-branch-modal-btn-cancel:hover:not(:disabled){background:var(--buttonSecondaryHover, #f9fafb)}.edit-branch-modal-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.edit-branch-modal-btn-save{padding:.625rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #ffffff);border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:background .2s,opacity .2s;min-width:7.5rem;display:inline-flex;align-items:center;justify-content:center}.edit-branch-modal-btn-save:hover:not(:disabled){background:var(--buttonPrimaryHover, #1e3a5f)}.edit-branch-modal-btn-save:disabled{opacity:.7;cursor:not-allowed}.audit-log-page{width:100%;background:var(--background, #f8f9fa);min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.audit-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--textSecondary, #6b7280);margin-bottom:.75rem}.audit-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.audit-breadcrumb a:hover{text-decoration:underline}.audit-breadcrumb-sep{color:#9ca3af}.audit-header{margin-bottom:1.5rem}.audit-title{font-size:1.875rem;font-weight:700;color:var(--text, #111827);margin:0 0 .25rem}.audit-subtitle{font-size:.875rem;color:var(--textSecondary, #6b7280);margin:0}.audit-filters-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;background:#fff;padding:1rem 1.25rem;border-radius:.75rem;box-shadow:0 1px 3px #0000000f;margin-bottom:1.5rem;border:1px solid #e5e7eb}.audit-search-wrap{position:relative;flex:1;min-width:180px;max-width:320px}.audit-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.audit-search-input{width:100%;height:38px;padding:0 .75rem 0 2.25rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.audit-search-input::placeholder{color:#9ca3af}.audit-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 2px #274c771a}.audit-date-input{height:38px;padding:0 .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none}.audit-date-input:focus{border-color:var(--buttonPrimary, #274c77)}.audit-date-sep{font-size:.8125rem;color:#6b7280;flex-shrink:0}.audit-dropdown-wrap{min-width:120px}.audit-clear-btn{display:inline-flex;align-items:center;gap:.375rem;flex-shrink:0;margin-left:auto;padding:.5rem .75rem;background:none;border:1px solid #e5e7eb;color:var(--buttonPrimary, #274c77);font-size:.8125rem;font-weight:500;cursor:pointer;border-radius:.375rem;transition:background .2s,border-color .2s}.audit-clear-btn:hover{background:#274c770f;border-color:var(--buttonPrimary, #274c77)}.audit-card{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #00000014;overflow:hidden;margin-bottom:1.5rem}.audit-skeleton-filters{height:56px;margin:1.25rem 1.5rem;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:audit-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:.5rem}.audit-skeleton-table-wrap{overflow-x:auto;padding:0 1.5rem 1rem}.audit-skeleton-table{width:100%;border-collapse:collapse;font-size:.875rem}.audit-skeleton-table thead th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--tableHeaderText, #374151);background:var(--tableHeaderBg, #f3f4f6);border-bottom:2px solid var(--tableHeaderBorder, #e5e7eb)}.audit-skeleton-table tbody tr.audit-skeleton-row{border-bottom:1px solid #f3f4f6}.audit-skeleton-table tbody td{padding:.75rem 1rem;vertical-align:middle}.audit-skeleton-cell{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:audit-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:.375rem;min-height:20px}.audit-skeleton-bar{height:14px;min-width:40px}.audit-skeleton-user{display:flex;align-items:center;gap:.5rem}.audit-skeleton-avatar{width:28px;height:28px;min-width:28px;border-radius:50%;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb,#f3f4f6 75%);background-size:200% 100%;animation:audit-skeleton-shimmer 1.2s ease-in-out infinite}.audit-skeleton-user .audit-skeleton-bar{flex:0 1 auto}.audit-skeleton-pill{height:22px;width:64px;border-radius:9999px}.audit-skeleton-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem;border-top:1px solid #f3f4f6}.audit-skeleton-card{height:72px;background:linear-gradient(90deg,#f9fafb 25%,#f3f4f6,#f9fafb 75%);background-size:200% 100%;animation:audit-skeleton-shimmer 1.2s ease-in-out infinite;border-radius:.5rem}@keyframes audit-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.audit-table-wrap{overflow-x:auto}.audit-table{width:100%;border-collapse:collapse;font-size:.875rem}.audit-table thead{position:sticky;top:0;z-index:1;background:var(--tableHeaderBg, #f3f4f6);border-bottom:2px solid var(--tableHeaderBorder, #e5e7eb)}.audit-table th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--tableHeaderText, #374151);white-space:nowrap}.audit-th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.audit-th.sortable:hover{color:var(--buttonPrimary, #274c77)}.audit-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.audit-table tbody tr:hover{background:#f9fafb}.audit-table tbody tr.audit-tr{cursor:pointer}.audit-table td{padding:.75rem 1rem;color:var(--text, #111827)}.audit-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600}.audit-badge--create{background:#d1fae5;color:#065f46}.audit-badge--view{background:#dbeafe;color:#1e40af}.audit-badge--edit{background:#ffedd5;color:#9a3412}.audit-badge--delete{background:#fee2e2;color:#991b1b}.audit-badge--return{background:#fef3c7;color:#92400e}.audit-badge--payment{background:#ede9fe;color:#5b21b6}.audit-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #f3f4f6;flex-wrap:wrap}.audit-page-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:var(--text, #111827);cursor:pointer;transition:background .2s,border-color .2s}.audit-page-btn:hover:not(:disabled){background:#f9fafb;border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.audit-page-btn:disabled{opacity:.5;cursor:not-allowed}.audit-page-info{font-size:.875rem;color:var(--textSecondary, #6b7280)}.audit-empty{text-align:center;padding:4rem 2rem}.audit-empty-title{font-size:1.25rem;font-weight:600;color:var(--text, #111827);margin:0 0 .5rem}.audit-empty-text{font-size:.875rem;color:var(--textSecondary, #6b7280);margin:0}.audit-drawer-backdrop{position:fixed;inset:0;background:#0006;z-index:100}.audit-drawer{position:fixed;top:0;right:0;width:100%;max-width:420px;height:100%;background:#fff;box-shadow:-4px 0 24px #0000001f;z-index:101;display:flex;flex-direction:column;overflow:hidden}.audit-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.audit-drawer-title{font-size:1.25rem;font-weight:600;color:var(--text, #111827);margin:0}.audit-drawer-close{display:flex;align-items:center;justify-content:center;padding:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:.5rem}.audit-drawer-close:hover{background:#f3f4f6;color:#111827}.audit-drawer-body{flex:1;overflow-y:auto;padding:1.5rem}.audit-drawer-section{margin-bottom:1.25rem}.audit-drawer-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 .375rem}.audit-drawer-text{font-size:.9375rem;color:var(--text, #111827);margin:0}.audit-drawer-pre{font-size:.8125rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:.75rem 1rem;margin:0;overflow-x:auto;white-space:pre-wrap;word-break:break-word}@media (max-width: 768px){.audit-log-page{padding:1rem}.audit-title{font-size:1.5rem}.audit-filters{flex-direction:column;align-items:stretch}.audit-search-wrap{max-width:none}.audit-filter-controls{flex-direction:column;align-items:stretch}.audit-filter-item{width:100%}.audit-dropdown-wrap{min-width:0}.audit-table-wrap{margin:0 -1rem}.audit-table th,.audit-table td{padding:.5rem .75rem;font-size:.8125rem}.audit-skeleton-cards{grid-template-columns:1fr}.audit-drawer{max-width:100%}}.add-staff-container{min-height:100vh;background:#f5f7fa;padding:2rem;color:#0f172a}.add-staff-container .form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.add-staff-container .btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#0f172a}.add-staff-container .btn-back:hover{background:#f5f5f5;border-color:#d0d0d0}.add-staff-container .form-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.add-staff-form-layout{display:flex;gap:2rem;align-items:flex-start;flex-wrap:wrap;max-width:1200px;margin:0 auto}.add-staff-form-layout .staff-form{flex:1;min-width:0}.add-staff-snapshot-sidebar{flex-shrink:0;width:320px;position:sticky;top:1.5rem}.staff-form{max-width:none;margin:0;display:flex;flex-direction:column;gap:1.5rem}.form-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.form-section-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.form-section-hint{font-size:.8125rem;color:#6b7280;margin:0 0 1.25rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group-full{grid-column:1 / -1}.form-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.required{color:#ef4444}.form-input,.form-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s;outline:none}.form-input:focus,.form-textarea:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.form-textarea{resize:vertical;font-family:inherit}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;color:#374151}.form-checkbox{width:1.25rem;height:1.25rem;cursor:pointer}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid #e5e7eb}.btn-cancel,.btn-submit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:1rem}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white)}@media (max-width: 1024px){.add-staff-form-layout{flex-direction:column}.add-staff-snapshot-sidebar{width:100%;max-width:520px}}@media (max-width: 768px){.add-staff-container{padding:1rem}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}}.snapshot-card{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;padding:0}.snapshot-card__header{display:flex;align-items:center;gap:10px;padding:16px 20px 12px;justify-content:flex-start}.snapshot-card__icon{display:inline-flex;align-items:center;justify-content:center;color:#2563eb;flex-shrink:0}.snapshot-card__icon svg{width:22px;height:22px}.snapshot-card__title{margin:0;font-size:1.125rem;font-weight:700;color:#374151;line-height:1.3}.snapshot-card__separator{height:1px;background:#e5e7eb;margin:0 20px}.snapshot-card__image-wrap{padding:16px 20px;display:flex;justify-content:center;align-items:center}.snapshot-card__image{max-width:100%;width:auto;max-height:280px;object-fit:contain;border-radius:8px;box-shadow:0 2px 8px #00000014}.snapshot-card__details{padding:0 20px 16px}.snapshot-card__row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px dashed #e5e7eb;min-height:40px}.snapshot-card__row:last-child{border-bottom:none}.snapshot-card__label{font-size:.875rem;color:#374151;font-weight:400;flex-shrink:0;min-width:0}.snapshot-card__value{font-size:.875rem;color:#374151;font-weight:600;text-align:right;max-width:140px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snapshot-card__row.snapshot-card__row--wrap .snapshot-card__value{white-space:normal;text-overflow:unset;max-width:180px}.staff-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1320px;table-layout:auto}.staff-th-address{min-width:280px;width:22%}.staff-address{min-width:260px;max-width:380px;width:22%;vertical-align:top;padding-top:1rem;padding-bottom:1rem}.staff-address-lines{display:flex;flex-direction:column;gap:.25rem;line-height:1.45}.staff-address-line{display:block;white-space:normal;word-break:break-word;overflow-wrap:anywhere;color:#374151}.staff-address-line-secondary{color:#64748b;font-size:.8125rem}.staff-address-empty{color:#9ca3af;font-size:.875rem}.staff-id{font-weight:600;color:#3b82f6;font-family:monospace}.staff-name-cell{display:flex;align-items:center;gap:12px;justify-content:flex-start}.staff-avatar-profile{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:600;font-size:14px;letter-spacing:.5px}.staff-full-name{font-weight:600;color:#1e293b;font-size:14px;white-space:nowrap}.staff-avatar-cell{display:flex;justify-content:center;align-items:center}.staff-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}.staff-details{min-width:200px}.staff-name{font-weight:600;color:#1e293b;margin:0 0 4px;font-size:14px}.staff-email-small{color:#64748b;font-size:12px;margin:0}.staff-email{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.staff-phone{color:#374151;font-family:monospace;white-space:nowrap}.role-badge{display:inline-block;padding:4px 12px;background:#eff6ff;color:#1d4ed8;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;white-space:nowrap}.status-badge.status-active{background:#dcfce7;color:#166534}.status-badge.status-inactive{background:#fee2e2;color:#dc2626}.joining-date{color:#374151;white-space:nowrap}.staff-salary{color:#059669;font-weight:600;white-space:nowrap}.action-buttons{display:flex;gap:8px;justify-content:center}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-view:hover{background:#dbeafe;color:#1d4ed8}.btn-edit{background:#f0fdf4;color:#059669}.btn-edit:hover{background:#dcfce7;color:#047857}.btn-delete{background:#fef2f2;color:#ef4444}.btn-delete:hover{background:#fee2e2;color:#dc2626}@media (max-width: 768px){.staff-table-scroll-container{overflow-x:scroll}.staff-table th,.staff-table td{padding:.625rem .75rem;font-size:.8125rem}.staff-avatar{width:32px;height:32px;font-size:12px}}.staff-table-loading{display:flex;justify-content:center;align-items:center;padding:60px 20px;color:#64748b}.staff-table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:#64748b}.staff-table-empty h3{margin:16px 0 8px;color:#374151;font-size:18px}.staff-table-empty p{margin:0;font-size:14px}.view-all-staff-container{width:100%;padding:0}.staff-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.staff-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.staff-subtitle{color:#6b7280;font-size:.875rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#2563eb}.btn-primary:disabled{opacity:.4;cursor:not-allowed;background-color:#93c5fd}.staff-search-container{margin-bottom:2rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem}.empty-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem}.empty-text{color:#6b7280}.staff-table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.staff-table-scroll-container{overflow-x:auto;overflow-y:visible}.staff-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1200px}.staff-table thead{background:#f3f4f6}.staff-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.staff-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle}.staff-table tbody tr:hover{background:#f9fafb}.staff-table tbody tr:last-child td{border-bottom:none}.staff-name-cell{display:flex;align-items:center;justify-content:flex-start;gap:.75rem}.staff-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem}.staff-full-name{font-weight:600;color:#111827}.contact-item{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#374151;font-size:.875rem}.contact-item svg{color:#6b7280;flex-shrink:0}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.role-badge-manager{background-color:#dbeafe;color:#1e40af}.role-badge-cashier{background-color:#d1fae5;color:#065f46}.role-badge-sales{background-color:#fef3c7;color:#92400e}.role-badge-admin{background-color:#fce7f3;color:#9f1239}.role-badge-staff{background-color:#f3f4f6;color:#374151}.staff-city,.staff-salary,.staff-date{color:#374151;font-size:.875rem}.staff-salary{font-weight:600}.action-buttons{display:flex;justify-content:center;gap:.5rem}.btn-icon{padding:.5rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-edit{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.btn-edit:hover{background:#3b82f6;color:#fff;border-color:#2563eb}.btn-delete{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.btn-delete:hover{background:#ef4444;color:#fff;border-color:#dc2626}@media (max-width: 768px){.staff-header{flex-direction:column;gap:1rem}.btn-primary{width:100%;justify-content:center}.staff-table-scroll-container{overflow-x:scroll}.staff-table th,.staff-table td{padding:.625rem .75rem;font-size:.8125rem}}.modal-overlay{position:fixed;inset:0;background:linear-gradient(135deg,#000000b3,#00000080);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:1.25rem;max-width:850px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040,0 0 0 1px #0000000d;position:relative}.view-staff-modal{--vsm-primary: var(--buttonPrimary, #274c77);--vsm-primary-hover: var(--buttonPrimaryHover, #1e3a5f);--vsm-primary-text: var(--buttonPrimaryText, #ffffff);animation:slideIn .4s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem;border-bottom:none;background:linear-gradient(135deg,var(--vsm-primary) 0%,var(--vsm-primary-hover) 100%);color:var(--vsm-primary-text);position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}.modal-header-content{display:flex;align-items:center;gap:1.25rem;position:relative;z-index:1}.staff-avatar-large{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#ffffff40,#ffffff26);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.4);box-shadow:0 8px 16px #00000026;transition:transform .3s ease}.staff-avatar-large:hover{transform:scale(1.05)}.modal-title{font-size:1.625rem;font-weight:700;margin:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:-.025em}.staff-status-badge{margin-top:.375rem}.status-indicator{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 6px #0000001a}.status-indicator.active{background:#10b98140;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.status-indicator.inactive{background:#ef444440;color:#fff;border:1.5px solid rgba(255,255,255,.4)}.modal-close-btn{background:var(--vsm-primary-text);border:2px solid rgba(255,255,255,.35);color:var(--vsm-primary);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;box-shadow:0 2px 8px #0000001f}.modal-close-btn:hover{background:var(--vsm-primary-text);border-color:var(--vsm-primary-text);color:var(--vsm-primary-hover);transform:rotate(90deg) scale(1.08);box-shadow:0 4px 14px #0000002e}.modal-tabs{display:flex;background:#fff;border-bottom:2px solid #e5e7eb;padding:0 2.5rem;gap:.5rem;overflow-x:auto}.modal-tabs::-webkit-scrollbar{height:4px}.modal-tabs::-webkit-scrollbar-track{background:transparent}.modal-tabs::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:transparent;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;margin-bottom:-2px}.tab-button svg{transition:all .3s ease}.tab-button:hover{color:var(--vsm-primary);background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--vsm-primary) 6%,transparent) 100%)}.tab-button:hover svg{transform:scale(1.1)}.tab-button.active{color:var(--vsm-primary);border-bottom-color:var(--vsm-primary);background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--vsm-primary) 10%,transparent) 100%)}.tab-button.active svg{color:var(--vsm-primary)}.tab-button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--vsm-primary);transform:scaleX(0);transition:transform .3s ease}.tab-button.active:after{transform:scaleX(1)}.tab-content{animation:fadeInTab .4s ease-out}@keyframes fadeInTab{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-body{flex:1;overflow-y:auto;padding:2.5rem;background:linear-gradient(to bottom,#fff,#f9fafb)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:var(--vsm-primary);border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--vsm-primary-hover)}.info-section{margin-bottom:2rem;background:#fff;padding:1.75rem;border-radius:1rem;box-shadow:0 1px 3px #0000000d,0 0 0 1px #00000005;transition:all .3s ease}.info-section:hover{box-shadow:0 4px 12px #00000014,0 0 0 1px #00000008;transform:translateY(-2px)}.info-section:last-child{margin-bottom:0}.section-title{display:flex;align-items:center;gap:.625rem;font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:2px solid transparent;background:linear-gradient(to right,#e5e7eb 0%,transparent 100%) bottom left no-repeat;background-size:100% 2px}.section-title svg{color:var(--vsm-primary)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.info-item{display:flex;flex-direction:column;padding:.75rem;border-radius:.5rem;transition:all .2s ease}.info-item:hover{background:#f9fafb}.info-item.full-width{grid-column:1 / -1}.info-label{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;font-weight:600;color:#6b7280;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.025em}.info-label svg{color:var(--vsm-primary);opacity:.85}.info-value{font-size:1rem;color:#111827;margin:0;word-break:break-word;font-weight:500;line-height:1.5}.address-summary-card{padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:.75rem;border:1px solid color-mix(in srgb,var(--vsm-primary) 18%,#e5e7eb);background:color-mix(in srgb,var(--vsm-primary) 5%,#ffffff)}.address-summary-line{margin:0;font-size:1rem;font-weight:600;color:#111827;line-height:1.5;word-break:break-word}.address-summary-line-secondary{font-weight:500;font-size:.9375rem;color:#64748b;margin-top:.35rem}.address-summary-empty{margin-bottom:1rem}.address-detail-grid{margin-top:.5rem}.role-badge{display:inline-block;padding:.5rem 1rem;background:color-mix(in srgb,var(--vsm-primary) 12%,#eff6ff);color:var(--vsm-primary);border-radius:.5rem;font-size:.875rem;font-weight:600;border:1px solid color-mix(in srgb,var(--vsm-primary) 25%,#bfdbfe);box-shadow:0 1px 2px #0000000d}.notes-content{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:1.25rem;border-radius:.75rem;border:1px solid #e5e7eb;box-shadow:inset 0 1px 2px #0000000d}.notes-content p{margin:0;color:#374151;line-height:1.7;white-space:pre-wrap;font-size:.9375rem}.activity-intro{font-size:.875rem;color:#64748b;margin:0 0 1.25rem;line-height:1.55}.activity-empty{margin:0;padding:1rem;color:#6b7280;font-size:.9375rem;background:#f9fafb;border-radius:.5rem;border:1px dashed #e5e7eb}.activity-timeline{position:relative;padding:.5rem 0}.activity-item{position:relative;display:flex;gap:1.25rem;padding-bottom:2rem}.activity-item:last-child{padding-bottom:0}.activity-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0;box-shadow:0 4px 6px #0000001a;position:relative;z-index:2;transition:transform .3s ease}.activity-item:hover .activity-icon{transform:scale(1.1)}.activity-icon-themed{background:var(--vsm-primary)!important;color:var(--vsm-primary-text)}.activity-line{position:absolute;left:23px;top:48px;bottom:-2rem;width:2px;background:linear-gradient(to bottom,#e5e7eb 0%,transparent 100%);z-index:1}.activity-content{flex:1;padding-top:.25rem}.activity-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.5rem}.activity-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.activity-time{font-size:.8125rem;font-weight:600;color:var(--vsm-primary);white-space:nowrap;background:color-mix(in srgb,var(--vsm-primary) 10%,transparent);padding:.25rem .75rem;border-radius:9999px;border:1px solid color-mix(in srgb,var(--vsm-primary) 22%,transparent)}.activity-description{font-size:.9375rem;color:#6b7280;margin:0 0 .5rem;line-height:1.6}.activity-date{font-size:.8125rem;color:#9ca3af;font-weight:500}.modal-footer{padding:1.5rem 2.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;background:linear-gradient(to top,#f9fafb,#fff)}.btn-close{padding:.75rem 2rem;background:var(--vsm-primary);color:var(--vsm-primary-text);border:none;border-radius:.625rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.9375rem;box-shadow:0 4px 6px color-mix(in srgb,var(--vsm-primary) 35%,transparent);letter-spacing:.025em}.btn-close:hover{background:var(--vsm-primary-hover);box-shadow:0 6px 12px color-mix(in srgb,var(--vsm-primary) 45%,transparent);transform:translateY(-2px)}.btn-close:active{transform:translateY(0);box-shadow:0 2px 4px color-mix(in srgb,var(--vsm-primary) 30%,transparent)}@media (max-width: 768px){.modal-content{max-width:100%;max-height:100vh;border-radius:0}.modal-header{padding:1rem 1.5rem}.staff-avatar-large{width:48px;height:48px;font-size:1.125rem}.modal-title{font-size:1.25rem}.modal-tabs{padding:0 1.5rem;gap:.25rem}.tab-button{padding:.875rem 1rem;font-size:.875rem;gap:.375rem}.tab-button svg{width:16px;height:16px}.modal-body{padding:1.5rem}.info-section{padding:1.25rem}.info-grid{grid-template-columns:1fr;gap:1rem}.info-item.full-width{grid-column:1}.modal-footer{padding:1rem 1.5rem}}.asfm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.asfm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:780px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.asfm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.asfm-close:hover{color:#111827;background:#f3f4f6}.asfm-header{padding:1.5rem 1.5rem 0;text-align:center}.asfm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.asfm-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.asfm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.asfm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.asfm-form{padding:1.25rem 1.5rem 1.5rem}.asfm-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.asfm-section-title:first-child{margin-top:0}.asfm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.asfm-field{min-width:0}.asfm-field-full{grid-column:1 / -1}.asfm-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.asfm-field .custom-input,.asfm-field .custom-dropdown-trigger,.asfm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.asfm-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.asfm-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:50px;outline:none;transition:border-color .2s}.asfm-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.asfm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.asfm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.asfm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.asfm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.asfm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.asfm-btn-save:disabled{opacity:.6;cursor:not-allowed}.esfm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.esfm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:780px;width:94%;max-height:90vh;overflow-y:auto;position:relative}.esfm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.esfm-close:hover{color:#111827;background:#f3f4f6}.esfm-header{padding:1.5rem 1.5rem 0;text-align:center}.esfm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.esfm-icon{width:52px;height:52px;border-radius:50%;background:#fef3c7;border:2px solid #fbbf24;color:#d97706;display:flex;align-items:center;justify-content:center}.esfm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.esfm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.esfm-form{padding:1.25rem 1.5rem 1.5rem}.esfm-section-title{font-size:.875rem;font-weight:600;color:#374151;margin:.75rem 0 .5rem;padding-bottom:.375rem;border-bottom:1px solid #f3f4f6}.esfm-section-title:first-child{margin-top:0}.esfm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.esfm-field{min-width:0}.esfm-field-full{grid-column:1 / -1}.esfm-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.esfm-field .custom-input,.esfm-field .custom-dropdown-trigger,.esfm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.esfm-hint{font-size:.75rem;color:#9ca3af;margin-top:.25rem}.esfm-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:50px;outline:none;transition:border-color .2s}.esfm-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.esfm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.esfm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.esfm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.esfm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.esfm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.esfm-btn-save:disabled{opacity:.6;cursor:not-allowed}.onboarding-page{min-height:100vh;display:flex;flex-direction:column;background:var(--background, #f8f9fa)}.onboarding-page-header{background:linear-gradient(135deg,var(--cardBg, #ffffff) 0%,#fafbfc 100%);border-bottom:1px solid var(--divider, #e5e7eb);padding:2rem 2.5rem;box-shadow:0 1px 3px #0000001a}.onboarding-page-header-content{max-width:1200px;margin:0 auto}.onboarding-page-title{font-size:2rem;font-weight:700;color:var(--text, #111827);margin:0 0 .5rem;letter-spacing:-.025em;line-height:1.2}.onboarding-page-subtitle{font-size:1rem;color:var(--textSecondary, #6b7280);margin:0;line-height:1.5}.onboarding-page-steps-container{display:flex;align-items:center;justify-content:center;padding:2rem 2.5rem;background:var(--cardBg, #ffffff);border-bottom:1px solid var(--divider, #e5e7eb);gap:.75rem;overflow-x:auto;scrollbar-width:thin}.onboarding-page-steps-wrapper{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.onboarding-page-step{display:flex;flex-direction:column;align-items:center;gap:.625rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:120px;position:relative;padding:.5rem;border-radius:.75rem}.onboarding-page-step:hover:not(.disabled){background:var(--sidebarHover, #f3f4f6);transform:translateY(-2px)}.onboarding-page-step.disabled{cursor:not-allowed;opacity:.5}.onboarding-page-step-number{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--inputDisabled, #f3f4f6);color:var(--textSecondary, #6b7280);border:2px solid var(--inputBorder, #d1d5db);position:relative;z-index:2}.onboarding-page-step.active .onboarding-page-step-number{background:linear-gradient(135deg,var(--sidebarActive, #3b82f6) 0%,#2563eb 100%);color:var(--sidebarActiveText, #ffffff);border-color:var(--sidebarActive, #3b82f6);box-shadow:0 0 0 4px #3b82f61a,0 4px 12px #3b82f64d;transform:scale(1.05)}.onboarding-page-step.completed .onboarding-page-step-number{background:linear-gradient(135deg,var(--success, #10b981) 0%,#059669 100%);color:var(--sidebarActiveText, #ffffff);border-color:var(--success, #10b981);box-shadow:0 0 0 4px #10b9811a,0 4px 12px #10b98133}.onboarding-page-step-label{font-size:.8125rem;font-weight:500;color:var(--textSecondary, #6b7280);text-align:center;white-space:nowrap;transition:all .2s}.onboarding-page-step.active .onboarding-page-step-label{color:var(--text, #111827);font-weight:600}.onboarding-page-step.completed .onboarding-page-step-label{color:var(--success, #10b981);font-weight:600}.onboarding-page-step-connector{width:80px;height:3px;background:var(--inputBorder, #d1d5db);border-radius:2px;transition:all .4s cubic-bezier(.4,0,.2,1);margin:0 .5rem;position:relative;overflow:hidden}.onboarding-page-step-connector:before{content:"";position:absolute;top:0;left:0;height:100%;width:0;background:linear-gradient(90deg,var(--success, #10b981) 0%,#059669 100%);transition:width .4s cubic-bezier(.4,0,.2,1)}.onboarding-page-step-connector.completed{background:var(--success, #10b981)}.onboarding-page-step-connector.completed:before{width:100%}.onboarding-page-content{flex:1;overflow-y:auto;padding:2.5rem;max-width:1200px;width:100%;margin:0 auto}.onboarding-page-step-content{max-width:100%;animation:fadeInContent .4s cubic-bezier(.4,0,.2,1)}@keyframes fadeInContent{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.onboarding-page-step-content .organization-header,.onboarding-page-step-content .owner-header,.onboarding-page-step-content .page-header,.onboarding-page-step-content .staff-management-header,.onboarding-page-step-content .organization-title,.onboarding-page-step-content .owner-title,.onboarding-page-step-content .page-title,.onboarding-page-step-content .staff-management-title,.onboarding-page-step-content .organization-description,.onboarding-page-step-content .owner-description,.onboarding-page-step-content .page-subtitle,.onboarding-page-step-content .staff-management-subtitle{display:none}.onboarding-page-footer{display:flex;align-items:center;justify-content:space-between;padding:1.75rem 2.5rem;border-top:1px solid var(--divider, #e5e7eb);background:linear-gradient(135deg,var(--cardBg, #ffffff) 0%,#fafbfc 100%);gap:1rem;box-shadow:0 -1px 3px #0000001a}.onboarding-page-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.75rem;border-radius:.75rem;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none}.onboarding-page-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;background:var(--inputDisabled, #f3f4f6)!important;color:var(--textSecondary, #6b7280)!important;box-shadow:none!important}.onboarding-page-btn-secondary{background:var(--buttonSecondary, #ffffff);color:var(--buttonSecondaryText, #374151);border:1.5px solid var(--buttonSecondaryBorder, #d1d5db);box-shadow:0 1px 2px #0000000d}.onboarding-page-btn-secondary:hover:not(:disabled){background:var(--buttonSecondaryHover, #f9fafb);border-color:var(--inputBorder, #d1d5db);transform:translateY(-1px);box-shadow:0 4px 6px #0000001a}.onboarding-page-btn-primary{background:linear-gradient(135deg,var(--buttonPrimary, #1f2937) 0%,#111827 100%);color:var(--buttonPrimaryText, #ffffff);box-shadow:0 4px 6px #0000001a,0 0 0 1px #0000000d}.onboarding-page-btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--buttonPrimaryHover, #111827) 0%,#0a0e14 100%);transform:translateY(-2px);box-shadow:0 8px 16px #00000026,0 0 0 1px #0000001a}.onboarding-page-content::-webkit-scrollbar{width:8px}.onboarding-page-content::-webkit-scrollbar-track{background:transparent}.onboarding-page-content::-webkit-scrollbar-thumb{background:var(--scrollbar, #d1d5db);border-radius:4px}.onboarding-page-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbarHover, #9ca3af)}@media (max-width: 768px){.onboarding-page-header{padding:1.5rem}.onboarding-page-title{font-size:1.5rem}.onboarding-page-steps-container{padding:1.5rem 1rem}.onboarding-page-content{padding:1.5rem}.onboarding-page-footer{padding:1.25rem 1.5rem;flex-direction:column}.onboarding-page-btn{width:100%}}.qit-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.qit-table{width:100%;border-collapse:collapse;min-width:700px;table-layout:fixed}.qit-table thead{background-color:#274c77!important;border-bottom:2px solid #1e3a5f!important}.qit-table thead th{background-color:#274c77!important;border-bottom:2px solid #1e3a5f;padding:10px 12px;font-size:13px;font-weight:600;color:#fff!important;text-align:left}.qit-th-hash{width:4%}.qit-th-item{width:30%}.qit-th-qty{width:12%;text-align:right!important}.qit-th-unitprice,.qit-th-total{width:18%;text-align:right!important}.qit-th-action{width:12%;text-align:right!important}.qit-table td{padding:10px 12px;font-size:13px;vertical-align:top}.qit-td-hash{width:4%;vertical-align:top;font-weight:500}.qit-td-qty{width:12%;text-align:right!important}.qit-td-unitprice{width:16%;text-align:right!important}.qit-td-total{width:18%;text-align:right!important;font-weight:600;color:#1e293b;white-space:nowrap}.qit-td-action{width:12%;text-align:right!important;vertical-align:top}.qit-divider-row td{border-bottom:1px dotted #999;padding-top:6px;padding-bottom:10px}.qit-empty{text-align:center;color:#6b7280;padding:2rem!important}.qit-item-info{display:flex;gap:10px;align-items:flex-start}.qit-item-img{width:36px;height:36px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb;flex-shrink:0}.qit-item-img-placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:8px;color:#9ca3af;flex-shrink:0;text-align:center;line-height:1.2}.qit-item-text{flex:1;min-width:0;max-width:340px;position:relative}.qit-product-name-row{display:flex;align-items:center;gap:8px}.qit-product-input{border:none;background:transparent;padding:2px 0;font-size:14px;font-weight:700;color:#111827;flex:1;min-width:0;outline:none!important;box-shadow:none!important}.qit-product-input::placeholder{color:#9ca3af;font-weight:400}.qit-product-input:focus{outline:none!important;box-shadow:none!important;border:none}.qit-desc-input{width:100%;max-width:320px;padding:4px 8px;font-size:12px;color:#555;background-color:transparent;border:1px solid #e5e7eb;border-radius:.375rem;resize:none;font-family:inherit;line-height:1.3;min-height:24px;height:auto;overflow:hidden;outline:none!important;box-shadow:none!important;margin-top:4px}.qit-desc-input::placeholder{color:#b0b7c0;font-style:italic;font-size:12px}.qit-desc-input:focus{outline:none!important;box-shadow:none!important;border-color:#274c77}.qit-product-details{font-size:11px;color:#9ca3af;margin-top:4px;line-height:1.4}.qit-delete-btn{display:inline-flex;align-items:center;justify-content:center;background:#fee2e2;border:none;color:#991b1b;cursor:pointer;padding:6px;border-radius:.375rem;transition:all .2s}.qit-delete-btn:hover{background:#ef4444;color:#fff}.qit-qty-input,.qit-price-input{border:none;background:transparent;padding:2px 0;font-size:13px;text-align:right;outline:none!important;box-shadow:none!important;width:100%}.qit-qty-input:focus,.qit-price-input:focus{outline:none!important;box-shadow:none!important;border:none;border-bottom:1px solid #d1d5db}.qit-qty-input::-webkit-inner-spin-button,.qit-qty-input::-webkit-outer-spin-button,.qit-price-input::-webkit-inner-spin-button,.qit-price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qit-qty-input[type=number],.qit-price-input[type=number]{-moz-appearance:textfield}.add-quote-container{width:100%}.form-header{margin-bottom:2rem}.form-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.quote-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.quote-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.quote-breadcrumb a:hover{text-decoration:underline}.quote-breadcrumb-sep{color:#9ca3af}.quote-page-header{margin-bottom:.75rem}.quote-page-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.quote-page-subtitle{color:#6b7280;font-size:.875rem;margin:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.form-grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.form-grid-2{grid-template-columns:1fr 1fr}}.form-grid-3{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.form-grid-3{grid-template-columns:repeat(3,1fr)}}.btn-add-row,.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #ffffff);border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-row:hover,.btn-add-item:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.items-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.items-table{width:100%;border-collapse:collapse;min-width:800px;table-layout:auto}.selected-customer-info{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.info-item label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.info-item span{font-size:.875rem;color:#1e293b;font-weight:500}.form-grid-1{display:grid;grid-template-columns:1fr;gap:1rem}@media (max-width: 768px){.customer-info-grid{grid-template-columns:1fr}}.col-batch{width:auto;min-width:120px;white-space:nowrap;text-align:center}.col-price,.col-total{width:auto;min-width:140px;text-align:right;white-space:nowrap}.items-table thead th.col-batch,.items-table thead th.col-qty{text-align:center}.items-table thead th.col-price,.items-table thead th.col-total{text-align:right}.items-table thead th.col-remove{text-align:center}.items-table tbody tr{height:auto;min-height:auto}.items-table td .product-cell{padding:0}.td-batch{text-align:left;white-space:nowrap;overflow:visible;width:auto}.td-qty{text-align:center}.td-price,.td-total{text-align:right}.td-remove{text-align:center;vertical-align:middle}.td-qty .qty-unit{margin-top:.25rem;font-size:.75rem;color:#6b7280}.item-input-batch{width:auto;min-width:120px;max-width:none;text-align:left;display:inline-block}.item-input-qty{width:100%;max-width:100px;text-align:center}.item-input-price{width:100%;min-width:120px;text-align:right}.item-input-desc{margin-top:.35rem;font-size:.8rem;color:#6b7280}.item-input-desc{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-cell{display:flex;flex-direction:column;position:relative;gap:.5rem;width:100%;min-width:0}.product-name-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.items-table .item-input-product{border:none;background:transparent;padding:.25rem 0;border-radius:0;font-size:.875rem;font-weight:500;color:#111827;flex:1;min-width:0;width:100%}.items-table .item-input-product:focus{border:none;outline:none;box-shadow:none;background:transparent}.items-table .item-input-product::placeholder{color:#9ca3af}.item-desc-input{width:100%;padding:.5rem;font-size:.8125rem;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;resize:none;font-family:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s;min-height:50px;height:auto;display:block;overflow:hidden;box-sizing:border-box;margin-top:.5rem;word-wrap:break-word;white-space:pre-wrap}.item-desc-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.item-desc-input::placeholder{color:#9ca3af;font-style:italic}.items-table .product-cell{display:flex;flex-direction:column;align-items:stretch;width:100%}.edit-item-btn{background:transparent;border:1px solid #d1d5db;border-radius:4px;padding:.375rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.edit-item-btn:hover{background-color:#f3f4f6;color:#2563eb;border-color:#2563eb}.items-table .item-input-batch{width:auto!important;min-width:120px;max-width:none;display:inline-block}.items-table .item-input:focus{border:none;outline:none;box-shadow:none}.items-table .item-input-product:focus{border:none;outline:none;box-shadow:none;background:transparent;border-bottom:2px solid #3b82f6}.items-table .item-input::placeholder{color:#9ca3af}.item-total{font-weight:600;color:#059669;text-align:right;white-space:nowrap}.btn-remove-item{padding:.5rem;background:#fee2e2;color:#991b1b;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.suggestions-list{position:absolute;z-index:20;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:.25rem;max-height:260px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.suggestion-item{padding:.5rem .75rem;cursor:pointer}.suggestion-item:hover{background:#f3f4f6}.suggestion-line{font-size:.9rem;color:#111827}.suggestion-empty{padding:.75rem;color:#6b7280}.row-suggestions{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;max-height:240px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.row-suggestion-item{padding:.5rem .75rem;cursor:pointer}.row-suggestion-item:hover{background:#f3f4f6}.total-input{width:150px;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;text-align:right;font-weight:500;outline:none;transition:all .2s}.total-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.quote-summary-inline-card{background:#f9fafb;border-radius:.75rem;border:1px solid #e5e7eb;padding:1.25rem 1.5rem}.quote-summary-inline-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#374151}.quote-summary-inline-label{font-weight:500}.quote-summary-inline-value{font-weight:600}.quote-summary-inline-divider{height:1px;background:#e5e7eb;margin:.9rem 0 1rem}.quote-summary-inline-total-row{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border-radius:.75rem;background:#10b981;color:#fff}.quote-summary-inline-total-label{font-weight:600}.quote-summary-inline-total-value{font-weight:700;padding:.25rem .75rem;border-radius:999px;background:#ffffff2e}.add-quote-form-layout{display:block;margin-right:400px}.quote-summary-sidebar{position:fixed;top:96px;right:0;bottom:0;width:min(420px,94vw);display:flex;align-items:stretch;z-index:10}@media (max-width: 1189px){.add-quote-form-layout{margin-right:0}.quote-summary-sidebar{position:static;width:100%;margin-top:1.5rem}}.item-image-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;font-size:.75rem;color:#6b7280}.btn-submit:hover{background:var(--buttonPrimaryHover, #1e3a5f)}@media (max-width: 767px){.quote-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.total-input{width:120px}}.quote-summary{width:100%;height:100%;display:flex;justify-content:flex-end}.quote-summary-card{width:100%;background:#f9fafb;border-radius:0;border-left:1px solid #e5e7eb;border-right:none;border-top:none;border-bottom:none;box-shadow:-8px 0 24px #0000001f;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;height:100%;box-sizing:border-box}.quote-summary-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:.75rem}.quote-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding-bottom:1rem;margin-bottom:.25rem}.quote-meta-left{display:flex;flex-direction:column;gap:.25rem}.quote-meta-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.quote-meta-number{font-weight:600;color:#111827}.quote-meta-right{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.quote-status-pill{padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#dbeafe;color:#1d4ed8}.quote-meta-date{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.quote-meta-date-input{border:1px solid #d1d5db;border-radius:.375rem;padding:.2rem .4rem;font-size:.75rem;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.quote-meta-date-input:hover{border-color:#9ca3af}.quote-meta-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.quote-expiry-row{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.quote-expiry-icon{color:#6b7280;flex-shrink:0}.quote-expiry-input{width:160px;max-width:160px;padding:.6rem .75rem;font-size:.8125rem;height:40px;border:1px solid #d1d5db;border-radius:.5rem}.quote-summary-section{border-top:1px solid #e5e7eb;padding-top:1rem;margin-top:.25rem}.quote-summary-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.quote-summary-section-title{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.08em;display:block;margin-bottom:.25rem}.quote-summary-switch-btn{border:none;background:transparent;padding:.25rem;border-radius:999px;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.quote-summary-switch-btn:hover{background:#e5e7eb;color:#111827}.quote-summary-customer-dropdown{margin-top:.5rem;margin-bottom:.5rem}.quote-summary-totals{display:flex;flex-direction:column;gap:.4rem}.quote-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#374151}.quote-summary-row-muted{color:#6b7280}.quote-summary-grand-total{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #d1d5db;font-weight:700}.quote-summary-grand-total span:last-child{font-size:1rem}.quote-summary-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.quote-summary-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:999px;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #ffffff);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .15s ease-out}.quote-summary-primary:hover:enabled{background:var(--buttonPrimaryHover, #1e3a5f)}.quote-summary-primary:disabled{opacity:.7;cursor:default}.quote-summary-primary-icon{display:inline-flex;align-items:center;justify-content:center}.quote-summary-actions-row{display:flex;gap:.5rem}.quote-summary-secondary,.quote-summary-tertiary{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid #e5e7eb;background:#fff;color:#374151}.quote-summary-tertiary{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.quote-summary-tertiary:hover{background:#fee2e2}@media (max-width: 768px){.quote-summary-card{max-width:100%;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}}.view-all-quotes-container{width:100%;padding:0}.quotes-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.btn-back{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;cursor:pointer;font-size:.875rem;margin-bottom:1rem;padding:.5rem 0;transition:color .2s}.quotes-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.5rem}.quotes-subtitle{color:#6b7280;font-size:1rem}.btn-primary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--buttonPrimary, #274c77);border:none;border-radius:.5rem;color:var(--buttonPrimaryText, white);font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.quotes-search-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.search-input-wrapper{position:relative;max-width:500px}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:border-color .2s}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.empty-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.5rem}.empty-text{color:#6b7280;margin-bottom:1.5rem}.quotes-table-wrapper{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;overflow-x:auto}.quotes-table{width:100%;border-collapse:separate;border-spacing:0;min-width:800px}.quotes-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.quotes-table th{padding:1rem;text-align:left;font-weight:600;color:#6b7280;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.quotes-table th:first-child,.quotes-table td:first-child{position:sticky;left:0;z-index:1;background:#f9fafb;box-shadow:2px 0 4px #0000000f}.quotes-table tbody tr td:first-child{background:#fff}.quotes-table tbody tr:hover td:first-child{background:#f9fafb}.quotes-table th:last-child,.quotes-table td:last-child{position:sticky;right:0;z-index:1;background:#f9fafb;box-shadow:-2px 0 4px #0000000f}.quotes-table tbody tr td:last-child{background:#fff}.quotes-table tbody tr:hover td:last-child{background:#f9fafb}.quotes-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#111827}.quotes-table tbody tr:hover{background:#f9fafb}.quote-number{font-weight:600;color:#3b82f6}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-draft{background:#f3f4f6;color:#6b7280}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.btn-view{background:#eff6ff;color:#3b82f6}.btn-view:hover{background:#dbeafe}@media (max-width: 768px){.quotes-header{flex-direction:column}.quotes-table-wrapper{overflow-x:auto}.quotes-table{min-width:800px}}.quote-table-wrapper{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.quote-table-scroll-container{overflow-x:auto;overflow-y:visible}.quote-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px}.quote-table thead{background:#f9fafb;position:sticky;top:0;z-index:10}.quote-table th{padding:16px 20px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;border-right:1px solid #e5e7eb;white-space:nowrap}.quote-table th:last-child{border-right:none}.quote-table td{padding:16px 20px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;color:#1f2937}.quote-table td:last-child{border-right:none}.quote-table tbody tr:hover{background-color:#f9fafb}.sticky-col-first{position:sticky;left:0;background:#fff;z-index:5;box-shadow:2px 0 4px #0000000d}.sticky-col-last{position:sticky;right:0;background:#fff;z-index:5;box-shadow:-2px 0 4px #0000000d}.quote-table thead .sticky-col-first,.quote-table thead .sticky-col-last{background:#f9fafb;z-index:15}.quote-table tbody tr:hover .sticky-col-first,.quote-table tbody tr:hover .sticky-col-last{background-color:#f9fafb}.qt-th-quote{min-width:160px;width:160px;text-align:left}.qt-th-customer{min-width:180px;width:180px;text-align:center}.qt-th-email{min-width:200px;width:200px;text-align:center}.qt-th-date,.qt-th-valid{min-width:130px;width:130px;text-align:center}.qt-th-shipping,.qt-th-discount{min-width:140px;width:140px;text-align:center}.qt-th-total{min-width:160px;width:160px;text-align:center}.qt-th-status{min-width:120px;width:120px;text-align:center}.qt-th-actions{min-width:150px;width:150px;text-align:center}.qt-td-quote{text-align:left}.qt-td-customer{text-align:center;font-weight:500}.qt-td-email{text-align:center;color:#6b7280;font-size:13px}.qt-td-date,.qt-td-valid{text-align:center}.qt-td-shipping,.qt-td-discount{text-align:center;font-weight:500}.qt-td-total{text-align:center;font-weight:600;color:#1e293b}.qt-td-status,.qt-td-actions{text-align:center}.quote-number{font-weight:600;color:#2563eb}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;text-transform:none}.status-draft{background:#f3f4f6;color:#374151}.status-sent{background:#dbeafe;color:#1e40af}.status-accepted{background:#d1fae5;color:#065f46}.status-invoiced{background:#dcfce7;color:#15803d;border:1px solid rgba(16,185,129,.15);box-shadow:0 1px 3px #10b9810f}.status-rejected{background:#fee2e2;color:#991b1b}.status-expired{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:8px;justify-content:flex-start}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s}.btn-edit{background:#f3e8ff;color:#6b21a8}.btn-edit:hover{background:#a855f7;color:#fff}.btn-delete:hover{background:#fecaca}.btn-disabled,.btn-icon:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #e5e7eb;background:#f9fafb}.pagination-left{display:flex;align-items:center;gap:12px;font-size:14px;color:#6b7280}.page-size-select{padding:4px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;cursor:pointer;background:#fff}.rows-range{font-weight:500;color:#374151}.pagination-right{display:flex;align-items:center;gap:4px}.btn-page,.btn-page-number{padding:6px 12px;border:1px solid #d1d5db;background:#fff;border-radius:4px;font-size:14px;cursor:pointer;transition:all .2s;color:#374151;min-width:36px}.btn-page:hover:not(:disabled),.btn-page-number:hover:not(.active){background:#f3f4f6;border-color:#9ca3af}.btn-page:disabled{opacity:.5;cursor:not-allowed}.btn-page-number.active{background:#1f2937;color:#fff;border-color:#1f2937}.page-ellipsis{padding:6px 4px;color:#9ca3af;font-size:14px}.edit-quote-container{width:100%;max-width:1400px;margin:0 auto}.quote-form-header{margin-bottom:2rem}.quote-btn-back{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s}.quote-btn-back:hover{color:#111827}.quote-form-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0}.quote-form{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.quote-form-section{margin-bottom:2rem}.quote-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.quote-section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.quote-form-grid-2{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.quote-form-grid-2{grid-template-columns:1fr 1fr}}.quote-form-grid-3{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.quote-form-grid-3{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.quote-form-grid-3{grid-template-columns:repeat(3,1fr)}}.quote-btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.quote-btn-add-item:hover{background:#059669}.quote-items-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem}.quote-items-table{width:100%;border-collapse:collapse;min-width:800px;table-layout:auto}.quote-items-table thead{background:#f9fafb}.quote-items-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.quote-selected-customer-info{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem}.quote-customer-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.quote-info-item{display:flex;flex-direction:column;gap:.25rem}.quote-info-item label{font-size:.75rem;font-weight:500;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.quote-info-item span{font-size:.875rem;color:#1e293b;font-weight:500}.quote-form-grid-1{display:grid;grid-template-columns:1fr;gap:1rem}@media (max-width: 768px){.quote-customer-info-grid{grid-template-columns:1fr}}.quote-col-no{width:3%}.quote-col-image{width:10%}.quote-col-product{width:auto;min-width:200px}.quote-col-batch{width:auto;min-width:120px;white-space:nowrap;text-align:center}.quote-col-qty{width:80px;text-align:center}.quote-col-price,.quote-col-total{width:auto;min-width:140px;text-align:right;white-space:nowrap}.quote-col-remove{width:80px;text-align:center}.quote-items-table thead th.quote-col-batch,.quote-items-table thead th.quote-col-qty{text-align:center}.quote-items-table thead th.quote-col-price,.quote-items-table thead th.quote-col-total{text-align:right}.quote-items-table thead th.quote-col-remove{text-align:center}.quote-items-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.quote-items-table tbody tr{height:auto;min-height:auto}.quote-items-table td .quote-product-cell{padding:0}.quote-td-batch{text-align:left;white-space:nowrap;overflow:visible;width:auto}.quote-td-qty{text-align:center}.quote-td-price,.quote-td-total{text-align:right}.quote-td-remove{text-align:center;vertical-align:middle}.quote-td-qty .qty-unit{margin-top:.25rem;font-size:.75rem;color:#6b7280}.quote-empty-items{text-align:center;color:#6b7280;padding:2rem!important}.quote-item-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.quote-item-input-batch{width:auto;min-width:120px;max-width:none;text-align:left;display:inline-block}.quote-item-input-qty{width:100%;max-width:100px;text-align:center}.quote-item-input-price{width:100%;min-width:120px;text-align:right}.quote-item-input-desc{margin-top:.35rem;font-size:.8rem;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quote-product-cell{display:flex;flex-direction:column;position:relative;gap:.5rem;width:100%;min-width:0}.quote-product-name-wrapper{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0}.quote-items-table .quote-item-input-product{border:none;background:transparent;padding:.25rem 0;border-radius:0;font-size:.875rem;font-weight:500;color:#111827;flex:1;min-width:0;width:100%}.quote-items-table .quote-item-input-product:focus{border:none;outline:none;box-shadow:none;background:transparent}.quote-items-table .quote-item-input-product::placeholder{color:#9ca3af}.quote-item-desc-input{width:100%;padding:.5rem;font-size:.8125rem;color:#374151;background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;resize:none;font-family:inherit;line-height:1.5;transition:border-color .2s,box-shadow .2s;min-height:50px;height:auto;display:block;overflow:hidden;box-sizing:border-box;margin-top:.5rem;word-wrap:break-word;white-space:pre-wrap}.quote-item-desc-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.quote-item-desc-input::placeholder{color:#9ca3af;font-style:italic}.quote-items-table .quote-product-cell{display:flex;flex-direction:column;align-items:stretch;width:100%}.quote-edit-item-btn{background:transparent;border:1px solid #d1d5db;border-radius:4px;padding:.375rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.quote-edit-item-btn:hover{background-color:#f3f4f6;color:#2563eb;border-color:#2563eb}.quote-items-table .quote-item-input{border:none;background:transparent;padding:.25rem 0;border-radius:0}.quote-items-table .quote-item-input-qty{text-align:center}.quote-items-table .quote-item-input-batch{width:auto!important;min-width:120px;max-width:none;display:inline-block}.quote-items-table .quote-item-input:focus{border:none;outline:none;box-shadow:none}.quote-items-table .quote-item-input-product:focus{border:none;outline:none;box-shadow:none;background:transparent;border-bottom:2px solid #3b82f6}.quote-items-table .quote-item-input::placeholder{color:#9ca3af}.quote-item-image-thumb{width:48px;height:48px;object-fit:cover;border-radius:.25rem;border:1px solid #e5e7eb}.quote-item-image-placeholder{width:48px;height:48px;background:#f3f4f6;border-radius:.25rem;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#9ca3af}.quote-item-total{font-weight:600;color:#059669;text-align:right;white-space:nowrap}.quote-btn-remove-item{padding:.5rem;background:#fee2e2;color:#991b1b;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;margin:0 auto}.quote-btn-remove-item:hover{background:#ef4444;color:#fff}.quote-product-search-wrapper{position:relative;margin-bottom:1rem}.quote-search-input-wrapper{position:relative}.quote-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.quote-search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none}.quote-suggestions-list{position:absolute;z-index:20;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:.25rem;max-height:260px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.quote-suggestion-item{padding:.5rem .75rem;cursor:pointer}.quote-suggestion-item:hover{background:#f3f4f6}.quote-suggestion-line{font-size:.9rem;color:#111827}.quote-suggestion-meta{font-size:.8rem;color:#6b7280}.quote-suggestion-empty{padding:.75rem;color:#6b7280}.quote-totals-section{background:#f9fafb;padding:1.5rem;border-radius:.5rem;border:1px solid #e5e7eb}.quote-total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.quote-total-row:last-child{margin-bottom:0;border-bottom:none}.quote-total-label{font-weight:500;color:#374151}.quote-total-value{font-weight:600;color:#111827;font-size:1.125rem}.quote-total-final{background:#10b981;color:#fff;padding:1rem;border-radius:.5rem;margin-top:1rem;border:none}.quote-total-final .quote-total-label,.quote-total-final .quote-total-value{color:#fff;font-size:1.25rem;font-weight:700}.quote-form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid #e5e7eb;margin-top:2rem}.quote-btn-cancel{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.quote-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.quote-btn-submit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#10b981;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.quote-btn-submit:hover{background:#059669}@media (max-width: 767px){.quote-form{padding:1.5rem}.quote-form-actions{flex-direction:column-reverse}.quote-btn-cancel,.quote-btn-submit{width:100%;justify-content:center}}.qit-summary-card{max-width:480px;margin-left:auto;padding:1rem 0}.qit-summary-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;font-size:.875rem;color:#374151;gap:1rem}.qit-summary-label{min-width:130px;font-weight:500;color:#374151}.qit-summary-input-group{flex:1;max-width:140px}.qit-summary-input{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;text-align:right;outline:none;box-shadow:none;-moz-appearance:textfield}.qit-summary-input::-webkit-inner-spin-button,.qit-summary-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qit-summary-input:focus{border-color:#274c77;outline:none;box-shadow:none}.qit-summary-value{min-width:100px;text-align:right;font-weight:600;color:#1e293b}.qit-summary-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.qit-summary-total-row{padding-top:.75rem}.quote-view-container{width:100%;background:#f5f5f5;min-height:100vh}.view-quote-two-panel{display:flex;height:100vh;min-height:100vh;overflow:hidden;background:#fff}.view-quote-detail-panel{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:#f5f5f5;overflow:hidden;border-right:1px solid #e5e7eb}.view-quote-detail-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.view-quote-detail-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;color:#6b7280;font-size:1rem}.view-quote-detail-header{flex-shrink:0;display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:.625rem 1.25rem;margin-bottom:.75rem;background:#fff;border-bottom:1px solid #e5e7eb}.view-quote-detail-title{font-size:1.125rem;font-weight:700;color:#111827}.view-quote-detail-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0;overflow-x:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.view-quote-action-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .5rem;border-radius:.375rem;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:.8125rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s;flex-shrink:0;white-space:nowrap}.view-quote-action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.view-quote-action-convert{background:var(--buttonPrimary, #274c77);color:#fff;border-color:var(--buttonPrimary, #274c77)}.view-quote-action-convert:hover{background:var(--buttonPrimaryHover, #1e3a5f);color:#fff}.view-quote-action-convert:disabled{opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin-icon{animation:spin 1s linear infinite}.view-quote-action-more{padding:.375rem .5rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 0;transition:color .2s}.view-quote-whats-next{flex-shrink:0;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;padding:.5rem 1rem;margin-bottom:.75rem;background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-bottom:1px solid #e5e7eb;font-size:.8125rem;color:#4b5563}.view-quote-whats-next-icon{color:#7c3aed;flex-shrink:0}.view-quote-whats-next-btns{display:flex;gap:.375rem;margin-left:auto}.view-quote-whats-next-primary{padding:.375rem .75rem;border-radius:.375rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;font-weight:500;font-size:.8125rem;cursor:pointer}.view-quote-whats-next-primary:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.view-quote-whats-next-secondary{padding:.375rem .75rem;border-radius:.375rem;border:1px solid #d1d5db;background:#fff;color:#374151;font-weight:500;font-size:.8125rem;cursor:pointer}.view-quote-whats-next-secondary:hover{background:#f3f4f6}.view-quote-loading{padding:2rem 1.5rem!important;margin:0!important}.receipt-wrapper{max-width:950px;margin:0 auto;background:#fff;box-shadow:0 4px 6px #0000001a;border-radius:.5rem;overflow:hidden;position:relative}.status-ribbon{position:absolute;top:0;left:0;width:120px;height:120px;overflow:hidden;z-index:10;pointer-events:none}.status-ribbon span{position:absolute;display:block;width:180px;padding:8px 0;background:#6b7280;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1.5px;top:28px;left:-40px;transform:rotate(-45deg);box-shadow:0 2px 6px #0003}.status-ribbon.ribbon-accepted span{background:linear-gradient(135deg,#16a34a,#15803d)}.status-ribbon.ribbon-declined span{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-ribbon.ribbon-expired span{background:linear-gradient(135deg,#9ca3af,#6b7280)}.receipt-content{padding:3.5rem 2rem 2rem;max-width:100%;box-sizing:border-box;overflow-x:visible}.receipt-header-new{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;width:100%}.company-info{flex:1;min-width:0;padding-right:2rem}.company-logo{max-width:150px;max-height:80px;margin-bottom:.75rem;object-fit:contain}.company-name{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem;line-height:1.2}.company-tagline{font-size:.875rem;color:#333;font-style:italic;margin:0 0 .75rem}.company-detail{font-size:.875rem;color:#000;margin:.25rem 0;line-height:1.5}.invoice-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.invoice-title{font-size:2rem;font-weight:700;color:#111827;margin:0}.invoice-number{font-size:1rem;color:#000;margin:0;font-weight:600;text-align:right}.invoice-balance-header{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-top:.5rem;width:100%}.balance-label{font-size:.75rem;color:#000;margin:0 0 .25rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.balance-amount{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.2}.quote-status-pill{display:inline-block;margin-top:4px;padding:3px 12px;border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quote-status-pill-sm{display:inline-block;padding:2px 8px;border-radius:8px;font-size:10px;font-weight:600;text-transform:uppercase}.quote-status-draft{background:#f3f4f6;color:#6b7280}.quote-status-sent{background:#dbeafe;color:#1e40af}.quote-status-accepted{background:#dcfce7;color:#166534}.quote-status-declined{background:#fee2e2;color:#991b1b}.quote-status-invoiced{background:#dcfce7;color:#15803d;border:1px solid rgba(16,185,129,.15)}.quote-status-expired,.quote-status-pending{background:#fef3c7;color:#b45309}.financial-summary-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem 1.25rem;margin-bottom:1.5rem}.financial-summary-title{font-size:.9375rem;font-weight:600;color:#000;margin:0 0 .75rem}.financial-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 2rem}.financial-summary-row{display:flex;justify-content:space-between;align-items:center}.financial-summary-label{font-size:.875rem;color:#000;font-weight:600}.financial-summary-value{font-size:.875rem;font-weight:600;color:#111827}.customer-dates-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin:2rem 0;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.customer-section-box{flex:1;min-width:0;padding-right:2rem}.customer-label{font-size:.75rem;color:#000;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;font-weight:700}.customer-name-box{font-size:1.125rem;font-weight:600;color:#000;margin:0 0 .5rem}.customer-detail-box{font-size:.875rem;color:#000;margin:.125rem 0;line-height:1.4}.invoice-dates-box{flex:0 0 auto;width:280px;min-width:280px;display:flex;flex-direction:column;gap:.75rem}.date-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.date-label-box{font-size:.875rem;color:#000;font-weight:600}.date-value-box{font-size:.875rem;color:#333;font-weight:400}.invoice-totals-section{display:flex;flex-direction:column;align-items:flex-end;margin:2rem 0;padding:0}.invoice-totals-row{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;padding:.5rem 0;font-size:.875rem;gap:2rem;min-height:1.5rem}.invoice-totals-label{flex:0 0 auto;min-width:140px;text-align:left;color:#000;font-weight:600}.invoice-totals-value{flex:0 0 auto;min-width:160px;text-align:right;color:#000;font-weight:600;white-space:nowrap}.invoice-totals-total{border-top:2px solid #e5e7eb;margin-top:.5rem;padding-top:.75rem;font-size:1rem}.invoice-totals-total .invoice-totals-label,.invoice-totals-total .invoice-totals-value{color:#000;font-weight:700;font-size:1rem}.invoice-totals-balance{margin-top:1rem;padding:.75rem 0 .75rem 1rem;background:#f3f4f6;border-radius:.25rem;width:100%;max-width:400px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5e7eb}.invoice-totals-balance .invoice-totals-label{color:#000;font-weight:700;font-size:1rem;margin:0}.invoice-totals-balance .invoice-totals-value.invoice-balance-due{color:#111827;font-weight:700;font-size:1rem;margin:0}.receipt-footer{margin-top:2rem;padding-top:1.5rem;border-top:2px solid #e5e7eb;text-align:left}.invoice-notes-section,.invoice-terms-section{margin-top:1rem;padding-top:.75rem;border-top:1px dashed #d1d5db}.invoice-notes-section:first-child{margin-top:0;padding-top:0;border-top:none}.invoice-section-title{font-size:.875rem;font-weight:600;color:#111827;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.invoice-section-content{font-size:.875rem;color:#374151;line-height:1.6;white-space:pre-wrap;word-wrap:break-word}.invoice-section-line{margin-bottom:.5rem}.invoice-section-line:last-child{margin-bottom:0}.view-quote-list-panel{width:380px;min-width:320px;max-width:420px;min-height:0;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;background:#fafafa}.view-quote-list-search-wrapper{position:relative;border-bottom:1px solid #e5e7eb}.view-quote-list-search{position:relative;padding:.75rem 1rem;text-align:left}.view-quote-search-icon{position:absolute;left:1.25rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.view-quote-search-chevron{position:absolute;left:2.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.view-quote-search-input{width:100%;padding:.5rem 2.5rem .5rem 3.5rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;outline:none;background:#fff}.view-quote-search-input:focus{border-color:var(--buttonPrimary, #274c77)}.view-quote-search-clear{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:#dc2626;cursor:pointer;border-radius:4px}.view-quote-search-clear:hover{background:#fee2e2;color:#b91c1c}.view-quote-search-dropdown{position:absolute;left:1rem;right:1rem;top:100%;margin-top:4px;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 10px 25px #0000001a;z-index:50;max-height:320px;overflow-y:auto}.view-quote-search-dropdown-empty{padding:1.25rem 1rem;text-align:left;color:#6b7280;font-size:.875rem}.view-quote-search-dropdown-item{padding:.75rem 1rem;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:background .15s}.view-quote-search-dropdown-item:last-child{border-bottom:none}.view-quote-search-dropdown-item:hover{background:#f9fafb}.view-quote-search-dropdown-row1{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.35rem}.view-quote-search-dropdown-customer{font-weight:600;font-size:.9375rem;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-quote-search-dropdown-amount{font-size:.875rem;font-weight:600;color:#111827;flex-shrink:0}.view-quote-search-dropdown-row2{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.view-quote-search-dropdown-inv{font-size:.8125rem;color:#2563eb;font-weight:500}.view-quote-search-dropdown-date{font-size:.8125rem;color:#6b7280}.view-quote-search-dropdown-status{font-size:.75rem;font-weight:600;margin-left:auto;padding:2px 6px;border-radius:4px}.view-quote-list-toolbar{display:flex;align-items:center;justify-content:flex-start;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.view-quote-list-toolbar .custom-dropdown-wrapper{min-width:140px;max-width:200px}.view-quote-btn-add{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;cursor:pointer;transition:background .2s}.view-quote-btn-add:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.view-quote-btn-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:.5rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s}.view-quote-btn-icon:hover{background:#f3f4f6;color:#374151}.view-quote-list{flex:1;overflow-y:auto;padding:.5rem 0}.view-quote-list-empty{padding:2rem 1rem;text-align:left;color:#6b7280;font-size:.875rem}.view-quote-list-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 1rem;cursor:pointer;border-bottom:1px solid #eee;transition:background .15s}.view-quote-list-item:hover{background:#f3f4f6}.view-quote-list-item.selected{background:#e0e7ff;border-left:3px solid var(--buttonPrimary, #274c77)}.view-quote-list-checkbox{margin-top:.25rem;flex-shrink:0}.view-quote-list-item-body{flex:1;min-width:0}.view-quote-list-customer{font-weight:600;font-size:.9375rem;color:#111827;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-quote-list-meta{font-size:.8125rem;color:#6b7280;margin-bottom:.25rem}.view-quote-list-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.25rem}.view-quote-list-status{font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:4px}.view-quote-list-amount{font-size:.875rem;font-weight:600;color:#111827}.status-draft{color:#6b7280;background:#f3f4f6}.status-sent{color:#1e40af;background:#dbeafe}.status-accepted{color:#166534;background:#dcfce7}.status-declined{color:#991b1b;background:#fee2e2}.status-invoiced{color:#15803d;background:#dcfce7}.status-expired,.status-pending{color:#b45309;background:#fef3c7}.status-completed{color:#166534;background:#dcfce7}@media print{.status-ribbon,.no-print{display:none!important}.quote-view-container{padding:0;background:#fff}.receipt-wrapper{box-shadow:none;border-radius:0;max-width:100%}.receipt-content{padding:1rem}body{print-color-adjust:exact;-webkit-print-color-adjust:exact}}@media (max-width: 1189px){.view-quote-list-panel{display:none}}@media (max-width: 900px){.view-quote-two-panel{flex-direction:column}.view-quote-detail-panel{border-right:none;border-bottom:1px solid #e5e7eb}.view-quote-list-panel{width:100%;max-width:none;max-height:40vh;border-left:none;border-top:1px solid #e5e7eb}}@media (max-width: 768px){.receipt-content{padding:1.5rem}.receipt-header-new{flex-direction:column;gap:1.5rem}.invoice-info{align-items:flex-end;text-align:right;width:100%}.invoice-number{text-align:right}.customer-dates-wrapper{flex-direction:column;gap:1.5rem}.invoice-dates-box,.invoice-totals-row,.invoice-totals-balance{width:100%}}.quote-barcode-section{display:flex;justify-content:center;margin-top:16px;padding-top:12px;border-top:1px dashed #ddd}.quote-barcode-img{max-width:200px;height:auto}.receipt-summary{width:100%;height:100%;display:flex;justify-content:flex-end}.receipt-summary-card{width:100%;background:#f9fafb;border-radius:0;border-left:1px solid #e5e7eb;box-shadow:-8px 0 24px #0000001f;padding:1.5rem 1.75rem;display:flex;flex-direction:column;gap:1.25rem;height:100%;box-sizing:border-box}.receipt-summary-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:.75rem}.receipt-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.receipt-meta-left{display:flex;flex-direction:column;gap:.25rem}.receipt-meta-label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.receipt-meta-number{font-weight:600;color:#111827}.receipt-meta-right{display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.receipt-status-pill{padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;background:#dbeafe;color:#1d4ed8}.receipt-meta-date{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}.receipt-meta-date-input{border:1px solid #d1d5db;border-radius:.375rem;padding:.2rem .4rem;font-size:.75rem;color:#374151;background:#fff;cursor:pointer;outline:none;transition:border-color .2s}.receipt-meta-date-input:hover{border-color:#9ca3af}.receipt-meta-date-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.receipt-summary-section{border-top:1px solid #e5e7eb;padding-top:.9rem;margin-top:.9rem}.receipt-summary-section:first-of-type{border-top:none;padding-top:0}.receipt-summary-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.receipt-summary-section-title{font-size:.75rem;font-weight:600;color:#6b7280;letter-spacing:.08em;display:block;margin-bottom:.5rem}.receipt-summary-switch-btn{border:none;background:transparent;padding:.25rem;border-radius:999px;cursor:pointer;color:#6b7280;display:inline-flex;align-items:center;justify-content:center}.receipt-summary-switch-btn:hover{background:#e5e7eb;color:#111827}.receipt-customer-input-area{margin-bottom:.5rem}.receipt-customer-mode-tabs{display:flex;gap:0;margin-bottom:.35rem;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden}.receipt-customer-tab{flex:1;padding:.45rem .75rem;font-size:.8rem;font-weight:500;border:none;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s}.receipt-customer-tab.active{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff)}.receipt-customer-tab:not(.active):hover{background:#f3f4f6}.receipt-quick-customer{display:flex;flex-direction:column;gap:.35rem}.receipt-quick-field{display:flex;align-items:center;gap:.5rem;border:1px solid #d1d5db;border-radius:.375rem;padding:.45rem .6rem;background:#fff;outline:none;box-shadow:none}.receipt-quick-field:focus-within{border-color:#d1d5db;outline:none;box-shadow:none}.receipt-quick-icon{color:#9ca3af;flex-shrink:0;display:flex;align-items:center}.receipt-quick-icon-text{font-size:.8rem;font-weight:500;color:#6b7280}.receipt-quick-input{flex:1;border:none;outline:none;box-shadow:none!important;font-size:.85rem;color:#111827;background:transparent;padding:0}.receipt-quick-input:focus{outline:none!important;box-shadow:none!important}.receipt-quick-input::placeholder{color:#9ca3af}.receipt-customer-search-wrap{margin-bottom:.5rem}.receipt-salesperson-display{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.85rem;font-weight:500;color:#374151}.receipt-salesperson-display svg{color:#9ca3af}.receipt-summary-payment-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-bottom:.9rem}.receipt-summary-payment-chip{border-radius:.75rem;border:1px solid #e5e7eb;background:#fff;padding:.5rem .4rem;font-size:.75rem;font-weight:500;color:#4b5563;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;cursor:pointer;transition:all .15s ease-out}.receipt-summary-payment-chip-active{background:var(--buttonPrimary, #274c77);border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff)}.receipt-summary-payment-chip:hover{border-color:var(--buttonPrimary, #274c77)}.receipt-summary-payment-icon{display:inline-flex;align-items:center;justify-content:center}.receipt-summary-totals{display:flex;flex-direction:column;gap:.4rem}.receipt-summary-row{display:flex;justify-content:space-between;font-size:.85rem;color:#374151}.receipt-summary-row-muted{color:#6b7280}.receipt-summary-grand-total{margin-top:.5rem;padding-top:.5rem;border-top:1px dashed #d1d5db;font-weight:700}.receipt-summary-grand-total span:last-child{font-size:1rem}.receipt-summary-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.receipt-summary-primary{width:100%;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem 1rem;border-radius:999px;border:none;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff);font-weight:600;font-size:.9rem;cursor:pointer;transition:background-color .15s ease-out}.receipt-summary-primary:hover:enabled{background:var(--buttonPrimaryHover, #1e3a5f)}.receipt-summary-primary:disabled{opacity:.7;cursor:default}.receipt-summary-primary-icon{display:inline-flex;align-items:center;justify-content:center}.receipt-summary-actions-row{display:flex;gap:.5rem}.receipt-summary-secondary,.receipt-summary-tertiary{flex:1 1 0;display:flex;align-items:center;justify-content:center;padding:.6rem 1rem;border-radius:999px;font-size:.85rem;font-weight:500;cursor:pointer;border:1px solid #e5e7eb;background:#fff;color:#374151}.receipt-summary-tertiary{background:#fef2f2;color:#b91c1c;border-color:#fecaca}.receipt-summary-tertiary:hover{background:#fee2e2}@media (max-width: 768px){.receipt-summary-card{max-width:100%;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000001a}}.add-sales-receipt-container{width:100%}.sr-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.sr-breadcrumb a{color:var(--buttonPrimary, #274c77);text-decoration:none}.sr-breadcrumb a:hover{text-decoration:underline}.sr-breadcrumb-sep{color:#9ca3af}.sr-page-header{margin-bottom:.75rem}.sr-page-title{font-size:1.75rem;font-weight:700;color:#111827;margin:0 0 .25rem}.sr-page-subtitle{color:#6b7280;font-size:.875rem;margin:0}.sr-form-layout{display:block;margin-right:400px}.sr-summary-sidebar{position:fixed;top:96px;right:0;bottom:0;width:min(420px,94vw);display:flex;align-items:stretch;z-index:10}@media (max-width: 1189px){.sr-form-layout{margin-right:0}.sr-summary-sidebar{position:static;width:100%;margin-top:1.5rem}}.sale-form{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0!important}.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #ffffff);border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-item:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.suggestion-line{font-size:.9rem;color:#111827;margin-bottom:.25rem}.suggestion-meta{font-size:.8rem;color:#6b7280}.iit-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.25rem 1.5rem;margin-top:1.5rem;max-width:480px;margin-left:auto}.iit-summary-row{display:flex;align-items:center;justify-content:space-between;padding:.4rem 0}.iit-summary-label{font-size:.875rem;font-weight:500;color:#374151}.iit-summary-input-group{flex:0 0 auto;max-width:140px}.iit-summary-input{width:100%;padding:.4rem .6rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;text-align:right;outline:none;box-shadow:none;-moz-appearance:textfield}.iit-summary-input::-webkit-inner-spin-button,.iit-summary-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.iit-summary-input:focus{border-color:#274c77;outline:none;box-shadow:none}.iit-summary-value{min-width:100px;text-align:right;font-weight:600;color:#1e293b}.iit-summary-divider{height:1px;background:#e5e7eb;margin:.5rem 0}.iit-summary-total-row{padding-top:.75rem}@media (max-width: 767px){.add-sales-receipt-container{padding:1rem}.sale-form{padding:1.5rem}.iit-summary-card{max-width:100%}}.edit-sales-receipt-container{width:100%;max-width:1400px;margin:0 auto;padding:2rem}.form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:0!important;transition:color .2s}.form-title{font-size:1.875rem;font-weight:700;color:#111827;margin:0;text-align:right}.sales-receipt-form{background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:2rem}.form-section{margin-bottom:2rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-title{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 1.5rem;padding-bottom:.75rem;border-bottom:2px solid #e5e7eb}.form-grid-2{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.form-grid-2{grid-template-columns:repeat(2,1fr)}}.product-search-wrapper{position:relative;margin-bottom:1rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.75rem;color:#6b7280;pointer-events:none}.search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;outline:none;transition:all .2s}.suggestions-list{position:absolute;z-index:20;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:.375rem;margin-top:.25rem;max-height:260px;overflow-y:auto;box-shadow:0 10px 15px -3px #0000001a}.suggestion-item{padding:.75rem;cursor:pointer;border-bottom:1px solid #f3f4f6}.suggestion-item:hover{background:#f9fafb}.items-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:.5rem;margin-bottom:1rem}.items-table{width:100%;border-collapse:collapse;min-width:800px}.items-table thead{background:#f9fafb}.items-table th{padding:.75rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.col-no{width:3%;text-align:center}.col-image{width:10%;text-align:center}.col-product{width:auto;min-width:200px}.col-batch{width:auto;min-width:120px}.col-qty{width:80px;text-align:center}.col-price,.col-total{width:auto;min-width:140px;text-align:right}.col-remove{width:80px;text-align:center}.items-table td{padding:.75rem;border-bottom:1px solid #f3f4f6;vertical-align:top}.product-cell{display:flex;flex-direction:column;position:relative;gap:.5rem;width:100%}.product-name-wrapper{display:flex;align-items:center;gap:.5rem;width:100%}.item-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;outline:none;transition:all .2s}.items-table .item-input{border:none;background:transparent;padding:.25rem 0;border-radius:0}.items-table .item-input-product{border:none;background:transparent;font-weight:500;color:#111827;flex:1;min-width:0}.items-table .item-input-product:focus{outline:none;border-bottom:2px solid #3b82f6}.items-table .item-input-qty{text-align:center}.items-table .item-input-batch{width:auto!important;min-width:120px}.edit-item-btn{background:transparent;border:1px solid #d1d5db;border-radius:.25rem;padding:.375rem;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .2s}.edit-item-btn:hover{background:#f3f4f6;color:#2563eb;border-color:#2563eb}.item-total{font-weight:600;color:#059669;text-align:right}.td-image{text-align:center;vertical-align:middle}.item-image-thumb{width:50px;height:50px;object-fit:cover;border-radius:.375rem;border:1px solid #e5e7eb}.item-image-placeholder{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;color:#9ca3af;font-size:.75rem}.btn-remove-item{padding:.5rem;background:#fee2e2;color:#991b1b;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-remove-item:hover{background:#ef4444;color:#fff}.table-actions{display:flex;gap:.75rem;margin-top:1rem}.btn-add-row,.btn-add-item{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-add-row:hover,.btn-add-item:hover{background:#2563eb}.totals-section{background:#f9fafb;padding:1.5rem;border-radius:.5rem;border:1px solid #e5e7eb}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.total-row:last-child{margin-bottom:0;border-bottom:none}.total-label{font-weight:500;color:#374151}.total-value{font-weight:600;color:#111827;font-size:1.125rem}.total-input{width:120px;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;text-align:right;font-weight:500;outline:none}.total-final{background:#10b981;color:#fff;padding:1rem;border-radius:.5rem;margin-top:1rem;border:none}.total-final .total-label,.total-final .total-value{color:#fff;font-size:1.25rem;font-weight:700}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid #e5e7eb;margin-top:2rem}.btn-cancel{padding:.75rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.btn-submit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-submit:hover:not(:disabled){background:#059669}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.empty-items{text-align:center;color:#6b7280;padding:2rem!important}@media (max-width: 767px){.edit-sales-receipt-container{padding:1rem}.sales-receipt-form{padding:1.5rem}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;justify-content:center}.total-input{width:100px}}.receipt-type-field{display:flex;flex-direction:column;gap:.4rem}.receipt-type-field-label{font-size:.875rem;font-weight:500;color:#374151}.sr-type-toggle{display:flex;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;flex-shrink:0}.sr-type-btn{padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border:none;background:#fff;color:#6b7280;cursor:pointer;transition:all .2s ease}.sr-type-btn:not(:last-child){border-right:1px solid #e5e7eb}.sr-type-btn:hover{background:#f3f4f6}.sr-type-btn--active{background:var(--buttonPrimary, #274c77);color:#fff}.sr-type-btn--active:hover{background:var(--buttonPrimary, #274c77);opacity:.9}.view-all-sales-receipts-container{width:100%}.receipts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.btn-back{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:#6b7280;font-size:.875rem;cursor:pointer;padding:.5rem 0;margin-bottom:1rem;transition:color .2s}.btn-back:hover{color:#111827}.receipts-title{font-size:1.875rem;font-weight:700;color:#111827;margin-bottom:.25rem}.receipts-subtitle{color:#6b7280;font-size:.875rem}.btn-primary{display:flex;align-items:center;gap:.5rem;background-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);padding:.75rem 1.5rem;border-radius:.5rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:var(--buttonPrimaryHover, #1e3a5f)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.stats-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}@media (min-width: 768px){.stats-row{grid-template-columns:repeat(3,1fr)}}.filters-section{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.filters-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.filters-row-spread{justify-content:space-between}.search-input-wrapper{position:relative;flex:1;max-width:500px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;outline:none;transition:all .2s}.search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.status-filters{display:flex;gap:.5rem;flex-wrap:wrap}.status-filter{padding:.5rem 1rem;border:1px solid #e5e7eb;background:#fff;color:#6b7280;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s}.status-filter:hover{border-color:var(--buttonPrimary, #274c77);color:var(--buttonPrimary, #274c77)}.status-filter.active{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);border-color:var(--buttonPrimary, #274c77)}.empty-state{text-align:center;padding:4rem 2rem;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a}.empty-icon{color:#d1d5db;margin-bottom:1rem}.empty-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:.5rem}.empty-text{color:#0f172a}@media (max-width: 767px){.view-all-sales-receipts-container{padding:1rem}.receipts-header{flex-direction:column;gap:1rem}.btn-primary{width:100%;justify-content:center}}.sales-receipt-view-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.sales-receipt-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;width:100%;gap:1rem}.sales-receipt-breadcrumb{display:flex;align-items:center;gap:.4rem;font-size:.875rem}.sales-receipt-breadcrumb-link{color:var(--buttonPrimary, #274c77);text-decoration:none;transition:color .2s}.sales-receipt-breadcrumb-link:hover{color:var(--buttonPrimaryHover, #1e3a5f);text-decoration:underline}.sales-receipt-breadcrumb-sep{color:#9ca3af;flex-shrink:0}.sales-receipt-breadcrumb-current{color:#374151;font-weight:500}.sales-receipt-action-buttons-group{display:flex;gap:.75rem}.sales-receipt-btn-action{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border:none;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.sales-receipt-btn-edit{background:transparent;color:var(--buttonPrimary, #274c77);border:1px solid var(--buttonPrimary, #274c77)}.sales-receipt-btn-edit:hover{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff)}.sales-receipt-btn-download{background:transparent;color:var(--buttonPrimary, #274c77);border:1px solid var(--buttonPrimary, #274c77)}.sales-receipt-btn-download:hover,.sales-receipt-btn-print{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff)}.sales-receipt-btn-print:hover{background:var(--buttonPrimaryHover, #1e3a5f);color:var(--buttonPrimaryText, #fff)}.sales-receipt-wrapper{width:100%;max-width:3in;margin:0 auto;background:#fff;box-shadow:0 2px 8px #0000001a;padding:0;position:relative;overflow:hidden}.status-ribbon{position:absolute;top:0;left:0;width:80px;height:80px;overflow:hidden;z-index:10;pointer-events:none}.status-ribbon span{position:absolute;display:block;width:130px;padding:5px 0;background:#6b7280;color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;text-align:center;letter-spacing:1px;top:18px;left:-30px;transform:rotate(-45deg);box-shadow:0 2px 4px #0003}.status-ribbon.ribbon-paid span{background:linear-gradient(135deg,#16a34a,#15803d)}.status-ribbon.ribbon-draft span{background:linear-gradient(135deg,#6b7280,#4b5563)}.status-ribbon.ribbon-partial span{background:linear-gradient(135deg,#f59e0b,#d97706)}.status-ribbon.ribbon-overdue span{background:linear-gradient(135deg,#ef4444,#dc2626)}.status-ribbon.ribbon-return span,.status-ribbon.ribbon-refunded span{background:linear-gradient(135deg,#ef4444,#b91c1c)}.status-ribbon.ribbon-sent span{background:linear-gradient(135deg,#3b82f6,#2563eb)}.sales-receipt-content{width:100%;font-family:Ubuntu,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:8pt;color:#000;background:#fff;padding-top:2rem}.sales-receipt-header{padding:10px .2in 0 .1in;text-align:center;font-size:25pt}.sales-receipt-orgname{font-size:9pt;color:#000;margin-bottom:5px}.sales-receipt-orgname b{font-weight:700}.sales-receipt-org-address{font-size:8pt;color:#000;white-space:pre-wrap;word-wrap:break-word;line-height:1.5}.sales-receipt-org-address>div{margin:4px 20px}.sales-receipt-body{padding:10px .2in 10px .1in}.sales-receipt-title-section{border-top:1px dashed #3c3d3a;border-bottom:1px dashed #3c3d3a;text-align:center;padding:5px 0}.sales-receipt-title{font-size:8pt;color:#000;font-weight:600;text-transform:uppercase}.sales-receipt-fields-block{display:table;table-layout:fixed;width:100%;padding:10px 0 5px}.sales-receipt-fields-inner{display:table-row}.sales-receipt-fields-label{display:table-cell;width:50%;word-wrap:break-word;padding:0 3px 5px;color:#000;font-size:8pt}.sales-receipt-fields-value{display:table-cell;width:50%;word-wrap:break-word;padding:0 3px 5px;color:#000;font-size:8pt;font-weight:500}.sales-receipt-items-table{width:100%;margin-top:15px;table-layout:fixed;border-collapse:collapse;border-spacing:0;word-wrap:break-word}.sales-receipt-items-table thead{border-top:1px dashed #3c3d3a;border-bottom:1px dashed #3c3d3a}.sales-receipt-items-table th{padding:5px 0;text-align:left;font-weight:600;color:#000;font-size:8pt;word-wrap:break-word;background-color:#fff}.sales-receipt-items-table th.sales-receipt-col-no{width:5%;min-width:30px;text-align:center;padding:5px 0}.sales-receipt-items-table th.sales-receipt-col-item{width:40%;text-align:left;padding:5px 10px}.sales-receipt-items-table th.sales-receipt-col-qty{width:15%;text-align:right;padding:5px 0}.sales-receipt-items-table th.sales-receipt-col-rate,.sales-receipt-items-table th.sales-receipt-col-amount{width:20%;text-align:right;padding:5px 0}.sales-receipt-item-body{display:table-row-group}.sales-receipt-item-row{font-size:8pt;border-bottom:1px solid #3c3d3a;background-color:#fff;color:#000;vertical-align:top}.sales-receipt-item-row:last-child{border-bottom:none}.sales-receipt-items-table td{padding:5px 0;vertical-align:top;word-wrap:break-word}.sales-receipt-col-no{text-align:center;padding:5px 0;vertical-align:top;font-size:8pt;color:#000;width:5%;min-width:30px}.sales-receipt-col-item{padding:5px 10px;text-align:left;vertical-align:top;width:48%}.sales-receipt-item-name{word-wrap:break-word;color:#000;font-size:8pt;line-height:1.4;display:block;white-space:normal}.sales-receipt-col-qty{text-align:right;padding:4px 0}.sales-receipt-col-qty span{display:block}.sales-receipt-item-desc{color:#000;font-size:8pt;margin-top:2px}.sales-receipt-col-rate,.sales-receipt-col-amount{text-align:right;padding:5px 0}.sales-receipt-empty-items{text-align:center;color:#000;padding:20px!important;font-style:italic}.sales-receipt-totals{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0}.sales-receipt-totals tr:first-child td{padding-top:5px}.sales-receipt-totals tr:last-child td{padding-bottom:5px}.sales-receipt-total-label{width:60%;word-wrap:break-word;padding-right:3px;vertical-align:middle;font-size:8pt;color:#000}.sales-receipt-total-value{width:40%;word-wrap:break-word;vertical-align:middle;font-size:8pt;color:#000;font-weight:500}.sales-receipt-balance{height:auto;text-transform:uppercase;font-size:10pt;color:#000;background-color:#fff}.sales-receipt-balance td{border-top:1px solid #3c3d3a;border-bottom:1px solid #3c3d3a;padding-top:5px;padding-bottom:5px;vertical-align:middle}.sales-receipt-balance .sales-receipt-total-label,.sales-receipt-balance .sales-receipt-total-value{font-size:10pt;font-weight:700}.sales-receipt-notes-section,.sales-receipt-terms-section{margin-top:15px;padding-top:10px;border-top:1px dashed #3c3d3a}.sales-receipt-section-title{font-size:8pt;font-weight:600;color:#000;margin-bottom:5px;text-transform:uppercase}.sales-receipt-section-content{font-size:8pt;color:#000;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.sales-receipt-section-content>div{margin-bottom:3px}.sales-receipt-totals-wrapper{margin-top:10px;padding-bottom:5px}.text-align-left{text-align:left}.text-align-right{text-align:right}.text-align-center{text-align:center}.sales-receipt-barcode-section{display:flex;justify-content:center;margin-top:12px;padding-top:8px;border-top:1px dashed #ddd}.sales-receipt-barcode-img{max-width:200px;height:auto}.sales-receipt-thankyou{text-align:center;margin-top:12px;padding-top:8px;border-top:1px dashed #000}.sales-receipt-thankyou-main{font-size:13px;font-weight:700;color:#000}.sales-receipt-thankyou-sub{font-size:11px;color:#000;margin-top:2px}.sales-receipt-btn-receipt{background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, #fff);border:none}.sales-receipt-btn-receipt:hover{background:var(--buttonPrimaryHover, #1e3a5f)}@media print{.status-ribbon,.no-print{display:none!important}*{print-color-adjust:exact;-webkit-print-color-adjust:exact}body{margin:0;padding:0;background:#fff}.sales-receipt-view-container{padding:0;max-width:100%;width:3in}.sales-receipt-wrapper{width:3in;max-width:3in;margin:0;padding:0;box-shadow:none;border:none;page-break-after:avoid}.sales-receipt-content{width:3in;padding:10px;box-sizing:border-box}.sales-receipt-header,.sales-receipt-body,.sales-receipt-title-section,.sales-receipt-fields-block,.sales-receipt-items-table,.sales-receipt-totals-wrapper,.sales-receipt-item-row{page-break-inside:avoid}}@media screen{.sales-receipt-wrapper{box-shadow:0 2px 8px #0000001a}}@media (max-width: 768px){.sales-receipt-view-container{padding:1rem}.sales-receipt-wrapper{width:100%;max-width:3in}.sales-receipt-actions{flex-direction:column;gap:1rem;align-items:stretch}.sales-receipt-action-buttons-group{flex-direction:column}.sales-receipt-btn-action{width:100%;justify-content:center}}.srt-wrap{width:100%;margin-top:10px}.srt-empty{text-align:center;color:#000;padding:10px 0;font-size:8pt;font-style:italic;margin:0}.srt-table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:auto;font-size:8pt;color:#000}.srt-table thead{border-top:1px dashed #3c3d3a;border-bottom:1px dashed #3c3d3a}.srt-table thead th{padding:5px 3px;font-weight:600;font-size:8pt;color:#000;background:#fff;white-space:nowrap}.srt-th-num{width:14px;text-align:center}.srt-th-item{text-align:left;padding-left:4px!important}.srt-th.srt-text-right{text-align:right}.srt-table td{padding:4px 3px;font-size:8pt;vertical-align:top}.srt-info-row td{padding:6px 3px 2px;border:none}.srt-td-num{text-align:center;font-weight:700;font-size:8pt;width:14px;vertical-align:top;padding-top:6px}.srt-td-product{padding-left:4px!important}.srt-item-info{display:flex;gap:6px;align-items:flex-start}.srt-img{width:36px;height:36px;object-fit:cover;border-radius:3px;border:1px solid #ccc;flex-shrink:0}.srt-img-placeholder{width:36px;height:36px;border-radius:3px;border:1px solid #ccc;background:#f0f0f0;flex-shrink:0}.srt-item-text{display:flex;flex-direction:column;gap:1px;min-width:0}.srt-product-name{font-weight:700;font-size:8pt;line-height:1.3;color:#000;word-wrap:break-word}.srt-product-specs{font-size:7pt;font-weight:500;color:#000;line-height:1.3}.srt-product-desc{font-size:7pt;color:#000;line-height:1.3}.srt-product-meta{display:flex;flex-direction:column;gap:0;font-size:7pt;color:#000;line-height:1.4}.srt-values-row{border-bottom:1px dashed #bbb}.srt-values-row td{padding:2px 3px 6px;vertical-align:bottom;border:none}.srt-td-spacer{padding:0!important;border:none;background:transparent}.srt-td-qty{font-weight:700;font-size:8pt;white-space:nowrap}.srt-td-rate{font-weight:600;font-size:8pt;white-space:nowrap}.srt-td-amount{font-weight:700;font-size:8pt;white-space:nowrap}.srt-text-right{text-align:right}@media print{.srt-wrap{margin-top:8px}.srt-img,.srt-img-placeholder{width:32px;height:32px}.srt-info-row,.srt-values-row{page-break-inside:avoid}}.cheques-container{min-height:100vh;background:#f5f7fa;color:#0f172a}.page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.header-content{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#0f172a;width:fit-content}.btn-add{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-add:hover{background:var(--buttonPrimary, #274c77)}.table-controls{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem}.cheque-controls-row{flex-direction:row;align-items:center;gap:.75rem}.cheque-filter-item{flex:0 0 22%;min-width:0;max-width:260px}.cheque-filters-inline{flex:1 1 0;flex-wrap:nowrap;gap:.75rem}.search-box{position:relative;display:flex;align-items:center}.filters-container{display:flex;gap:1rem;flex-wrap:wrap}.filter-wrapper{min-width:150px;flex:1}@media (max-width: 960px){.cheque-controls-row{flex-direction:column;align-items:stretch}.cheque-filters-inline{flex-wrap:wrap}.cheque-filter-item{flex:unset;width:100%}.filter-wrapper{min-width:100%}}.search-icon{position:absolute;left:.75rem;color:#9ca3af}.search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.8125rem;transition:all .2s}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.table-wrapper{background:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb;overflow:hidden}.cheques-table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.cheques-table{width:100%;border-collapse:collapse;font-size:.875rem;min-width:1000px}.cheques-table thead{background:#f3f4f6}.cheques-table th{padding:.875rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #e5e7eb;white-space:nowrap}.cheques-table td{padding:.875rem 1rem;border-bottom:1px solid #f3f4f6;color:#374151;vertical-align:middle;white-space:nowrap}.cheques-table tbody tr:hover{background:#f9fafb}.cheques-table tbody tr:last-child td{border-bottom:none}.cheque-thumb-wrapper{width:40px;height:40px;border-radius:6px;overflow:hidden;flex-shrink:0}.cheque-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid #e5e7eb}.cheque-thumb-placeholder{width:40px;height:40px;border-radius:6px;background:#f3f4f6;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;color:#9ca3af}.cheque-no{font-weight:600;color:#2563eb}.amount{font-weight:600;color:#059669}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border-radius:6px;font-size:.75rem;font-weight:500;white-space:nowrap;flex-wrap:nowrap;flex-direction:row;line-height:1}.status-badge svg{flex-shrink:0;width:14px;height:14px;display:inline-block;vertical-align:middle}.action-buttons{display:flex;gap:.5rem;align-items:center;justify-content:flex-start;min-width:150px;flex-wrap:nowrap}.btn-action{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0;margin:0}.btn-action svg{width:16px;height:16px;display:block;flex-shrink:0;stroke-width:2}.btn-view{background:#dbeafe;color:#1e40af}.btn-view:hover{background:#bfdbfe}.btn-view svg{color:#1e40af}.btn-edit{background:#fef3c7;color:#92400e}.btn-edit:hover:not(:disabled){background:#fde68a}.btn-edit:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn-edit svg{color:#92400e}.btn-edit:disabled svg{color:#9ca3af}.btn-paid{background:#d1fae5;color:#065f46}.btn-paid:hover{background:#a7f3d0}.btn-paid svg{color:#065f46}.btn-delete{background:#fee2e2;color:#991b1b}.btn-delete:hover:not(:disabled){background:#fecaca}.btn-delete:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.btn-delete svg{color:#991b1b}.btn-delete:disabled svg{color:#9ca3af}.no-data{text-align:center;padding:4rem 2rem}.no-data-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.no-data-content p{color:#0f172a;font-size:1rem}.btn-add-small{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.btn-add-small:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.summary-cards{grid-template-columns:1fr}.cheques-container{padding:1rem}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.btn-add{width:100%;justify-content:center}.cheques-table-scroll{overflow-x:scroll}.cheques-table th,.cheques-table td{padding:.625rem .75rem;font-size:.8125rem}}.confirmation-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirmation-modal-container{background:#fff;border-radius:1rem;padding:2rem;max-width:450px;width:90%;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirmation-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s;display:flex;align-items:center;justify-content:center}.confirmation-modal-close:hover{background-color:#f3f4f6;color:#111827}.confirmation-modal-close:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out}@keyframes scaleIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.confirmation-modal-icon-danger{background-color:#fee2e2;color:#dc2626}.confirmation-modal-icon-warning{background-color:#fef3c7;color:#f59e0b}.confirmation-modal-icon-success{background-color:#d1fae5;color:#10b981}.confirmation-modal-icon-info{background-color:#dbeafe;color:#3b82f6}.confirmation-modal-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.75rem}.confirmation-modal-message{font-size:1rem;color:#111827;line-height:1.6;margin-bottom:2rem}.confirmation-modal-message-danger{color:#dc2626}.confirmation-modal-message-warning{color:#f59e0b}.confirmation-modal-message-success{color:#10b981}.confirmation-modal-message-info{color:#3b82f6}.confirmation-modal-actions{display:flex;gap:1rem;justify-content:center}.confirmation-modal-btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s;border:none;min-width:120px}.confirmation-modal-btn:disabled{opacity:.6;cursor:not-allowed}.confirmation-modal-btn-cancel{background-color:#fff;color:#111827;border:1px solid #3b82f6}.confirmation-modal-btn-cancel:hover:not(:disabled){background-color:#f3f4ff}.confirmation-modal-btn-confirm{color:#111827;background-color:#3b82f6}.confirmation-modal-btn-danger,.confirmation-modal-btn-warning,.confirmation-modal-btn-success,.confirmation-modal-btn-info{background-color:#3b82f6;color:#111827}.confirmation-modal-btn-danger:hover:not(:disabled),.confirmation-modal-btn-warning:hover:not(:disabled),.confirmation-modal-btn-success:hover:not(:disabled),.confirmation-modal-btn-info:hover:not(:disabled){background-color:#2563eb}@media (max-width: 640px){.confirmation-modal-container{padding:1.5rem;max-width:95%}.confirmation-modal-title{font-size:1.25rem}.confirmation-modal-message{font-size:.875rem}.confirmation-modal-actions{flex-direction:column}.confirmation-modal-btn{width:100%}}.acm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.acm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:720px;width:92%;max-height:90vh;overflow-y:auto;position:relative}.acm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.acm-close:hover{color:#111827;background:#f3f4f6}.acm-header{padding:1.5rem 1.5rem 0;text-align:center}.acm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.acm-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.acm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.acm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.acm-form{padding:1.25rem 1.5rem 1.5rem}.acm-image-upload{margin-bottom:1.25rem}.acm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.acm-field-full{grid-column:1 / -1}.acm-field .custom-input,.acm-field .custom-dropdown-trigger,.acm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.acm-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.acm-field .acm-required{color:#dc2626}.acm-error-text{font-size:.75rem;color:#dc2626;margin-top:.25rem}.acm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.acm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.acm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.acm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.acm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.acm-btn-save:disabled{opacity:.6;cursor:not-allowed}.acm-required{color:#dc2626}.ecm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ecm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:720px;width:92%;max-height:90vh;overflow-y:auto;position:relative}.ecm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.ecm-close:hover{color:#111827;background:#f3f4f6}.ecm-header{padding:1.5rem 1.5rem 0;text-align:center}.ecm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.ecm-icon{width:52px;height:52px;border-radius:50%;background:#fef3c7;border:2px solid #fcd34d;color:#d97706;display:flex;align-items:center;justify-content:center}.ecm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.ecm-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.ecm-form{padding:1.25rem 1.5rem 1.5rem}.ecm-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.ecm-field{min-width:0}.ecm-field .custom-input,.ecm-field .custom-dropdown-trigger,.ecm-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.ecm-field-full{grid-column:1 / -1}.ecm-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.ecm-loading{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;color:#6b7280;font-size:.875rem}.ecm-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.ecm-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.ecm-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.ecm-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.ecm-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.ecm-btn-save:disabled{opacity:.6;cursor:not-allowed}.vcm-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.vcm-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:680px;width:92%;max-height:90vh;overflow-y:auto;position:relative}.vcm-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.vcm-close:hover{color:#111827;background:#f3f4f6}.vcm-header{padding:1.5rem 1.5rem 0;text-align:center}.vcm-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.vcm-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:#2563eb;display:flex;align-items:center;justify-content:center}.vcm-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .35rem}.vcm-cheque-no{display:inline-block;font-size:.8125rem;font-weight:600;color:#2563eb;background:#eff6ff;padding:.25rem .75rem;border-radius:6px}.vcm-body{padding:1.25rem 1.5rem}.vcm-image-section{margin-bottom:1.25rem}.vcm-image-container{position:relative;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;cursor:pointer;max-height:260px}.vcm-image-container:hover .vcm-image-zoom-hint{opacity:1}.vcm-image{width:100%;height:auto;max-height:260px;object-fit:contain;display:block;background:#f9fafb}.vcm-image-zoom-hint{position:absolute;bottom:0;left:0;right:0;background:#0000008c;color:#fff;display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;font-size:.75rem;font-weight:500;opacity:0;transition:opacity .2s}.vcm-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.vcm-detail{display:flex;flex-direction:column;gap:.25rem}.vcm-label{font-size:.75rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.4px}.vcm-value{font-size:.9375rem;color:#1f2937;font-weight:500}.vcm-amount{font-size:1.05rem;font-weight:700;color:#059669}.vcm-status{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;border-radius:6px;font-size:.75rem;font-weight:500;width:fit-content}.vcm-status svg{flex-shrink:0;width:14px;height:14px}.vcm-status-paid{background:#d1fae5;color:#065f46}.vcm-status-pending,.vcm-status-cancelled{background:#fee2e2;color:#991b1b}.vcm-loading{display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;color:#6b7280;font-size:.875rem}.vcm-footer{padding:1rem 1.5rem 1.5rem;display:flex;justify-content:flex-end;border-top:1px solid #e5e7eb;margin-top:.5rem}.vcm-btn-close{padding:.5rem 1.5rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.vcm-btn-close:hover{background:#f9fafb;border-color:#9ca3af}.vcm-lightbox{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1100;padding:2rem;cursor:pointer}.vcm-lightbox-close{position:absolute;top:1rem;right:1rem;background:#ffffff26;border:none;color:#fff;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background .2s}.vcm-lightbox-close:hover{background:#ffffff4d}.vcm-lightbox-image{max-width:90%;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 20px 60px #0000004d}@media (max-width: 640px){.vcm-details-grid{grid-template-columns:1fr}}.view-cheque-container{min-height:100vh;background:#f5f7fa;padding:2rem}.view-cheque-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#666}.btn-back:hover{background:#f5f5f5;border-color:#d0d0d0}.header-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.btn-action{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap;min-width:fit-content}.btn-action svg{flex-shrink:0;width:18px;height:18px}.btn-edit{background:#fef9c3;color:#854d0e;border:1px solid #fde047}.btn-edit:hover{background:#fef08a;border-color:#facc15}.btn-download{background:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.btn-download:hover{background:#bfdbfe;border-color:#60a5fa}.btn-print{background:#e9d5ff;color:#6b21a8;border:1px solid #c084fc}.btn-print:hover{background:#ddd6fe;border-color:#a78bfa}.cheque-details-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014;max-width:1000px;margin:0 auto}.cheque-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #f0f0f0}.cheque-title{font-size:1.875rem;font-weight:700;color:#1a1a1a;margin:0}.cheque-number{font-size:1.25rem;font-weight:600;color:#2563eb;padding:.5rem 1rem;background:#eff6ff;border-radius:8px}.cheque-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}@media (max-width: 768px){.cheque-details-grid{grid-template-columns:1fr}.view-cheque-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.btn-action{width:100%;justify-content:center}}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{font-size:.875rem;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:1rem;color:#1f2937;font-weight:500}.amount-value{font-size:1.25rem;font-weight:700;color:#059669}.status-badge{display:inline-block;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500}.status-paid{background:#d1fae5;color:#065f46}.status-pending,.status-cancelled{background:#fee2e2;color:#991b1b}.cheque-image-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.image-container{margin-top:1rem;border-radius:8px;overflow:hidden;border:1px solid #e0e0e0}.cheque-image{width:100%;height:auto;display:block}@media print{.view-cheque-header,.btn-action{display:none}}.expenses-container{min-height:100vh;background:#f5f7fa;color:#0f172a}.expenses-container .page-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.expenses-container .header-content{display:flex;justify-content:space-between;align-items:center}.expenses-container .page-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.expenses-container .btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#0f172a;width:fit-content}.expenses-container .btn-back:hover{background:#f5f5f5;border-color:#d0d0d0}.expenses-container .btn-add{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.expenses-container .btn-add:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.expenses-container .table-controls{background:#fff;padding:1rem;border-radius:8px;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;gap:1rem}.expenses-container .search-box{position:relative;display:flex;align-items:center}.expenses-container .search-icon{position:absolute;left:1rem;color:#9ca3af}.expenses-container .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;transition:all .2s}.expenses-container .search-input:focus{outline:none;border-color:var(--inputFocus, #274c77)}.expenses-container .filters-container{display:flex;gap:1rem;flex-wrap:wrap}.expenses-container .date-filters-container{display:flex;gap:1rem;flex-wrap:wrap;padding-top:.25rem;border-top:1px solid #f3f4f6}.expenses-container .filter-wrapper{min-width:160px;flex:1}.expenses-container .filter-label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.35rem}.expenses-container .filter-input{width:100%;padding:.5rem .75rem;border:1px solid var(--inputBorder, #e0e0e0);border-radius:8px;font-size:.875rem;outline:none;transition:border-color .2s,box-shadow .2s}.expenses-container .filter-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 1px var(--buttonPrimary, #274c77)}.expenses-container .table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #00000014;overflow-x:auto}.expenses-container .expenses-table{width:100%;border-collapse:separate;border-spacing:0;min-width:900px}.expenses-container .expenses-table thead{background:var(--tableHeaderBg, #e9ecef)}.expenses-container .expenses-table th{padding:1rem;text-align:left;font-size:.875rem;font-weight:600;color:#0f172a;border-bottom:1px solid var(--tableHeaderBorder, #dee2e6);white-space:nowrap}.expenses-container .expenses-table th:first-child,.expenses-container .expenses-table td:first-child{position:sticky;left:0;z-index:1;background:var(--tableHeaderBg, #e9ecef);box-shadow:2px 0 4px #0000000f}.expenses-container .expenses-table thead th:first-child{z-index:2}.expenses-container .expenses-table tbody tr td:first-child{background:#fff}.expenses-container .expenses-table tbody tr:hover td:first-child{background:#f9fafb}.expenses-container .expenses-table th:last-child,.expenses-container .expenses-table td:last-child{position:sticky;right:0;z-index:1;background:var(--tableHeaderBg, #e9ecef);box-shadow:-2px 0 4px #0000000f}.expenses-container .expenses-table thead th:last-child{z-index:2}.expenses-container .expenses-table tbody tr td:last-child{background:#fff}.expenses-container .expenses-table tbody tr:hover td:last-child{background:#f9fafb}.expenses-container .expenses-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background .2s}.expenses-container .expenses-table tbody tr:hover{background:#f9fafb}.expenses-container .expenses-table td{padding:1rem;font-size:.875rem;color:#0f172a;background:#fff;vertical-align:middle;white-space:nowrap}.expenses-container .expenses-table td.amount-cell{background:#10b98114;color:#047857;font-weight:600}.expenses-container .expenses-table td.payment-cell{background:#274c7714;color:var(--buttonPrimary, #274c77);font-weight:500}.expenses-container .expenses-table tbody tr:hover td{background:#f9fafb}.expenses-container .expenses-table tbody tr:hover td.amount-cell{background:#10b98124}.expenses-container .expenses-table tbody tr:hover td.payment-cell{background:#274c7724}.expenses-container .actions-cell{white-space:nowrap}.expenses-container .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;margin-right:.35rem}.expenses-container .btn-icon.btn-view{background:#dbeafe;color:#1e40af}.expenses-container .btn-icon.btn-view:hover{background:#bfdbfe}.expenses-container .btn-icon.btn-edit{background:#fef3c7;color:#92400e}.expenses-container .btn-icon.btn-edit:hover{background:#fde68a}.expenses-container .btn-icon.btn-delete{background:#fee2e2;color:#991b1b}.expenses-container .btn-icon.btn-delete:hover{background:#fecaca}.expenses-container .btn-icon:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-add:disabled{opacity:.4;cursor:not-allowed}.expenses-container .no-data{text-align:center;padding:2rem;color:#64748b}.expenses-container .loading-state{padding:2rem;text-align:center;color:#0f172a}.expenses-container .pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.5rem;flex-wrap:wrap}.expenses-container .btn-page{padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.875rem;color:#0f172a;transition:all .2s}.expenses-container .btn-page:hover:not(:disabled){background:#f5f5f5;border-color:#d0d0d0}.expenses-container .btn-page:disabled{opacity:.5;cursor:not-allowed}.expenses-container .page-info{font-size:.875rem;color:#64748b}.expenses-container .summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.expenses-container .analytics-section{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000014}.expenses-container .analytics-section-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin:0 0 1rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.expenses-container .analytics-charts{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.expenses-container .analytics-chart-card{min-height:320px;background:#fafafa;border-radius:8px;padding:1rem}.expenses-container .analytics-loading{padding:2rem;text-align:center;color:#64748b}@media (max-width: 992px){.expenses-container .analytics-charts{grid-template-columns:1fr}}@media (max-width: 768px){.expenses-container{padding:1rem}.expenses-container .summary-cards{grid-template-columns:1fr}.expenses-container .header-content{flex-direction:column;align-items:stretch}.expenses-container .btn-add{width:100%;justify-content:center}.expenses-container .filters-container{flex-direction:column}.expenses-container .filter-wrapper{width:100%;min-width:100%}.expenses-container .expenses-table{font-size:.75rem}.expenses-container .expenses-table th,.expenses-container .expenses-table td{padding:.75rem .5rem}}.expense-category-select-wrapper{display:flex;flex-direction:column;gap:.5rem;width:100%;position:relative}.expense-category-select-label{font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem;display:block}.expense-category-select-label .required{color:#ef4444;margin-left:.25rem}.expense-category-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem .75rem;border:1px solid var(--inputBorder, #d1d5db);border-radius:.375rem;font-size:.875rem;background:#fff;cursor:pointer;color:#374151;text-align:left;transition:all .2s ease;min-height:3rem}.expense-category-select-trigger:hover{border-color:#9ca3af}.expense-category-select-trigger.open{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.expense-category-select-trigger.placeholder .expense-category-select-text{color:#9ca3af}.expense-category-select-trigger.error{border-color:#ef4444}.expense-category-select-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expense-category-select-chevron{flex-shrink:0;color:#6b7280;margin-left:.5rem}.expense-category-select-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid var(--inputBorder, #d1d5db);border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:50;overflow:hidden;max-height:320px;display:flex;flex-direction:column}.expense-category-select-search-wrap{position:sticky;top:0;z-index:10;padding:.75rem;border-bottom:1px solid #e5e7eb;background-color:#fff}.expense-category-select-search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.expense-category-select-search-input{width:100%;padding:.5rem .75rem .5rem 2.25rem;border:1px solid var(--inputBorder, #d1d5db);border-radius:.375rem;font-size:.875rem;outline:none;color:#0f172a}.expense-category-select-search-input::placeholder{color:#9ca3af}.expense-category-select-search-input:focus{border-color:var(--buttonPrimary, #274c77);box-shadow:0 0 0 3px #274c771f}.expense-category-select-list{overflow-y:auto;max-height:240px;padding:4px 0}.expense-category-select-item{display:block;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid #f3f4f6;background:transparent;font-size:.875rem;color:#111827;text-align:left;cursor:pointer;transition:background-color .2s ease,box-shadow .2s ease}.expense-category-select-item:last-of-type{border-bottom:none}.expense-category-select-item:hover{background-color:#274c771a;color:var(--buttonPrimary, #274c77);box-shadow:0 0 8px #274c7733;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.expense-category-select-item.selected{background-color:#274c7714;color:var(--buttonPrimary, #274c77)}.expense-category-select-item.selected:hover{background-color:#274c771f;color:var(--buttonPrimary, #274c77)}.expense-category-select-empty{padding:1rem;text-align:center;color:#64748b;font-size:.875rem}.expense-category-select-divider{height:1px;background:#e5e7eb;margin:0}.expense-category-select-new{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;border:none;border-top:1px solid #e5e7eb;background:#fff;font-size:.875rem;font-weight:500;color:var(--buttonPrimary, #274c77);cursor:pointer;transition:background-color .2s ease;text-align:left;position:sticky;bottom:0;z-index:10}.expense-category-select-new:hover{background-color:#274c7714}.expense-category-select-new-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);flex-shrink:0}.expense-category-select-error{font-size:.75rem;color:#ef4444;margin-top:.25rem}.expense-category-select-modal-backdrop{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.expense-category-select-modal{background:#fff;border-radius:12px;padding:1.5rem;min-width:320px;max-width:90vw;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.expense-category-select-modal-title{font-size:1.125rem;font-weight:600;color:#0f172a;margin:0 0 1rem}.expense-category-select-modal-input{width:100%;padding:.75rem 1rem;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem;margin-bottom:1rem;outline:none;color:#0f172a}.expense-category-select-modal-input:focus{border-color:var(--buttonPrimary, #274c77)}.expense-category-select-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.expense-category-select-modal-cancel{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:background .2s}.expense-category-select-modal-cancel:hover{background:#f9fafb}.expense-category-select-modal-add{padding:.5rem 1rem;border:none;border-radius:8px;background:var(--buttonPrimary, #274c77);color:var(--buttonPrimaryText, white);font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.expense-category-select-modal-add:hover:not(:disabled){background:var(--buttonPrimaryHover, #1e3a5f)}.expense-category-select-modal-add:disabled{opacity:.5;cursor:not-allowed}.expense-category-select-dropdown::-webkit-scrollbar,.expense-category-select-list::-webkit-scrollbar{width:6px}.expense-category-select-dropdown::-webkit-scrollbar-track,.expense-category-select-list::-webkit-scrollbar-track{background:#f1f5f9}.expense-category-select-dropdown::-webkit-scrollbar-thumb,.expense-category-select-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.expense-category-select-dropdown::-webkit-scrollbar-thumb:hover,.expense-category-select-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.aem-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.aem-container{background:#fff;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:680px;width:92%;max-height:90vh;overflow-y:auto;position:relative}.aem-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#6b7280;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;z-index:1;transition:all .2s}.aem-close:hover{color:#111827;background:#f3f4f6}.aem-header{padding:1.5rem 1.5rem 0;text-align:center}.aem-icon-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.aem-icon{width:52px;height:52px;border-radius:50%;background:#dbeafe;border:2px solid #93c5fd;color:var(--buttonPrimary, #274c77);display:flex;align-items:center;justify-content:center}.aem-title{font-size:1.2rem;font-weight:600;color:#111827;margin:0 0 .25rem}.aem-subtitle{font-size:.8125rem;color:#6b7280;margin:0}.aem-form{padding:1.25rem 1.5rem 1.5rem}.aem-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.aem-field{min-width:0}.aem-field .custom-input,.aem-field .custom-dropdown-trigger,.aem-field .custom-dropdown-wrapper.sm .custom-dropdown-trigger{padding:.5rem .75rem;font-size:.875rem;min-height:38px;box-sizing:border-box}.aem-field-full{grid-column:1 / -1}.aem-field label{display:block;font-size:.8125rem;font-weight:500;color:#374151;margin-bottom:.3rem}.aem-textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;font-family:inherit;resize:vertical;min-height:60px;outline:none;transition:border-color .2s}.aem-textarea:focus{border-color:var(--buttonPrimary, #274c77)}.aem-readonly-value{padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;font-size:.875rem;color:#374151}.aem-footer{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem;padding-top:1rem;border-top:1px solid #e5e7eb}.aem-btn-cancel{padding:.5rem 1.25rem;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.aem-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.aem-btn-save{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1.25rem;border:none;background:var(--buttonPrimary, #274c77);color:#fff;border-radius:.5rem;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s}.aem-btn-save:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.aem-btn-save:disabled{opacity:.6;cursor:not-allowed}.line-chart-container{background:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.line-chart-title{font-size:1rem;font-weight:600;color:#111827;margin-bottom:1rem}.expense-form-container{min-height:100vh;background:#f5f7fa;padding:2rem;color:#0f172a}.expense-form-container .form-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.expense-form-container .btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#0f172a}.expense-form-container .btn-back:hover{background:#f5f5f5;border-color:#d0d0d0}.expense-form-container .form-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.expense-form{max-width:1200px;margin:0 auto}.expense-form .form-card{background:#fff;border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 2px 8px #00000014}.expense-form .form-section-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.expense-form .form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.expense-form .form-group{display:flex;flex-direction:column;gap:.5rem}.expense-form .form-group-full,.expense-form .form-group.form-group-full{grid-column:1 / -1}.expense-form .form-label{font-size:.875rem;font-weight:500;color:#0f172a}.expense-form .form-textarea{width:100%;padding:.75rem 1rem;border:1px solid #e0e0e0;border-radius:8px;font-size:.875rem;font-family:inherit;resize:vertical;min-height:80px}.expense-form .form-textarea:focus{outline:none;border-color:var(--inputFocus, #274c77)}.expense-form .form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #e0e0e0}.expense-form .btn-cancel{padding:.75rem 1.5rem;background:#fff;border:1px solid #d0d0d0;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#0f172a;transition:all .2s}.expense-form .btn-cancel:hover{background:#f5f5f5;border-color:#b0b0b0}.expense-form .btn-submit{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.expense-form .btn-submit:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.expense-form .btn-submit:disabled{background:#9ca3af;cursor:not-allowed}.expense-form-container .loading-state,.expense-form-container .error-state{padding:2rem;text-align:center;color:#0f172a}@media (max-width: 768px){.expense-form .form-grid{grid-template-columns:1fr}.expense-form-container{padding:1rem}}.view-expense-container{min-height:100vh;background:#f5f7fa;color:#0f172a}.view-expense-header{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.view-expense-header .header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.view-expense-container .btn-back{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s;font-size:.875rem;color:#0f172a;width:fit-content}.view-expense-container .btn-back:hover{background:#f5f5f5;border-color:#d0d0d0}.view-expense-container .page-title{font-size:1.875rem;font-weight:700;color:#0f172a;margin:0}.view-expense-container .btn-edit{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--buttonPrimary, #274c77);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.view-expense-container .btn-edit:hover{background:var(--buttonPrimaryHover, #1e3a5f)}.view-expense-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #00000014}.view-expense-card .card-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #f0f0f0}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 2rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-row.full-width{grid-column:1 / -1;margin-top:.5rem}.detail-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:.9375rem;color:#0f172a}.detail-value.amount{font-weight:700;color:#0f172a}.detail-value.description{white-space:pre-wrap;line-height:1.5}.view-expense-container .loading-state,.view-expense-container .error-state{padding:2rem;text-align:center;color:#0f172a}@media (max-width: 768px){.detail-grid{grid-template-columns:1fr}.view-expense-container{padding:1rem}.view-expense-header .header-content{flex-direction:column;align-items:stretch}.view-expense-container .btn-edit{width:100%;justify-content:center}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-amber-600:oklch(66.6% .179 58.318);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-800:oklch(47.6% .114 61.907);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-300:oklch(87.1% .15 154.449);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-teal-100:oklch(95.3% .051 180.801);--color-teal-600:oklch(60% .118 184.704);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-600:oklch(51.1% .262 276.966);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-800:oklch(43.8% .218 303.724);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-600:oklch(59.2% .249 .584);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-3xl:48rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:212 51% 31%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem;--chart-1:12 76% 61%;--chart-2:173 58% 39%;--chart-3:197 37% 24%;--chart-4:43 74% 66%;--chart-5:27 87% 67%}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%;--chart-1:220 70% 50%;--chart-2:160 60% 45%;--chart-3:30 80% 55%;--chart-4:280 65% 60%;--chart-5:340 75% 55%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-6{grid-column:span 6/span 6}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mr-5{margin-right:calc(var(--spacing)*5)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-11{height:calc(var(--spacing)*11)}.h-16{height:calc(var(--spacing)*16)}.h-\[1px\]{height:1px}.h-full{height:100%}.max-h-\[70vh\]{max-height:70vh}.min-h-screen{min-height:100vh}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-72{width:calc(var(--spacing)*72)}.w-\[1px\]{width:1px}.w-full{width:100%}.\!max-w-none{max-width:none!important}.max-w-3xl{max-width:var(--container-3xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[60px\]{max-width:60px}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[180px\]{min-width:180px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-1{--tw-translate-x:calc(var(--spacing)*1);translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing)*4);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1.5)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-blue-200{border-color:var(--color-blue-200)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-400{border-color:var(--color-gray-400)}.border-green-600{border-color:var(--color-green-600)}.border-purple-200{border-color:var(--color-purple-200)}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-300{background-color:var(--color-blue-300)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-teal-100{background-color:var(--color-teal-100)}.bg-white{background-color:var(--color-white)}.bg-yellow-50{background-color:var(--color-yellow-50)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-8{padding-block:calc(var(--spacing)*8)}.pt-0{padding-top:calc(var(--spacing)*0)}.pl-6{padding-left:calc(var(--spacing)*6)}.pl-10{padding-left:calc(var(--spacing)*10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.whitespace-nowrap{white-space:nowrap}.text-amber-600{color:var(--color-amber-600)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-green-600{color:var(--color-green-600)}.text-indigo-600{color:var(--color-indigo-600)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-600)}.text-purple-800{color:var(--color-purple-800)}.text-red-600{color:var(--color-red-600)}.text-teal-600{color:var(--color-teal-600)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.italic{font-style:italic}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.last\:border-b-0:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-green-300:hover{border-color:var(--color-green-300)}.hover\:border-red-300:hover{border-color:var(--color-red-300)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=active\]\:shadow-sm[data-state=active]{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.\[\&_p\]\:leading-relaxed p{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>svg\]\:absolute>svg{position:absolute}.\[\&\>svg\]\:top-4>svg{top:calc(var(--spacing)*4)}.\[\&\>svg\]\:left-4>svg{left:calc(var(--spacing)*4)}.\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div{--tw-translate-y:-3px;translate:var(--tw-translate-x)var(--tw-translate-y)}.\[\&\>svg\~\*\]\:pl-7>svg~*{padding-left:calc(var(--spacing)*7)}}body.theme-light{--background:#f8f9fa;--text:#222;--textSecondary:#6b7280;--headerBg:#fff;--headerText:#111827;--headerIcon:#374151;--headerBorder:#e5e7eb;--sidebarBg:#fff;--sidebarText:#374151;--sidebarHover:#f3f4f6;--sidebarActive:#274c77;--sidebarActiveText:#fff;--cardBg:#fff;--cardBorder:#e5e7eb;--cardShadow:0 1px 3px #0000001a;--tableBg:#fff;--tableHeaderBg:#e9ecef;--tableHeaderText:#111827;--tableHeaderBorder:#dee2e6;--tableBorder:#e5e7eb;--tableRowHover:#f9fafb;--tableRowStripe:#f9fafb;--inputBg:#fff;--inputBorder:#d1d5db;--inputText:#111827;--inputPlaceholder:#9ca3af;--inputFocus:#274c77;--inputDisabled:#f3f4f6;--dropdownFocusBorder:#6b7280;--buttonPrimary:#274c77;--buttonPrimaryHover:#1e3a5f;--buttonPrimaryText:#fff;--buttonSecondary:#fff;--buttonSecondaryHover:#f9fafb;--buttonSecondaryText:#374151;--buttonSecondaryBorder:#d1d5db;--success:#10b981;--successBg:#d1fae5;--successText:#065f46;--warning:#f59e0b;--warningBg:#fef3c7;--warningText:#92400e;--error:#ef4444;--errorBg:#fee2e2;--errorText:#991b1b;--info:#274c77;--infoBg:#dbeafe;--infoText:#1e40af;--modalOverlay:#00000080;--modalBg:#fff;--modalBorder:#e5e7eb;--confirmDeleteHeaderStart:#6b21a8;--confirmDeleteHeaderEnd:#ec4899;--confirmDeleteBtn:#dc2626;--confirmDeleteBtnHover:#b91c1c;--divider:#e5e7eb;--scrollbar:#d1d5db;--scrollbarHover:#9ca3af;background:var(--background);color:var(--text)}body.theme-dark{--background:#1e1e1e;--text:#e5e7eb;--textSecondary:#9ca3af;--headerBg:#23232b;--headerText:#f3f4f6;--headerIcon:#d1d5db;--headerBorder:#3f3f46;--sidebarBg:#23232b;--sidebarText:#d1d5db;--sidebarHover:#2d2d35;--sidebarActive:#274c77;--sidebarActiveText:#fff;--cardBg:#23232b;--cardBorder:#3f3f46;--cardShadow:0 1px 3px #0000004d;--tableBg:#23232b;--tableHeaderBg:#e9ecef;--tableHeaderText:#f3f4f6;--tableHeaderBorder:#3f3f46;--tableBorder:#3f3f46;--tableRowHover:#2d2d35;--tableRowStripe:#27272f;--inputBg:#2d2d35;--inputBorder:#3f3f46;--inputText:#f3f4f6;--inputPlaceholder:#9ca3af;--inputFocus:#274c77;--inputDisabled:#2d2d35;--dropdownFocusBorder:#6b7280;--buttonPrimary:#274c77;--buttonPrimaryHover:#1e3a5f;--buttonPrimaryText:#fff;--buttonSecondary:#2d2d35;--buttonSecondaryHover:#3a3a42;--buttonSecondaryText:#d1d5db;--buttonSecondaryBorder:#3f3f46;--success:#10b981;--successBg:#064e3b;--successText:#6ee7b7;--warning:#f59e0b;--warningBg:#78350f;--warningText:#fcd34d;--error:#ef4444;--errorBg:#7f1d1d;--errorText:#fca5a5;--info:#274c77;--infoBg:#1e3a8a;--infoText:#93c5fd;--modalOverlay:#000000bf;--modalBg:#23232b;--modalBorder:#3f3f46;--confirmDeleteHeaderStart:#7c3aed;--confirmDeleteHeaderEnd:#db2777;--confirmDeleteBtn:#dc2626;--confirmDeleteBtnHover:#ef4444;--divider:#3f3f46;--scrollbar:#3f3f46;--scrollbarHover:#4a4a4a;background:var(--background);color:var(--text)}table thead{border-bottom:1px solid var(--tableHeaderBorder,#dee2e6);background-color:var(--tableHeaderBg,#e9ecef)!important}table thead th,table thead .sticky-col-left,table thead .sticky-col-right,table thead .sticky-col-first,table thead .sticky-col-last{border-color:var(--tableHeaderBorder,#dee2e6);background-color:var(--tableHeaderBg,#e9ecef)!important}:root{--tableHeaderBg:#e9ecef;--tableHeaderBorder:#dee2e6;--toastify-color-success:#1b8e26;--toastify-icon-color-success:#1b8e26;--toastify-color-progress-success:#1b8e26}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbarHover)}.btn-primary,button.btn-primary,.primary-btn,button.primary-btn,input[type=submit].btn-primary{border:none;transition:background-color .15s,box-shadow .15s,transform 60ms;box-shadow:0 6px 12px #274c7740;background-color:var(--buttonPrimary)!important;color:var(--buttonPrimaryText)!important}.btn-primary:hover,button.btn-primary:hover,.primary-btn:hover,button.primary-btn:hover,input[type=submit].btn-primary:hover{transform:translateY(-1px);background-color:var(--buttonPrimaryHover)!important}.btn-primary:active,button.btn-primary:active,.primary-btn:active,button.primary-btn:active,input[type=submit].btn-primary:active{transform:translateY(0);box-shadow:0 4px 8px #274c7733}input:not([type=checkbox]):not([type=radio]):focus,input[type=date]:focus,input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,select:focus,textarea:focus{border-color:var(--inputFocus,#274c77);outline:none;box-shadow:0 0 0 3px #274c771f}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}