.login-wrapper{width:100vw;height:100vh;font-family:var(--font-family-primary);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative}.login-overlay{z-index:1;background:#00000073;position:absolute;inset:0}.login-card{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);text-align:center;background:#c79b9d00;border:1px solid #ffffff26;border-radius:18px;width:440px;padding:2rem 3.2rem;position:relative;box-shadow:0 30px 70px #00000073}.login-logo{height:85px;margin:0 auto 1rem;display:block}.login-title{font-family:var(--font-family-secondary);color:#f3e8df;letter-spacing:1px;font-size:2rem}.login-subtitle{color:#e8d1c5;margin-bottom:2rem;font-size:.9rem}.login-error{color:#fecaca;background:#dc262626;border-radius:6px;margin-bottom:1rem;padding:.7rem;font-size:.85rem}.login-card input[type=text],.login-card input[type=password]{color:#fff;background:#ffffff26;border:1px solid #ffffff40;border-radius:10px;outline:none;width:100%;margin-bottom:1.3rem;padding:.9rem 1rem;font-size:1rem}.login-card input::placeholder{color:#f3e8df}.login-card input:focus{border-color:#e8d1c5;box-shadow:0 0 0 3px #e8d1c540}.login-options{color:#f3e8df;justify-content:space-between;align-items:center;margin-bottom:1.8rem;font-size:.85rem;display:flex}.remember{align-items:center;gap:.4rem;display:flex}.remember input{accent-color:#e8d1c5}.forgot{color:#e8d1c5;text-decoration:none}.forgot:hover{text-decoration:underline}.login-card button{color:#452829;cursor:pointer;background:linear-gradient(135deg,#e8d1c5,#c9a38f);border:none;border-radius:12px;width:100%;padding:.95rem;font-size:1rem;font-weight:700;transition:all .3s}.login-card button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #e8d1c599}.login-card button:disabled{opacity:.7;cursor:not-allowed}@media (max-width:480px){.login-card{width:90%;padding:2.2rem}}.main-header{border-bottom:1px solid var(--color-border);padding:0 var(--spacing-lg);z-index:900;background:#fff;justify-content:space-between;align-items:center;height:70px;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #0000000d}.header-left{align-items:center;gap:var(--spacing-lg);display:flex}.sidebar-toggle{cursor:pointer;border-radius:var(--border-radius-sm);color:var(--color-secondary);transition:all var(--transition-fast);background:0 0;border:none;padding:8px}.sidebar-toggle:hover{background:var(--color-background);color:var(--color-primary)}.sidebar-toggle:active{transform:scale(.95)}.breadcrumb{align-items:center;gap:var(--spacing-xs);font-size:.875rem;display:flex}.breadcrumb .breadcrumb-item{color:var(--color-secondary)}.breadcrumb .breadcrumb-item.active{color:var(--color-primary);font-weight:600}.breadcrumb .breadcrumb-separator{color:var(--color-border)}.header-right{align-items:center;gap:var(--spacing-lg);display:flex}.btn-icon{cursor:pointer;border-radius:var(--border-radius-sm);color:var(--color-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.btn-icon:hover{background:var(--color-background);color:var(--color-primary)}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.user-avatar .profile-picture{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-menu-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex;overflow:hidden}.user-menu-avatar .profile-picture{object-fit:cover;border-radius:50%;width:80%;height:80%}.notification-btn{position:relative}.notification-btn .notification-badge{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:.625rem;font-weight:600;display:flex;position:absolute;top:2px;right:2px}.header-user{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);display:flex;position:relative}.header-user:hover{background:var(--color-background)}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-info .user-name{color:var(--color-primary);font-size:.875rem;font-weight:600}.user-info .user-role{color:var(--color-secondary);font-size:.75rem}.user-menu{border-radius:var(--border-radius-md);z-index:1000;border:1px solid var(--color-border);background:#fff;min-width:240px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.user-menu:before{content:"";border-left:1px solid var(--color-border);border-top:1px solid var(--color-border);background:#fff;width:16px;height:16px;position:absolute;top:-8px;right:20px;transform:rotate(45deg)}.user-menu-header{padding:var(--spacing-md);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid var(--color-border);background:var(--color-background);display:flex}.user-menu-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:600;display:flex}.user-menu-name{color:var(--color-primary);font-size:.875rem;font-weight:600}.user-menu-email{color:var(--color-secondary);font-size:.75rem}.user-menu-items{padding:var(--spacing-xs) 0}.user-menu-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-secondary);transition:all var(--transition-fast);text-align:left;cursor:pointer;background:0 0;border:none;width:100%;font-size:.875rem;text-decoration:none;display:flex}.user-menu-item:hover{background:var(--color-background);color:var(--color-primary)}.user-menu-item.logout-btn{color:#ef4444;border-top:1px solid var(--color-border);margin-top:var(--spacing-xs)}.user-menu-item.logout-btn:hover{background:#fef2f2}.main-footer{border-top:1px solid var(--color-border);padding:var(--spacing-md) var(--spacing-lg);background:#fff;margin-top:auto}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.footer-left{gap:var(--spacing-xs);flex-direction:column;display:flex}.footer-copyright{color:var(--color-secondary);font-size:.875rem}.footer-links{align-items:center;gap:var(--spacing-xs);display:flex}.footer-link{color:var(--color-primary);transition:color var(--transition-fast);font-size:.75rem;text-decoration:none}.footer-link:hover{color:var(--color-primary-dark);text-decoration:underline}.footer-separator{color:var(--color-border);font-size:.75rem}.footer-right{align-items:center;gap:var(--spacing-lg);display:flex}.system-status{align-items:center;gap:var(--spacing-xs);display:flex}.status-indicator{background:#ef4444;border-radius:50%;width:8px;height:8px}.status-indicator.active{background:#10b981;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.status-text{color:var(--color-secondary);font-size:.75rem}.footer-version{color:var(--color-secondary);background:var(--color-background);border-radius:12px;padding:2px 8px;font-size:.75rem}@media (max-width:768px){.footer-content{gap:var(--spacing-md);text-align:center;flex-direction:column}.footer-links{justify-content:center}}.main-layout{background:var(--color-background);min-height:100vh;display:flex;position:relative}.main-layout.sidebar-collapsed .sidebar{width:75px}.main-layout.sidebar-collapsed .sidebar .sidebar-logo-text{opacity:0;width:0}.main-layout.sidebar-collapsed .sidebar .nav-item-text{opacity:0;transform:translate(-20px)}.main-layout.sidebar-collapsed .sidebar .nav-item-icon{margin-right:0}.main-layout.sidebar-collapsed .sidebar .submenu{display:none}.main-layout.sidebar-collapsed .main-content{margin-left:70px}.sidebar{background:var(--color-primary);color:#fff;z-index:1000;width:250px;transition:width var(--transition-normal);position:fixed;top:0;bottom:0;left:0;overflow:hidden auto;box-shadow:2px 0 12px #0000001a}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000001a}.sidebar::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:2px}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);align-items:center;gap:var(--spacing-sm);border-bottom:1px solid #ffffff1a;display:flex}.sidebar-logo{background:var(--color-accent);width:36px;height:36px;color:var(--color-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-logo-text{font-family:var(--font-family-secondary);transition:opacity var(--transition-normal);white-space:nowrap;font-size:1.25rem;font-weight:700;overflow:hidden}.sidebar-menu{padding:var(--spacing-md) 0}.nav-section{margin-bottom:var(--spacing-lg)}.section-label{padding:0 var(--spacing-md) var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px;color:#ffffff80;transition:opacity var(--transition-normal);font-size:.75rem;font-weight:600}.nav-list{list-style:none}.nav-item{margin:2px 0}.nav-link{padding:var(--spacing-sm) var(--spacing-md);color:#fffc;transition:all var(--transition-fast);align-items:center;text-decoration:none;display:flex;position:relative}.nav-link:hover{color:#fff;background:#ffffff1a}.nav-link.active{color:var(--color-accent);border-left:3px solid var(--color-accent);background:#e8d1c526}.nav-link.active .nav-item-icon{color:var(--color-accent)}.nav-item-icon{width:20px;height:20px;margin-right:var(--spacing-sm);transition:all var(--transition-normal);flex-shrink:0}.nav-item-icon svg{stroke-width:2px}.nav-item-text{transition:all var(--transition-normal);white-space:nowrap;font-weight:500}.submenu{padding-left:var(--spacing-xl);transition:max-height var(--transition-normal);max-height:0;list-style:none;overflow:hidden}.submenu.open{max-height:500px}.submenu-link{padding:var(--spacing-xs) 0;color:#ffffffb3;transition:color var(--transition-fast);align-items:center;font-size:.875rem;text-decoration:none;display:flex}.submenu-link:hover{color:#fff}.submenu-link.active{color:var(--color-accent)}.submenu-icon{width:16px;height:16px;margin-right:var(--spacing-sm);opacity:.6}.main-content{transition:margin-left var(--transition-normal);flex-direction:column;flex:1;min-height:100vh;margin-left:250px;display:flex}.content-wrapper{padding:var(--spacing-xs);flex:1}.page-container{border-radius:var(--border-radius-lg);box-shadow:var(--shadow);padding:var(--spacing-sm);background:#fff;min-height:calc(100vh - 200px)}.category-maintenance-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.main-category{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.sub-category{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.category-thumb{object-fit:cover;border:1px solid #dee2e6;border-radius:6px;max-width:100%;max-height:100%}.website-link{color:#3498db;align-items:center;gap:4px;font-size:.85rem;text-decoration:none;display:flex}.website-link:hover{color:#2980b9;text-decoration:underline}.no-website{color:#6c757d;font-size:.75rem;font-style:italic}.image-upload-container{cursor:pointer;border:2px dashed #ced4da;border-radius:8px;width:100%;height:150px;transition:border-color .2s;position:relative;overflow:hidden}.image-upload-placeholder{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.full-width textarea{resize:vertical;border:1px solid #ced4da;border-radius:6px;width:100%;min-height:80px;padding:8px 12px;font-size:.85rem}.full-width textarea:focus{border-color:#3498db;outline:none}.category-details-compact{text-align:left;background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}@media (max-width:768px){.image-upload-group{grid-column:span 1}.category-thumb{width:40px;height:40px}}@media (max-width:480px){.type-badge{padding:3px 8px;font-size:.7rem}.website-link{font-size:.8rem}}.category-thumb{object-fit:cover;cursor:pointer;border:1px solid #dee2e6;border-radius:6px;width:100%;height:100%;transition:transform .2s}.category-thumb:hover{transform:scale(1.1)}.image-preview-container{background:#f8f9fa;border:2px dashed #ced4da;border-radius:8px;justify-content:center;align-items:center;min-height:200px;margin-bottom:12px;padding:16px;display:flex}.btn-upload-image{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:background .2s;display:inline-flex}.btn-view-image{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem;transition:background .2s}.btn-remove-image{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem;transition:background .2s}.image-modal-header{background:#f8f9fa;border-bottom:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.image-modal-footer{background:#f8f9fa;border-top:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.btn-download-image{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:background .2s;display:flex}.btn-close-image{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:8px 20px;font-size:.85rem;transition:background .2s}@keyframes modalSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.image-modal{width:95%;margin:10px}.image-modal-body{padding:20px}.image-modal-header,.image-modal-footer{padding:12px 16px}.image-actions,.upload-button-group{flex-direction:column}.btn-upload-image,.btn-remove-image{justify-content:center;width:100%}.category-thumb{width:40px;height:40px}}@media (max-width:480px){.image-modal{border-radius:0;width:100%;height:100vh;max-height:100vh;margin:0}.full-size-image{max-height:50vh}.type-badge{padding:3px 8px;font-size:.7rem}.website-link{font-size:.8rem}}.store-maintenance-compact{flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.form-group-compact input:focus{border-color:var(--color-primary);outline:none}@media (max-width:768px){.store-maintenance-compact{height:calc(100vh - 100px);padding:8px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.compact-controls{flex-direction:column;align-items:stretch}.search-compact{max-width:100%}.controls-right{justify-content:space-between}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:6px 8px}.actions-col{min-width:70px}}@media (max-width:480px){.table-compact{font-size:.75rem}.code-badge,.status-badge-compact,.stock-badge-compact{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px}.modal-compact{width:95%;margin:10px}}.account-maintenance-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.search-compact input{background:#fff;border:1px solid #ced4da;border-radius:6px;width:100%;padding:6px 12px 6px 32px;font-size:.85rem}.controls-right select{background:#fff;border:1px solid #ced4da;border-radius:6px;min-width:120px;padding:6px 12px;font-size:.85rem}.btn-add-empty-compact{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem}.code-badge{color:#2c3e50;background:#e8f4fc;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.type-12{color:#065f46;background:#d1fae5}.type-22{color:#92400e;background:#fef3c7}.type-71{color:#1e40af;background:#dbeafe}.balance-cell{text-align:right}.balance-amount{color:#2c3e50;justify-content:flex-end;align-items:center;gap:4px;font-weight:600;display:flex}.balance-currency{color:#6c757d;font-size:.7rem;font-weight:400}.balance-cell small{color:#6c757d;font-size:.7rem}.contact-cell{min-width:120px}.contact-person{margin-bottom:2px;font-size:.85rem;display:block}.contact-link{color:#3498db;font-size:.75rem;text-decoration:none;display:block}.contact-link:hover{text-decoration:underline}.table-footer-compact{color:#6c757d;background:#f8f9fa;border-top:1px solid #dee2e6;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.summary{gap:16px;display:flex}.summary-item{background:#fff;border:1px solid #dee2e6;border-radius:4px;padding:2px 8px}.modal-header-compact{border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-body-compact{flex:1;max-height:calc(85vh - 120px);padding:16px;overflow-y:auto}.modal-footer-compact{border-top:1px solid var(--color-border);flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.form-group-compact input{border:1px solid var(--color-border);background:#fff;border-radius:6px;width:100%;padding:6px 10px;font-size:.85rem}.radio-compact-group label{cursor:pointer;align-items:center;gap:6px;font-size:.85rem;font-weight:400;display:flex}.btn-cancel{border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);background:#fff;border-radius:6px;padding:6px 16px;font-size:.85rem;font-weight:500}.btn-save{background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:6px;padding:6px 20px;font-size:.85rem;font-weight:500}@media (min-width:1200px){.form-grid-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px) and (min-width:768px){.form-grid-compact{grid-template-columns:repeat(3,1fr)}.wide-modal-compact{width:95%;max-width:800px}}@media (max-width:767px){.form-grid-compact{grid-template-columns:repeat(2,1fr)}.wide-modal-compact{width:98%;max-width:95vw;margin:10px}.modal-body-compact{padding:12px}}@media (max-width:480px){.form-grid-compact{grid-template-columns:1fr}.modal-footer-compact,.modal-header-compact{padding:10px 12px}.modal-header-compact h3{font-size:1rem}}.delete-content-compact{text-align:center;padding:24px}.warning-icon-compact{justify-content:center;margin-bottom:20px;display:flex}.warning-icon-compact svg{color:#ef4444;width:48px;height:48px}.delete-message-compact{margin-bottom:20px}.delete-title-compact{color:var(--color-primary);text-align:center;margin-bottom:16px;font-size:1.25rem;font-weight:600}.account-details-compact{background:var(--color-background);text-align:left;border-radius:8px;margin-bottom:20px;padding:16px}.detail-row-compact{border-bottom:1px solid #0000000d;align-items:center;margin-bottom:10px;padding-bottom:10px;display:flex}.detail-row-compact:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.label-compact{color:var(--color-secondary);flex:0 0 100px;font-size:.85rem;font-weight:500}.value-compact{color:var(--color-primary);flex:1;font-weight:500}.code-value{background:#4528291a;border-radius:4px;padding:2px 8px;font-family:Courier New,monospace;display:inline-block}.warning-box-compact{text-align:left;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px}.warning-header-compact{color:#dc2626;align-items:center;gap:8px;margin-bottom:8px;font-size:.9rem;font-weight:600;display:flex}.warning-header-compact svg{width:16px;height:16px}.warning-text-compact{color:#991b1b;margin:0;font-size:.85rem;line-height:1.5}.warning-text-compact strong{color:#dc2626}.modal-footer-compact{border-top:1px solid var(--color-border);padding:16px 24px}.delete-cancel-btn{border:1px solid var(--color-border);color:var(--color-primary);background:#fff;align-items:center;gap:6px;padding:8px 20px;display:flex}.delete-cancel-btn:hover{background:var(--color-background)}.delete-cancel-btn svg{width:16px;height:16px}.btn-delete-confirm-compact{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 20px;font-weight:500;transition:all .2s;display:flex}.btn-delete-confirm-compact:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-delete-confirm-compact:active{transform:translateY(0)}.btn-delete-confirm-compact svg{width:16px;height:16px}.status-badge-compact{border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}@media (max-width:480px){.delete-modal-compact{margin:10px}.delete-content-compact{padding:16px}.account-details-compact{padding:12px}.detail-row-compact{flex-direction:column;align-items:flex-start;gap:4px}.label-compact{flex:none}.modal-footer-compact{padding:12px 16px}.delete-cancel-btn,.btn-delete-confirm-compact{padding:8px 16px;font-size:.85rem}.warning-box-compact{padding:12px}}.delete-modal-compact{animation:.3s cubic-bezier(.4,0,.2,1) deleteModalSlide}@keyframes deleteModalSlide{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;flex-direction:column;width:90%;max-height:85vh;animation:.2s modalSlide;display:flex;box-shadow:0 4px 20px #0003}.modal-header{border-bottom:1px solid #dee2e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header h3{color:#2c3e50;margin:0;font-size:1.1rem;font-weight:600}.modal-close{cursor:pointer;color:#6c757d;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;line-height:1;display:flex}.modal-close:hover{color:#2c3e50}.modal-body{flex:1;padding:16px;overflow-y:auto}.modal-footer{border-top:1px solid #dee2e6;flex-shrink:0;justify-content:flex-end;gap:8px;padding:12px 16px;display:flex}.account-type-modal{max-width:800px}.account-type-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:16px 0;display:grid}.account-type-card{cursor:pointer;text-align:center;border:1px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s}.account-type-card:hover{background:#f8f9fa;border-color:#3498db;transform:translateY(-2px)}.account-type-icon{margin-bottom:8px;font-size:2rem}.account-type-card h4{color:#2c3e50;margin:8px 0;font-size:1rem}.account-type-card p{color:#6c757d;min-height:40px;margin-bottom:8px;font-size:.85rem}.account-type-code{color:#3498db;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.wide-modal{max-width:900px}.modal-form{flex-direction:column;gap:16px;display:flex}.form-section{border-bottom:1px solid #dee2e6;padding-bottom:16px}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h4{color:#2c3e50;margin-bottom:12px;font-size:1rem;font-weight:600}.form-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.form-group{margin-bottom:12px}.form-group label{color:#2c3e50;margin-bottom:4px;font-size:.85rem;font-weight:500;display:block}.form-group label.required:after{content:" *";color:#ef4444}.form-group input{background:#fff;border:1px solid #ced4da;border-radius:6px;width:100%;padding:6px 10px;font-size:.85rem}.form-group input:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.radio-group{gap:16px;margin-top:4px;display:flex}.radio-group label{cursor:pointer;align-items:center;gap:6px;font-size:.85rem;font-weight:400;display:flex}.radio-group input{display:none}.radio-dot{border:2px solid #ced4da;border-radius:50%;flex-shrink:0;width:16px;height:16px;position:relative}.radio-group input:checked+.radio-dot{border-color:#3498db}.radio-group input:checked+.radio-dot:after{content:"";background:#3498db;border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.btn-save{color:#fff;cursor:pointer;background:#3498db;border:none;border-radius:6px;padding:6px 20px;font-size:.85rem;font-weight:500;transition:background .2s}.wide-modal-compact{width:90%;max-width:900px}.modal-body-compact{max-height:calc(85vh - 120px);padding:16px;overflow-y:auto}.form-section-compact{border-bottom:1px solid var(--color-border);margin-bottom:16px;padding-bottom:16px}.form-section-compact:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-compact h4{color:var(--color-primary);align-items:center;gap:6px;margin-bottom:12px;font-size:.95rem;font-weight:600;display:flex}.form-section-compact h4:before{content:"•";color:var(--color-accent)}@media (min-width:1200px){.form-grid-compact{grid-template-columns:repeat(4,1fr)}}@media (max-width:1199px) and (min-width:768px){.form-grid-compact{grid-template-columns:repeat(3,1fr)}}@media (max-width:767px){.form-grid-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.form-grid-compact{grid-template-columns:1fr}}.modal-body-compact::-webkit-scrollbar{width:6px}.modal-body-compact::-webkit-scrollbar-track{background:var(--color-background)}.modal-body-compact::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.modal-body-compact::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}.wide-modal-compact .form-group-compact{margin-bottom:8px}.form-group-compact input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4528291a}.form-group-compact label.required:after{content:" *";color:#ef4444;font-weight:700}.readonly-input{color:var(--color-secondary);cursor:not-allowed;opacity:.8;background:var(--color-background)!important}.delete-modal{max-width:400px}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.modal-body::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:#f8f9fa}.modal-body::-webkit-scrollbar-track{background:#f8f9fa}.table-wrapper-compact::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#ced4da;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#adb5bd}.modal-body::-webkit-scrollbar-thumb:hover{background:#adb5bd}@media (max-width:1024px){.form-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.account-maintenance-compact{height:calc(100vh - 100px);padding:8px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.compact-controls{flex-direction:column;align-items:stretch}.search-compact{max-width:100%}.controls-right{justify-content:space-between}.account-type-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.wide-modal{width:95%;margin:10px}.table-footer-compact{flex-direction:column;align-items:flex-start;gap:8px}.summary{flex-wrap:wrap;gap:8px}}@media (max-width:480px){.table-compact{font-size:.75rem}.form-grid,.account-type-grid{grid-template-columns:1fr}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px}.modal{width:95%;margin:10px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.raw-material-maintenance{flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.modal-header-compact{border-bottom:1px solid var(--color-border);z-index:1;background:#fff;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.modal-close-compact{cursor:pointer;color:var(--color-secondary);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;line-height:1;display:flex}.modal-actions-compact{border-top:1px solid var(--color-border);background:#fff;justify-content:flex-end;gap:8px;margin-top:8px;padding:16px;display:flex;position:sticky;bottom:0}@media (max-width:768px){.raw-material-maintenance{height:calc(100vh - 100px);padding:8px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.compact-controls{flex-direction:column;align-items:stretch}.search-compact{max-width:100%}.controls-right{justify-content:space-between}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:6px 8px}.actions-col{min-width:70px}}@media (max-width:480px){.table-compact{font-size:.75rem}.code-badge,.status-badge-compact,.stock-badge-compact{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px}.modal-compact{width:95%;margin:10px}}.modal-compact{flex-direction:column;max-height:85vh;display:flex}.modal-header-compact{flex-shrink:0}.modal-form-compact{flex:1;overflow-y:auto}.modal-actions-compact{flex-shrink:0}.item-maintenance{flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.abb-cell{background:#45282914;border-radius:4px;padding:2px 6px;font-weight:500}.image-upload-compact{border:1px dashed var(--color-border);border-radius:6px;min-height:60px;padding:8px;position:relative}.image-preview{max-width:100%;max-height:100px;margin:0 auto;display:block}@media (max-width:768px){.item-maintenance{height:calc(100vh - 100px);padding:8px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.compact-controls{flex-direction:column;align-items:stretch}.search-compact{max-width:100%}.controls-right{justify-content:space-between}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:6px 8px}.actions-col{min-width:70px}}@media (max-width:480px){.table-compact{font-size:.75rem}.code-badge,.status-badge-compact,.stock-badge-compact{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px}.modal-compact{width:95%;margin:10px}}.image-cell{width:40px;height:40px;position:relative}.item-thumb{object-fit:cover;cursor:pointer;border-radius:4px;width:100%;height:100%;transition:transform .2s}.item-thumb:hover{transform:scale(1.1)}.image-overlay{color:#fff;opacity:0;cursor:pointer;background:#00000080;border-radius:4px;justify-content:center;align-items:center;font-size:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.image-cell:hover .image-overlay{opacity:1}.image-upload-section{margin-top:8px}.image-preview-container{border:2px dashed var(--color-border);background:var(--color-background);border-radius:8px;justify-content:center;align-items:center;min-height:200px;margin-bottom:12px;padding:16px;display:flex}.upload-placeholder{text-align:center;color:var(--color-secondary)}.upload-icon{opacity:.3;margin-bottom:8px;font-size:48px}.upload-hint{color:var(--color-secondary);margin-top:4px;font-size:.75rem}.image-with-actions{text-align:center}.image-preview-large{border:1px solid var(--color-border);border-radius:6px;width:auto;max-width:200px;height:auto;max-height:200px;margin-bottom:12px}.image-actions{justify-content:center;gap:8px;display:flex}.upload-button-group{align-items:center;gap:8px;display:flex}.btn-upload-image{background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;display:inline-flex}.btn-upload-image:hover{background:var(--color-primary-dark)}.btn-upload-image input[type=file]{display:none}.btn-view-image{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#3b82f6;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem}.btn-view-image:hover{background:#2563eb}.btn-remove-image{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#ef4444;border:none;border-radius:4px;padding:6px 12px;font-size:.8rem}.btn-remove-image:hover{background:#dc2626}.image-modal-overlay{z-index:2000}.image-modal{background:#fff;border-radius:12px;width:90%;max-width:500px;max-height:90vh;animation:.3s modalSlide;overflow:hidden;box-shadow:0 8px 30px #0000004d}.image-modal-header{border-bottom:1px solid var(--color-border);background:var(--color-background);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.image-modal-header h3{color:var(--color-primary);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1.2rem;font-weight:600;overflow:hidden}.image-modal-body{background:#f8f9fa;justify-content:center;align-items:center;min-height:300px;padding:30px;display:flex}.full-size-image{object-fit:contain;border-radius:4px;width:auto;max-width:100%;height:auto;max-height:60vh;box-shadow:0 2px 10px #0000001a}.image-modal-footer{border-top:1px solid var(--color-border);background:var(--color-background);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.btn-download-image{color:#fff;cursor:pointer;transition:background var(--transition-fast);background:#10b981;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;display:flex}.btn-download-image:hover{background:#059669}.btn-close-image{background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:6px;padding:8px 20px;font-size:.85rem}.btn-close-image:hover{background:var(--color-primary-dark)}@media (max-width:768px){.image-modal{width:95%;margin:10px}.image-modal-body{padding:20px}.image-modal-header,.image-modal-footer{padding:12px 16px}.image-actions,.upload-button-group{flex-direction:column}.btn-upload-image,.btn-remove-image{justify-content:center;width:100%}}@media (max-width:480px){.image-modal{border-radius:0;width:100%;height:100vh;max-height:100vh;margin:0}.full-size-image{max-height:50vh}}.size-recipe-cell{flex-direction:column;gap:6px;min-width:280px;display:flex}.size-recipe-item{background:#f8f9fa;border-left:4px solid #6b7280;border-radius:6px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.size-info{flex:1;align-items:center;gap:8px;display:flex}.size-label{color:#374151;min-width:50px;font-size:.8rem;font-weight:600}.size-desc{color:#6b7280;flex:1;font-size:.8rem}.recipe-code-badge{text-align:center;border-radius:4px;min-width:60px;padding:2px 6px;font-family:Courier New,monospace;font-size:.7rem;font-weight:500}.btn-recipe-action{color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .2s;display:flex}.btn-recipe-action:hover{opacity:.9;transform:translateY(-1px)}.no-sizes{color:#9ca3af;text-align:center;background:#f9fafb;border-radius:6px;padding:8px;font-size:.85rem;font-style:italic}.recipe-modal{max-width:800px}.existing-recipe-badge{color:#fff;vertical-align:middle;background:#10b981;border-radius:12px;margin-left:8px;padding:2px 8px;font-size:.7rem}.recipe-info-section{background:linear-gradient(135deg,#f3f4f6 0%,#e5e7eb 100%);border-radius:8px;margin-bottom:16px;padding:16px}.recipe-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.recipe-info-item{flex-direction:column;gap:4px;display:flex}.recipe-info-item label{color:#6b7280;font-size:.8rem;font-weight:500}.recipe-info-value{color:#1f2937;font-size:.9rem;font-weight:600}.recipe-info-value.amount{color:#059669}.recipe-info-value.recipe-code{color:#fff;background:#452829;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;display:inline-block}.size-badge{color:#fff;border-radius:4px;padding:4px 8px;font-size:.8rem;display:inline-block}.recipe-materials-section{background:#fff;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.recipe-loading{color:#6b7280;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.recipe-total-row{color:#fff;background:#1f2937;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.recipe-total-row .total-label-compact{color:#fff;font-size:.9rem}.recipe-total-row .total-amount-compact{color:#10b981;font-size:1rem}.table-wrapper-small{max-height:300px;overflow-y:auto}.table-wrapper-small table{width:100%}.table-wrapper-small th{z-index:10;background:#f9fafb;position:sticky;top:0}@media (max-width:768px){.size-recipe-item{flex-direction:column;align-items:stretch;gap:8px}.size-info{justify-content:space-between}.btn-recipe-action{justify-content:center;width:100%}.recipe-info-grid{grid-template-columns:1fr}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.recipe-modal{animation:.3s slideUp}.user-maintenance-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.type-badge{border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.type-badge.admin{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.type-badge.manager{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.type-badge.supervisor{color:#fff;background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.type-badge.user{color:#fff;background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.category-badge{color:#495057;background:#e9ecef;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-block}.email-link:hover{color:#2980b9;text-decoration:underline}.mobile-link{color:#2ecc71;font-size:.85rem;text-decoration:none}.mobile-link:hover{color:#27ae60;text-decoration:underline}.no-email,.no-mobile,.no-category{color:#6c757d;font-size:.75rem;font-style:italic}.login-info{flex-direction:column;gap:2px;display:flex}.login-info small{color:#6c757d;font-size:.7rem}.password-input-group{gap:8px;display:flex}.password-input-group input{flex:1}.btn-change-password{color:#495057;cursor:pointer;white-space:nowrap;background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-size:.8rem;transition:all .2s}.btn-change-password:hover{background:#e9ecef}.image-cell{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.user-thumb{object-fit:cover;border:2px solid #dee2e6;border-radius:50%;width:50px;height:50px}.no-image{color:#6c757d;font-size:.75rem;font-style:italic}.image-upload-group{grid-column:span 2}.image-upload-container{cursor:pointer;border:2px dashed #ced4da;border-radius:50%;width:200px;height:200px;margin:0 auto;transition:border-color .2s;position:relative;overflow:hidden}.image-upload-container:hover{border-color:#3498db}.image-preview{width:100%;height:100%;position:relative}.image-preview img{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.remove-image-btn:hover{background:#dc2626}.image-upload-placeholder{color:#6c757d;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:20px;display:flex}.image-upload-placeholder span:first-child{opacity:.5;font-size:3rem}.image-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.user-maintenance-compact .compact-header{background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 20px 10px;display:flex}.user-maintenance-compact .compact-header h1{color:#2c3e50;margin:0;font-size:1.5rem;font-weight:600}.user-maintenance-compact .subtitle{color:#6c757d;margin:4px 0 0;font-size:.9rem}.user-maintenance-compact .btn-add-compact{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-weight:500;transition:transform .2s,box-shadow .2s;display:flex}.user-maintenance-compact .btn-add-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.user-maintenance-compact .compact-controls{background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.user-maintenance-compact .search-compact{flex:1;max-width:400px;position:relative}.user-maintenance-compact .search-compact input{border:1px solid #ced4da;border-radius:6px;width:100%;padding:10px 40px 10px 16px;font-size:.9rem;transition:border-color .2s}.user-maintenance-compact .search-compact input:focus{border-color:#667eea;outline:none}.user-maintenance-compact .search-icon{color:#6c757d;pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.user-maintenance-compact .controls-right{align-items:center;gap:10px;display:flex}.user-maintenance-compact .controls-right select{color:#495057;background:#fff;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-size:.9rem}.user-maintenance-compact .btn-refresh-compact{cursor:pointer;color:#6c757d;background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;padding:8px 12px;font-size:1rem;transition:all .2s}.user-maintenance-compact .btn-refresh-compact:hover{color:#495057;background:#e9ecef}.user-maintenance-compact .table-container-compact{background:#fff;border-radius:8px;flex-direction:column;flex:1;margin:0 20px 20px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.user-maintenance-compact .loading-compact{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.user-maintenance-compact .spinner-compact{border:3px solid #f3f3f3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.user-maintenance-compact .empty-compact{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:60px 0;display:flex}.user-maintenance-compact .empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.user-maintenance-compact .btn-add-empty-compact{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;margin-top:16px;padding:10px 20px;transition:background .2s}.user-maintenance-compact .btn-add-empty-compact:hover{background:#5a6fd8}.user-maintenance-compact .table-wrapper-compact{flex:1;overflow:auto}.user-maintenance-compact .table-compact{border-collapse:collapse;width:100%;font-size:.85rem}.user-maintenance-compact .table-compact thead{z-index:10;background:#f8f9fa;position:sticky;top:0}.user-maintenance-compact .table-compact th{text-align:left;color:#495057;white-space:nowrap;border-bottom:2px solid #e9ecef;padding:12px 16px;font-weight:600}.user-maintenance-compact .table-compact td{vertical-align:top;border-bottom:1px solid #e9ecef;padding:12px 16px}.user-maintenance-compact .table-compact tbody tr:hover{background:#f8f9fa}.user-maintenance-compact .code-badge{color:#495057;background:#e9ecef;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace;font-size:.8rem;font-weight:500}.user-maintenance-compact .desc-cell{flex-direction:column;gap:4px;display:flex}.user-maintenance-compact .desc-cell strong{color:#2c3e50}.user-maintenance-compact .desc-cell small{color:#6c757d;font-size:.8rem}.user-maintenance-compact .status-badge-compact{border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-block}.user-maintenance-compact .status-badge-compact.active{color:#fff;background:linear-gradient(135deg,#48bb78 0%,#38a169 100%)}.user-maintenance-compact .status-badge-compact.inactive{color:#fff;background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%)}.user-maintenance-compact .actions-col{width:100px}.user-maintenance-compact .actions-compact{gap:8px;display:flex}.user-maintenance-compact .btn-edit-compact,.user-maintenance-compact .btn-delete-compact{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.user-maintenance-compact .btn-edit-compact{color:#1976d2;background:#e3f2fd}.user-maintenance-compact .btn-edit-compact:hover{background:#bbdefb}.user-maintenance-compact .btn-delete-compact{color:#d32f2f;background:#ffebee}.user-maintenance-compact .btn-delete-compact:hover{background:#ffcdd2}.user-maintenance-compact .table-footer-compact{color:#6c757d;border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;font-size:.85rem;display:flex}.user-maintenance-compact .summary{gap:16px;display:flex}.user-maintenance-compact .summary-item{border-left:1px solid #dee2e6;padding-left:16px}.user-maintenance-compact .summary-item:first-child{border-left:none;padding-left:0}.user-maintenance-compact .modal-compact-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.user-maintenance-compact .modal-compact{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;animation:.3s modalSlideIn;display:flex;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.user-maintenance-compact .wide-modal-compact{max-width:1000px}.user-maintenance-compact .modal-header-compact{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.user-maintenance-compact .modal-header-compact h3{color:#2c3e50;margin:0;font-size:1.25rem}.user-maintenance-compact .modal-close-compact{color:#6c757d;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:24px;transition:background .2s;display:flex}.user-maintenance-compact .modal-close-compact:hover{background:#f8f9fa}.user-maintenance-compact .modal-body-compact{flex:1;padding:24px;overflow-y:auto}.user-maintenance-compact .modal-form-compact{flex-direction:column;gap:24px;display:flex}.user-maintenance-compact .form-section-compact{flex-direction:column;gap:16px;display:flex}.user-maintenance-compact .form-section-compact h4{color:#495057;border-bottom:1px solid #e9ecef;margin:0;padding-bottom:8px;font-size:1rem}.user-maintenance-compact .form-grid-compact{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.user-maintenance-compact .form-group-compact{flex-direction:column;gap:8px;display:flex}.user-maintenance-compact .form-group-compact label{color:#495057;font-size:.9rem;font-weight:500}.user-maintenance-compact .form-group-compact label.required:after{content:" *";color:#e53e3e}.user-maintenance-compact .form-group-compact input,.user-maintenance-compact .form-group-compact select,.user-maintenance-compact .form-group-compact textarea{border:1px solid #ced4da;border-radius:6px;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.user-maintenance-compact .form-group-compact input:focus,.user-maintenance-compact .form-group-compact select:focus,.user-maintenance-compact .form-group-compact textarea:focus{border-color:#667eea;outline:none}.user-maintenance-compact .readonly-input{color:#6c757d;cursor:not-allowed;background:#f8f9fa}.user-maintenance-compact .radio-compact-group{gap:24px;margin-top:4px;display:flex}.user-maintenance-compact .radio-compact-group label{cursor:pointer;color:#6c757d;align-items:center;gap:8px;font-weight:400;display:flex}.user-maintenance-compact .radio-compact-group input[type=radio]{cursor:pointer;margin:0}.user-maintenance-compact .radio-dot{border:2px solid #ced4da;border-radius:50%;width:16px;height:16px;display:inline-block;position:relative}.user-maintenance-compact .radio-compact-group input[type=radio]:checked+.radio-dot:after{content:"";background:#667eea;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.user-maintenance-compact .modal-footer-compact{border-top:1px solid #e9ecef;justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.user-maintenance-compact .btn-cancel{color:#495057;cursor:pointer;background:#f8f9fa;border:1px solid #ced4da;border-radius:6px;padding:10px 20px;font-size:.9rem;transition:all .2s}.user-maintenance-compact .btn-cancel:hover{background:#e9ecef}.user-maintenance-compact .btn-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s}.user-maintenance-compact .btn-save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.user-maintenance-compact .delete-modal-compact{max-width:500px}.user-maintenance-compact .delete-content-compact{flex-direction:column;align-items:center;gap:24px;display:flex}.user-maintenance-compact .warning-icon-compact{color:#e53e3e;animation:2s infinite pulse}.user-maintenance-compact .delete-message-compact{text-align:center;width:100%}.user-maintenance-compact .delete-title-compact{color:#2c3e50;margin:0 0 20px;font-size:1.25rem;font-weight:600}.user-maintenance-compact .user-details-compact{text-align:left;background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:16px}.user-maintenance-compact .detail-row-compact{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.user-maintenance-compact .detail-row-compact:last-child{margin-bottom:0}.user-maintenance-compact .label-compact{color:#495057;font-size:.9rem;font-weight:500}.user-maintenance-compact .value-compact{color:#2c3e50;font-weight:500}.user-maintenance-compact .code-value{background:#e9ecef;border-radius:4px;padding:4px 8px;font-family:Courier New,monospace}.user-maintenance-compact .warning-box-compact{text-align:left;background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;padding:16px}.user-maintenance-compact .warning-header-compact{color:#856404;align-items:center;gap:8px;margin-bottom:8px;font-weight:500;display:flex}.user-maintenance-compact .warning-text-compact{color:#856404;margin:0;font-size:.9rem;line-height:1.5}.user-maintenance-compact .delete-cancel-btn{align-items:center;gap:8px;display:flex}.user-maintenance-compact .btn-delete-confirm-compact{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f56565 0%,#e53e3e 100%);border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:transform .2s,box-shadow .2s;display:flex}.user-maintenance-compact .btn-delete-confirm-compact:hover{transform:translateY(-2px);box-shadow:0 4px 12px #e53e3e4d}.alerts-container{z-index:9999;flex-direction:column;gap:10px;max-width:350px;display:flex;position:fixed;top:20px;right:20px}.alert{border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;font-size:.9rem;animation:.3s slideInRight;display:flex;box-shadow:0 4px 12px #00000026}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.alert-warning{color:#856404;background:#fff3cd;border-left:4px solid #ffc107}.alert button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.2rem;display:flex}@media (max-width:1024px){.user-maintenance-compact .form-grid-compact{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.user-maintenance-compact .image-upload-group{grid-column:span 1}.user-maintenance-compact .image-upload-container{width:150px;height:150px}.user-maintenance-compact .form-grid-compact{grid-template-columns:1fr}.user-maintenance-compact .password-input-group{flex-direction:column}.user-maintenance-compact .btn-change-password{width:100%}}@media (max-width:480px){.type-badge{padding:3px 8px;font-size:.7rem}.user-thumb{width:40px;height:40px}.user-maintenance-compact .compact-header,.user-maintenance-compact .compact-controls{flex-direction:column;align-items:flex-start;gap:15px}.user-maintenance-compact .search-compact{width:100%;max-width:100%}}:root{--color-primary:#452829;--color-secondary:#57595b;--color-accent:#e8d1c5;--color-background:#f3e8df;--color-primary-dark:#341d1e;--color-secondary-dark:#454648;--color-accent-dark:#d0b9ad;--color-text-primary:#452829;--color-text-secondary:#57595b;--color-text-light:#f3e8df;--color-border:#e8d1c5;--color-shadow:#4528291a;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--font-family-primary:"Inter", "Segoe UI", -apple-system, sans-serif;--font-family-secondary:"Playfair Display", serif;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-primary);background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-background{background-color:var(--color-background)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-light{color:var(--color-text-light)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-family:var(--font-family-primary);cursor:pointer;transition:background-color var(--transition-normal);border:none;font-weight:600}.btn-primary{background-color:var(--color-primary);color:var(--color-text-light)}.btn-primary:hover{background-color:var(--color-primary-dark)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-light)}.btn-secondary:hover{background-color:var(--color-secondary-dark)}.btn-accent{background-color:var(--color-accent);color:var(--color-text-primary)}.btn-accent:hover{background-color:var(--color-accent-dark)}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.shadow{box-shadow:0 4px 6px var(--color-shadow)}.mobile-maintenance{flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.compact-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.compact-header h1{color:var(--color-primary);align-items:center;gap:8px;font-size:1.3rem;font-weight:600;display:flex}.subtitle{color:var(--color-secondary);margin-top:2px;font-size:.8rem}.btn-add-compact{background:var(--color-primary);color:#fff;cursor:pointer;transition:background var(--transition-fast);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex}.btn-add-compact:hover{background:var(--color-primary-dark)}.compact-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.search-compact input{border:1px solid var(--color-border);background:#fff;border-radius:6px;width:100%;padding:6px 12px 6px 32px;font-size:.85rem}.search-compact input:focus{border-color:var(--color-primary);outline:none}.controls-right select{border:1px solid var(--color-border);background:#fff;border-radius:6px;min-width:120px;padding:6px 12px;font-size:.85rem}.btn-refresh-compact{border:1px solid var(--color-border);cursor:pointer;width:28px;height:28px;transition:all var(--transition-fast);background:#fff;border-radius:6px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.btn-refresh-compact:hover{background:var(--color-background);border-color:var(--color-primary)}.table-container-compact{background:#fff;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.btn-add-empty-compact{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem}.table-wrapper-compact{flex:1;overflow:auto}.table-compact th{background:var(--color-background);text-align:left;color:var(--color-primary);border-bottom:1px solid var(--color-border);z-index:10;padding:8px 12px;font-weight:600;position:sticky;top:0}.table-compact td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:8px 12px}.desc-cell small{color:var(--color-secondary);font-size:.75rem;display:block}.email-link{color:var(--color-primary);font-size:.8rem;text-decoration:none}.email-link:hover{text-decoration:underline}.status-badge-compact,.stock-badge-compact{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.stock-badge-compact.yes{color:#1e40af;background:#dbeafe}.stock-badge-compact.no{color:#92400e;background:#fef3c7}.btn-edit-compact,.btn-delete-compact{cursor:pointer;width:26px;height:26px;transition:all var(--transition-fast);border:none;border-radius:4px;justify-content:center;align-items:center;font-size:.9rem;display:flex}.table-footer-compact{background:var(--color-background);border-top:1px solid var(--color-border);text-align:right;color:var(--color-secondary);padding:8px 12px;font-size:.75rem}.modal-compact{background:#fff;border-radius:8px;width:90%;max-width:800px;max-height:85vh;animation:.2s modalSlide;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header-compact{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.modal-header-compact h3{color:var(--color-primary);font-size:1.1rem;font-weight:600}.modal-close-compact{cursor:pointer;color:var(--color-secondary);background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.modal-close-compact:hover{color:var(--color-primary)}.modal-form-compact{padding:16px}.form-group-compact{margin-bottom:12px}.form-group-compact input,.form-group-compact select,.form-group-compact textarea{border:1px solid var(--color-border);background:#fff;border-radius:6px;width:100%;padding:6px 10px;font-size:.85rem}.form-group-compact input:focus,.form-group-compact select:focus,.form-group-compact textarea:focus{border-color:var(--color-primary);outline:none}.readonly-input{cursor:not-allowed;background:var(--color-background)!important}.radio-compact-group{gap:16px;margin-top:4px;display:flex}.radio-compact-group label{cursor:pointer;align-items:center;gap:6px;font-weight:400;display:flex}.radio-compact-group input{display:none}.radio-dot{border:2px solid var(--color-border);border-radius:50%;width:16px;height:16px;position:relative}.radio-compact-group input:checked+.radio-dot{border-color:var(--color-primary)}.radio-compact-group input:checked+.radio-dot:after{content:"";background:var(--color-primary);border-radius:50%;width:6px;height:6px;position:absolute;top:3px;left:3px}.full-width{grid-column:1/-1}.modal-actions-compact{border-top:1px solid var(--color-border);justify-content:flex-end;gap:8px;margin-top:8px;padding-top:16px;display:flex}.btn-cancel{border:1px solid var(--color-border);color:var(--color-primary);cursor:pointer;background:#fff;border-radius:6px;padding:6px 16px;font-size:.85rem}.btn-cancel:hover{background:var(--color-background)}.btn-save{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 20px;font-size:.85rem;font-weight:500}.delete-content p{color:var(--color-primary);margin-bottom:8px}.btn-delete-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:6px 20px;font-size:.85rem;font-weight:500}@media (max-width:768px){.mobile-maintenance{height:calc(100vh - 100px);padding:8px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px}.compact-controls{flex-direction:column;align-items:stretch}.search-compact{max-width:100%}.controls-right{justify-content:space-between}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:6px 8px}.actions-col{min-width:70px}}@media (max-width:480px){.table-compact{font-size:.75rem}.code-badge,.status-badge-compact,.stock-badge-compact{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px}.modal-compact{width:95%;margin:10px}}.table-wrapper-compact{scrollbar-width:thin}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:var(--color-background)}.table-wrapper-compact::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:var(--color-secondary)}@media (max-width:768px){.cash-app{padding:10px}.app-header{flex-direction:column;gap:15px;padding:15px}.form-grid{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.list-actions{flex-direction:column;width:100%}.search-input{width:100%}.receipts-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.clear-btn,.save-btn{width:100%}.print-content{width:95%;margin:10px}}@media (max-width:480px){.voucher-info{flex-direction:column;gap:10px}.details-table{font-size:12px}.details-table th,.details-table td{padding:8px 5px}}.desc-cell{color:#495057;text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.8rem;overflow:hidden}.cash-modal{max-height:80vh}@media (max-width:768px){.cash-maintenance-compact{height:calc(100vh - 100px);padding:4px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px;margin:4px;padding:10px}.compact-controls{flex-direction:column;align-items:stretch;padding:0 4px}.search-compact{max-width:100%}.controls-right{justify-content:flex-end}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:8px 6px;font-size:.75rem}.actions-col{min-width:100px}.modal-compact{width:98%;max-height:90vh;margin:10px}.modal-body-scrollable{max-height:calc(90vh - 120px);padding:15px}}@media (max-width:480px){.table-compact,.code-badge,.amount-cell,.date-cell,.desc-cell,.remarks-cell{font-size:.7rem}.btn-edit-compact,.btn-delete-compact,.btn-print-compact{width:24px;height:24px;font-size:.8rem}.modal-compact{width:95%}.form-section-compact{padding:12px}.details-table-compact th,.details-table-compact td{padding:4px 6px;font-size:.7rem}}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.modal-body-scrollable::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-small::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper-small::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.print-modal-compact{width:98%;margin:10px}.receipt-header{text-align:center;flex-direction:column}.detail-row{flex-direction:column;gap:5px}.detail-label,.detail-value{text-align:left;min-width:auto}.paper-options,.print-actions{flex-direction:column}.btn-cancel,.btn-print-now{width:100%}}@media (prefers-color-scheme:dark){.print-preview{color:#e0e0e0;background:#1a1a1a;border-color:#444}.receipt-title{background:#2a2a2a;border-color:#444}.amount-section{background:linear-gradient(135deg,#2a2a2a 0%,#333 100%)}}.cash-maintenance-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.account-cell{min-width:150px}.account-cell strong{color:#212529;margin-bottom:2px;font-size:.85rem;display:block}.account-cell small{color:#6c757d;font-size:.75rem}.cheque-cell{color:#1e40af;background:#e0f2fe;border-radius:3px;padding:3px 6px;font-size:.8rem;font-weight:500;display:inline-block}.btn-edit-compact,.btn-delete-compact,.btn-print-compact{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;transition:all .2s;display:flex}.btn-print-compact{color:#1e40af;background:#dbeafe}.btn-print-compact:hover{background:#bfdbfe}.bank-modal{max-height:80vh}.amount-input{text-align:right;font-weight:600}.details-table-compact{background:#fff;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.details-table-compact table{border-collapse:collapse;width:100%;font-size:.8rem}.details-table-compact th{text-align:left;color:#452829;white-space:nowrap;background:#e9ecef;border-bottom:1px solid #dee2e6;padding:8px 10px;font-weight:600;position:sticky;top:0}.details-table-compact td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:6px 10px}.details-table-compact select,.details-table-compact input{background:#fff;border:1px solid #ced4da;border-radius:3px;width:100%;padding:4px 8px;font-size:.8rem}.details-table-compact input[type=number]{text-align:right}.print-modal-compact{max-width:600px}.print-content{padding:20px}.print-preview{background:#fff;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px #0000001a}.receipt-header{border-bottom:2px solid #452829;align-items:center;gap:15px;margin-bottom:15px;padding-bottom:15px;display:flex}.company-logo img{object-fit:contain;background:#fff;border:1px solid #dee2e6;border-radius:8px;width:60px;height:60px;padding:5px}.company-info h2{color:#452829;margin:0;font-size:20px;font-weight:700}.company-info p{color:#666;margin:3px 0;font-size:12px}.receipt-title{text-align:center;color:#452829;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;margin:15px 0;padding:10px;font-size:18px;font-weight:700}.receipt-details{margin:20px 0}.detail-row{justify-content:space-between;margin:8px 0;padding:5px 0;display:flex}.detail-label{color:#495057;min-width:100px;font-size:13px;font-weight:600}.detail-value{color:#212529;text-align:right;flex:1;font-size:13px}.divider{border-top:1px dashed #adb5bd;margin:15px 0}.divider-double{border-top:2px solid #452829;margin:20px 0}.amount-section{text-align:center;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #452829;border-radius:10px;margin:20px 0;padding:20px}.amount-label{color:#452829;margin-bottom:10px;font-size:14px;font-weight:600}.amount{color:#452829;font-size:28px;font-weight:700}.signature-section{text-align:center;margin-top:30px}.signature-line{border-top:1px solid #000;width:150px;margin-bottom:5px;display:inline-block}.signature-label{color:#666;font-size:12px;font-style:italic}.receipt-footer{text-align:center;color:#6c757d;border-top:1px solid #dee2e6;margin-top:30px;padding-top:15px;font-size:11px}.footer-text{margin:3px 0}.print-settings{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin-bottom:20px;padding:15px}.setting-group{margin-bottom:15px}.setting-group:last-child{margin-bottom:0}.setting-group label{color:#495057;margin-bottom:8px;font-size:13px;font-weight:500;display:block}.copies-input{text-align:center;border:1px solid #ced4da;border-radius:4px;width:80px;padding:8px 12px;font-size:14px}.paper-options{gap:10px;display:flex}.paper-option{color:#495057;cursor:pointer;text-align:center;background:#fff;border:1px solid #ced4da;border-radius:4px;flex:1;padding:10px;font-size:12px;transition:all .2s}.paper-option:hover{background:#f8f9fa;border-color:#452829}.paper-option.active{color:#fff;background:#452829;border-color:#452829}.print-actions{border-top:1px solid #dee2e6;justify-content:flex-end;gap:10px;padding-top:20px;display:flex}.btn-print-now{color:#fff;cursor:pointer;background:#452829;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 25px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.btn-print-now:hover{background:#352021}.print-preview{animation:.3s fadeIn}@media (max-width:768px){.cash-maintenance-compact{height:calc(100vh - 100px);padding:4px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px;margin:4px;padding:10px}.compact-controls{flex-direction:column;align-items:stretch;padding:0 4px}.search-compact{max-width:100%}.controls-right{justify-content:flex-end}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:8px 6px;font-size:.75rem}.actions-col{min-width:100px}.modal-compact{width:98%;max-height:90vh;margin:10px}.modal-body-scrollable{max-height:calc(90vh - 120px);padding:15px}.receipt-header{text-align:center;flex-direction:column}.detail-row{flex-direction:column;gap:5px}.detail-label,.detail-value{text-align:left;min-width:auto}.paper-options,.print-actions{flex-direction:column}.btn-cancel,.btn-print-now{width:100%}}@media (max-width:480px){.table-compact,.code-badge,.amount-cell,.date-cell,.cheque-cell,.remarks-cell{font-size:.7rem}.btn-edit-compact,.btn-delete-compact,.btn-print-compact{width:24px;height:24px;font-size:.8rem}.modal-compact{width:95%}.form-section-compact{padding:12px}.details-table-compact th,.details-table-compact td{padding:4px 6px;font-size:.7rem}}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.modal-body-scrollable::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper-compact,.modal-body-scrollable{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}:root{--color-primary:#452829;--color-primary-dark:#2d1b1c;--color-accent:#f5f5f5;--color-accent-dark:#e0e0e0;--color-background:#f9f9f9;--color-border:#ddd;--color-text-primary:#333;--color-text-secondary:#666;--color-text-light:#fff;--color-shadow:#4528291a}.cash-app{max-width:100%;font-family:Inter,Segoe UI,sans-serif}.app-header{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-light);box-shadow:0 4px 12px var(--color-shadow);border-radius:12px;justify-content:space-between;align-items:center;padding:4px 9px;display:flex}.company{align-items:center;gap:15px;display:flex}.company img{object-fit:contain;background:#fff;border-radius:8px;width:50px;height:50px;padding:3px}.company-info h1{margin:0;font-size:22px;font-weight:600}.company-info p{opacity:.9;margin:2px 0 0;font-size:12px}.action-buttons{gap:10px;display:flex}.action-buttons button{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.action-buttons button:hover{background:#ffffff40}.action-buttons button.active{color:var(--color-primary);background:#fff}.receipt-form{background:#fff;border-radius:12px;margin-bottom:10px;padding:10px;box-shadow:0 4px 12px #00000014}.form-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.form-header h2{color:var(--color-text-primary);margin:0;font-size:18px}.voucher-info{gap:20px;font-size:13px;display:flex}.voucher-info>div{flex-direction:column;gap:3px;display:flex}.voucher-info span{color:var(--color-text-secondary);font-size:12px}.voucher-info strong{color:var(--color-primary);font-size:14px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--color-text-primary);font-size:13px;font-weight:500}.form-group select,.form-group input{border:1px solid var(--color-border);border-radius:6px;padding:10px;font-size:14px;transition:all .3s}.form-group select:focus,.form-group input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #4528291a}.details-section{background:var(--color-background);border-radius:8px;margin-bottom:15px;padding:15px}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h3{color:var(--color-text-primary);margin:0;font-size:16px}.add-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .3s}.add-btn:hover{background:var(--color-primary-dark)}.details-table{overflow-x:auto}.details-table table{border-collapse:collapse;width:100%;font-size:13px}.details-table th{background:var(--color-accent);text-align:left;color:var(--color-text-primary);border-bottom:2px solid var(--color-border);padding:10px;font-weight:500}.details-table td{border-bottom:1px solid var(--color-border);padding:10px}.details-table select,.details-table input{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:8px;font-size:13px}.details-table input.readonly{color:var(--color-text-secondary);background:#f8f9fa}.details-table input.amount-input{text-align:right;font-weight:600}.remove-btn{color:#f44336;cursor:pointer;background:0 0;border:1px solid #f44336;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;transition:all .3s;display:flex}.remove-btn:hover{color:#fff;background:#f44336}.total-row{background:var(--color-accent)}.total-label{text-align:right;color:var(--color-text-primary);font-size:14px;font-weight:600}.total-amount{color:var(--color-primary);font-size:14px;font-weight:700}.form-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:15px;padding-top:15px;display:flex}.clear-btn,.save-btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 25px;font-size:14px;font-weight:500;transition:all .3s;display:flex}.clear-btn{background:var(--color-background);color:var(--color-text-secondary);border:1px solid var(--color-border)}.clear-btn:hover{background:var(--color-accent)}.save-btn{background:var(--color-primary);color:#fff}.save-btn:hover{background:var(--color-primary-dark)}.receipts-list{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 12px #00000014}.list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.list-header h2{color:var(--color-text-primary);margin:0;font-size:18px}.list-actions{align-items:center;gap:10px;display:flex}.search-input{border:1px solid var(--color-border);border-radius:6px;width:200px;padding:10px;font-size:13px}.new-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:10px 20px;font-size:13px;font-weight:500;display:flex}.receipts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px;display:grid}.receipt-card{border:1px solid var(--color-border);background:#fff;border-radius:8px;transition:all .3s;overflow:hidden}.receipt-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 6px 20px #0000001a}.card-header{background:var(--color-primary);color:#fff;justify-content:space-between;align-items:center;padding:12px;display:flex}.voucher-no{font-size:16px;font-weight:600}.receipt-date{background:#fff3;border-radius:12px;padding:4px 10px;font-size:12px}.card-body{padding:15px}.account-info{margin-bottom:10px}.account-code{color:var(--color-text-secondary);margin-bottom:3px;font-size:12px}.account-name{color:var(--color-text-primary);font-size:15px;font-weight:500}.remarks{background:var(--color-background);color:var(--color-text-secondary);border-radius:6px;margin:10px 0;padding:10px;font-size:12px;line-height:1.4}.amount-info{text-align:center;background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-background) 100%);border-radius:6px;padding:12px}.amount-label{color:var(--color-primary);margin-bottom:5px;font-size:12px}.amount-value{color:var(--color-primary);font-size:18px;font-weight:700}.card-footer{border-top:1px solid var(--color-border);gap:8px;padding:12px 15px;display:flex}.edit-btn,.print-btn{cursor:pointer;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px;font-size:12px;font-weight:500;display:flex}.edit-btn{background:var(--color-accent);color:var(--color-text-primary)}.edit-btn:hover{background:var(--color-accent-dark)}.print-btn{background:var(--color-primary);color:#fff}.print-btn:hover{background:var(--color-primary-dark)}.print-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.print-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:20px;overflow-y:auto}.print-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;display:flex}.print-header h3{color:var(--color-text-primary);margin:0}.close-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;font-size:20px}.print-preview{border:1px dashed var(--color-border);background:#fff;border-radius:8px;margin-bottom:20px;padding:20px}.print-preview .company{text-align:center;margin-bottom:15px}.print-preview .company img{width:60px;height:60px;margin-bottom:10px}.print-preview .title{text-align:center;color:var(--color-text-primary);margin:15px 0;font-weight:600}.print-preview .line{background:#000;height:1px;margin:10px 0}.print-preview .dashed-line{background:repeating-linear-gradient(90deg,#0000,#0000 5px,#000 5px 10px);height:1px;margin:20px 0}.print-actions{justify-content:center;gap:15px;display:flex}.loading{text-align:center;color:var(--color-text-secondary);padding:40px;font-size:14px}.empty-list{text-align:center;color:var(--color-text-secondary);padding:40px}.empty-list p{margin-bottom:20px;font-size:14px}@media (max-width:768px){.cash-app{padding:10px}.app-header{flex-direction:column;gap:15px;padding:15px}.form-grid{grid-template-columns:1fr}.list-header{flex-direction:column;align-items:stretch}.list-actions{flex-direction:column;width:100%}.search-input{width:100%}.receipts-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}.clear-btn,.save-btn{width:100%}.print-content{width:95%;margin:10px}}@media (max-width:480px){.voucher-info{flex-direction:column;gap:10px}.details-table{font-size:12px}.details-table th,.details-table td{padding:8px 5px}}.recipe-maintenance-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.item-code-badge{color:#0369a1;text-align:center;background:#e0f2fe;border-radius:4px;min-width:70px;padding:3px 8px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;display:inline-block}.desc-cell{min-width:200px}.desc-cell strong{color:#212529;margin-bottom:2px;font-size:.85rem;display:block}.desc-cell small{color:#6c757d;font-size:.75rem}.recipe-modal{max-height:80vh}.size-options-compact{gap:8px;margin-top:4px;display:flex}.size-option-compact{color:#495057;cursor:pointer;text-align:center;background:#fff;border:1px solid #ced4da;border-radius:4px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.size-option-compact:hover{background:#f8f9fa;border-color:#452829}.size-option-compact.selected{color:#fff;background:#452829;border-color:#452829}.materials-table-compact{background:#fff;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.table-wrapper-small{max-height:250px;overflow-x:auto}.materials-table-compact table{border-collapse:collapse;width:100%;font-size:.8rem}.materials-table-compact th{text-align:left;color:#452829;white-space:nowrap;background:#e9ecef;border-bottom:1px solid #dee2e6;padding:8px 10px;font-weight:600;position:sticky;top:0}.materials-table-compact td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:6px 10px}.materials-table-compact select,.materials-table-compact input{background:#fff;border:1px solid #ced4da;border-radius:3px;width:100%;padding:4px 8px;font-size:.8rem}.materials-table-compact input[type=number]{text-align:right}.total-amount-compact{color:#059669;font-size:.9rem;font-weight:600}.delete-modal-compact{max-width:400px}.delete-content{text-align:center;padding:20px}.warning-icon{opacity:.7;margin-bottom:12px;font-size:2rem}.delete-content p{color:#212529;margin-bottom:8px;font-size:.9rem}.warning-text{color:#6c757d;font-size:.8rem}.btn-delete-confirm{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:4px;padding:6px 20px;font-size:.85rem;font-weight:500;transition:background .2s}.btn-delete-confirm:hover{background:#c82333}@media (max-width:768px){.recipe-maintenance-compact{height:calc(100vh - 100px);padding:4px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px;margin:4px;padding:10px}.compact-controls{flex-direction:column;align-items:stretch;padding:0 4px}.search-compact{max-width:100%}.controls-right{justify-content:flex-end}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:8px 6px;font-size:.75rem}.actions-col{min-width:70px}.modal-compact{width:98%;max-height:90vh;margin:10px}.modal-body-scrollable{max-height:calc(90vh - 120px);padding:15px}.size-options-compact{flex-direction:column}.size-option-compact{width:100%}}@media (max-width:480px){.table-compact,.code-badge,.item-code-badge,.amount-cell,.date-cell{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px;font-size:.8rem}.modal-compact{width:95%}.form-section-compact{padding:12px}.materials-table-compact th,.materials-table-compact td{padding:4px 6px;font-size:.7rem}}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.modal-body-scrollable::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-small::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper-small::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.item-purchase-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.purchase-modal{max-height:85vh}.readonly-input.amount{text-align:right;font-weight:600;color:#059669!important}@media (max-width:768px){.item-purchase-compact{height:calc(100vh - 100px);padding:4px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px;margin:4px;padding:10px}.compact-controls{flex-direction:column;align-items:stretch;padding:0 4px}.search-compact{max-width:100%}.controls-right{justify-content:flex-end}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:8px 6px;font-size:.75rem}.actions-col{min-width:70px}.modal-compact{width:98%;max-height:90vh;margin:10px}.modal-body-scrollable{max-height:calc(90vh - 120px);padding:15px}.total-summary-compact{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){.table-compact,.code-badge,.amount-cell,.date-cell{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px;font-size:.8rem}.modal-compact{width:95%}.form-section-compact{padding:12px}.items-table-compact th,.items-table-compact td{padding:4px 6px;font-size:.7rem}}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.modal-body-scrollable::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-small::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper-small::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.raw-material-stock-scrollable{background:#f8f9fa;flex-direction:column;width:100%;height:calc(100vh - 120px);padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.date-controls{align-items:center;gap:6px;display:flex}.date-input-scrollable{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:120px;padding:5px 8px;font-size:.8rem}.date-input-scrollable:focus{border-color:#4a6baf;outline:none;box-shadow:0 0 0 2px #4a6baf1a}.btn-refresh-scrollable,.btn-reset-scrollable{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.85rem;transition:all .15s;display:flex}.stat-badge{color:#495057;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;display:flex}.stat-badge.low{color:#dc3545;background:#fff5f5;border-color:#fec5c5}.filter-select-scrollable{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:120px;padding:6px 10px;font-size:.8rem}.filter-select-scrollable:focus{border-color:#4a6baf;outline:none}.table-scrollable-body td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f3f4;height:30px;max-height:30px;padding:2px 3px;overflow:hidden}.low-stock-row-scrollable{background-color:#fff5f5!important}.low-stock-row-scrollable:hover{background-color:#ffe3e3!important}.col-code{width:80px;min-width:80px}.col-uom{width:50px;min-width:50px}.col-stock{width:70px;min-width:70px}.col-order{width:80px;min-width:80px}.col-value{width:100px;min-width:100px}.col-status{width:60px;min-width:60px}.serial-scrollable{color:#6c757d;font-size:.75rem;font-weight:500}.code-scrollable{color:#2c3e50;background:#f8f9fa;border-radius:3px;padding:3px 6px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.75rem;font-weight:600;display:inline-block}.uom-scrollable{color:#4a6baf;background:#e8f4fd;border-radius:10px;padding:3px 8px;font-size:.75rem;font-weight:600;display:inline-block}.stock-scrollable{text-align:center;font-size:.8rem;font-weight:600;display:block}.stock-scrollable.low-stock{color:#dc3545;font-weight:700}.order-scrollable{color:#2c3e50;text-align:center;font-size:.8rem;font-weight:500;display:block}.value-scrollable{color:#2c3e50;text-overflow:ellipsis;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.75rem;font-weight:600;display:block;overflow:hidden}.status-scrollable{text-align:center;border-radius:10px;width:100%;padding:4px 8px;font-size:.75rem;font-weight:600;display:inline-block}.status-scrollable.ok{color:#155724;background:#d4edda}.status-scrollable.low{color:#721c24;background:#f8d7da}.count-info{font-weight:500}@keyframes spin-scrollable{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.raw-material-stock-scrollable{padding:6px}.scrollable-header{padding:8px}.header-top-row{flex-direction:column;align-items:stretch;gap:8px}.header-top-row h2{font-size:1rem}.date-controls{justify-content:flex-start}.date-input-scrollable{min-width:100px}.header-bottom-row{flex-direction:column;align-items:stretch;gap:8px}.search-container-scrollable{max-width:100%}.summary-stats-scrollable{justify-content:center}.table-scrollable-body td{height:32px;padding:6px 4px}.col-desc{min-width:120px}.desc-scrollable strong{font-size:.75rem}.desc-scrollable small{font-size:.65rem}}@media (max-width:480px){.header-top-row h2{font-size:.9rem}.date-input-scrollable{padding:4px 6px;font-size:.75rem}.btn-refresh-scrollable,.btn-reset-scrollable{width:26px;height:26px;font-size:.75rem}.filter-select-scrollable{padding:5px 8px;font-size:.75rem}.table-scrollable-header th{padding:8px 4px;font-size:.7rem}.table-scrollable-body td{height:30px;padding:5px 3px}.code-scrollable,.uom-scrollable,.status-scrollable{font-size:.7rem}.btn-view-scrollable{width:24px;height:24px;font-size:.7rem}}.item-purchase-return-compact{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;overflow:hidden}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:3px 8px;font-size:.7rem;font-weight:500}.status-badge.verified{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.status-badge.pending{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.code-badge.return{color:#dc2626;background:#fee2e2}.amount-cell.return-amount{color:#dc2626;font-weight:600}.readonly-input.amount.return-amount{color:#dc2626!important}.btn-save.return{background:#dc2626}.btn-save.return:hover{background:#b91c1c}.supplier-cell{flex-direction:column;gap:2px;display:flex}.supplier-code{color:#6c757d;background:#e9ecef;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.75rem;display:inline-block}.supplier-name{color:#212529;font-size:.85rem;font-weight:500}.quantity-cell{color:#452829;white-space:nowrap;font-size:.85rem;font-weight:600}.items-table-compact{background:#fff;border:1px solid #dee2e6;border-radius:4px;overflow:hidden}.items-table-compact table{border-collapse:collapse;width:100%;font-size:.8rem}.items-table-compact th{text-align:left;color:#452829;white-space:nowrap;background:#e9ecef;border-bottom:1px solid #dee2e6;padding:8px 10px;font-weight:600;position:sticky;top:0}.items-table-compact td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:6px 10px}.items-table-compact select,.items-table-compact input{background:#fff;border:1px solid #ced4da;border-radius:3px;width:100%;padding:4px 8px;font-size:.8rem}.items-table-compact input[type=number]{text-align:right}.total-summary-compact{align-items:center;gap:20px;display:flex}.total-quantity-compact{align-items:center;gap:8px;font-size:.9rem;display:flex}.total-quantity-compact span{color:#6c757d}.total-quantity-compact strong{color:#452829;font-size:1rem}.total-amount-compact{align-items:center;gap:8px;font-size:.9rem;display:flex}.total-amount-compact span{color:#6c757d}.total-amount-compact strong{color:#dc2626;font-size:1rem}.form-section-compact.inner-section{background:#fff;border:1px solid #e9ecef;margin-top:12px}.section-subtitle-compact{color:#6c757d;border-bottom:1px solid #dee2e6;margin:0 0 12px;padding-bottom:8px;font-size:.85rem;font-weight:600}.purchase-return-modal{max-height:85vh}.compact-header{background:#fff;border-bottom:1px solid #dee2e6;border-radius:8px;justify-content:space-between;align-items:center;margin:8px;padding:12px 16px;display:flex;box-shadow:0 1px 3px #0000000d}.compact-header h1{color:#452829;align-items:center;gap:8px;margin:0;font-size:1.3rem;font-weight:600;display:flex}.subtitle{color:#6c757d;margin-top:2px;margin-bottom:0;font-size:.8rem}.btn-add-compact{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.btn-add-compact:hover{background:#b91c1c;transform:translateY(-1px)}.compact-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:0 8px;display:flex}.search-compact{flex:1;max-width:300px;position:relative}.search-compact input{background:#fff;border:1px solid #ced4da;border-radius:6px;width:100%;padding:6px 12px 6px 32px;font-size:.85rem;transition:border-color .2s}.search-compact input:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 2px #dc26261a}.search-icon{color:#6c757d;font-size:.9rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.controls-right{align-items:center;gap:8px;display:flex}.btn-refresh-compact{cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .2s;display:flex}.btn-refresh-compact:hover{background:#f8f9fa;border-color:#dc2626;transform:rotate(90deg)}.table-container-compact{background:#fff;border-radius:8px;flex-direction:column;flex:1;margin:0 8px 8px;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.loading-compact{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.spinner-compact{border:2px solid #e9ecef;border-top-color:#dc2626;border-radius:50%;width:30px;height:30px;margin-bottom:8px;animation:1s linear infinite spin}.empty-compact{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-compact p{color:#6c757d;margin-bottom:16px;font-size:.9rem}.btn-add-empty-compact{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:6px 16px;font-size:.85rem;transition:background .2s}.btn-add-empty-compact:hover{background:#b91c1c}.table-wrapper-compact{flex:1;max-height:calc(100vh - 250px);overflow:auto}.table-compact{border-collapse:collapse;width:100%;font-size:.8rem}.table-compact th{text-align:left;color:#452829;z-index:10;background:#f8f9fa;border-bottom:2px solid #dee2e6;padding:10px 12px;font-weight:600;position:sticky;top:0}.table-compact td{vertical-align:middle;border-bottom:1px solid #e9ecef;padding:10px 12px}.code-badge{color:#452829;text-align:center;background:#e9ecef;border-radius:4px;min-width:80px;padding:3px 8px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600;display:inline-block}.amount-cell{color:#059669;white-space:nowrap;font-size:.85rem;font-weight:600}.date-cell{color:#6c757d;white-space:nowrap;font-size:.8rem}.remarks-cell{color:#495057;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.8rem;display:inline-block;overflow:hidden}.actions-compact{gap:4px;display:flex}.btn-edit-compact,.btn-delete-compact{cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;transition:all .2s;display:flex}.btn-edit-compact{color:#452829;background:#f0e6d2}.table-footer-compact{text-align:right;color:#6c757d;background:#f8f9fa;border-top:1px solid #dee2e6;padding:8px 12px;font-size:.75rem}.modal-compact-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-compact{background:#fff;border-radius:8px;flex-direction:column;width:95%;max-width:1000px;max-height:85vh;animation:.2s modalSlide;display:flex;box-shadow:0 4px 20px #0003}.modal-header-compact{background:#f8f9fa;border-bottom:1px solid #dee2e6;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.modal-header-compact.fixed-header{z-index:20;position:sticky;top:0}.modal-header-compact h3{color:#452829;margin:0;font-size:1.1rem;font-weight:600}.modal-close-compact{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.5rem;display:flex}.modal-close-compact:hover{color:#452829;background:#e9ecef}.modal-body-scrollable{flex:1;max-height:calc(85vh - 120px);padding:20px;overflow-y:auto}.modal-form-compact{flex-direction:column;gap:20px;display:flex}.form-section-compact{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:16px}.section-title-compact{color:#452829;border-bottom:1px solid #dee2e6;margin:0 0 12px;padding-bottom:8px;font-size:.95rem;font-weight:600}.form-grid-compact{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:12px;display:grid}.form-grid-compact:last-child{margin-bottom:0}.form-group-compact{flex-direction:column;display:flex}.form-group-compact.full-width{grid-column:1/-1}.form-group-compact label{color:#495057;margin-bottom:4px;font-size:.8rem;font-weight:500;display:block}.form-group-compact label.required:after{content:" *";color:#dc3545}.form-group-compact input,.form-group-compact select{background:#fff;border:1px solid #ced4da;border-radius:4px;width:100%;padding:6px 10px;font-size:.85rem;transition:border-color .2s}.form-group-compact input:focus,.form-group-compact select:focus{border-color:#dc2626;outline:none;box-shadow:0 0 0 2px #dc26261a}.readonly-input{cursor:not-allowed;color:#6c757d!important;background:#e9ecef!important}.readonly-input.amount{text-align:right;font-weight:600}.section-header-compact{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.btn-add-item-compact{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:500;transition:background .2s;display:flex}.btn-add-item-compact:hover{background:#b91c1c}.btn-remove-compact{color:#dc3545;cursor:pointer;background:0 0;border:1px solid #dc3545;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin:0 auto;font-size:14px;transition:all .2s;display:flex}.btn-remove-compact:hover{color:#fff;background:#dc3545}.total-row-compact{background:#e9ecef;border-top:2px solid #dee2e6;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.total-label-compact{color:#452829;font-size:.9rem}.modal-footer-compact{background:#f8f9fa;border-top:1px solid #dee2e6;flex-shrink:0;padding:12px 20px}.modal-footer-compact.fixed-footer{z-index:20;position:sticky;bottom:0}.modal-actions-compact{justify-content:flex-end;gap:8px;display:flex}.btn-cancel{color:#452829;cursor:pointer;background:#fff;border:1px solid #ced4da;border-radius:4px;padding:6px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#f8f9fa;border-color:#452829}.btn-save{color:#fff;cursor:pointer;background:#452829;border:none;border-radius:4px;min-width:80px;padding:6px 20px;font-size:.85rem;font-weight:500;transition:background .2s}.btn-save:hover{background:#352021}@media (max-width:768px){.item-purchase-return-compact{height:calc(100vh - 100px);padding:4px}.compact-header{flex-direction:column;align-items:flex-start;gap:8px;margin:4px;padding:10px}.compact-controls{flex-direction:column;align-items:stretch;padding:0 4px}.search-compact{max-width:100%}.controls-right{justify-content:flex-end}.form-grid-compact{grid-template-columns:1fr}.table-compact th,.table-compact td{padding:8px 6px;font-size:.75rem}.actions-col{min-width:70px}.modal-compact{width:98%;max-height:90vh;margin:10px}.modal-body-scrollable{max-height:calc(90vh - 120px);padding:15px}.total-summary-compact{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:480px){.table-compact,.code-badge,.amount-cell,.date-cell{font-size:.7rem}.btn-edit-compact,.btn-delete-compact{width:24px;height:24px;font-size:.8rem}.modal-compact{width:95%}.form-section-compact{padding:12px}.items-table-compact th,.items-table-compact td{padding:4px 6px;font-size:.7rem}}.table-wrapper-compact::-webkit-scrollbar{width:6px;height:6px}.modal-body-scrollable::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-small::-webkit-scrollbar{width:6px;height:6px}.table-wrapper-compact::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.modal-body-scrollable::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-small::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.table-wrapper-compact::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.modal-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper-small::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.table-wrapper-compact,.modal-body-scrollable,.table-wrapper-small{scrollbar-width:thin;scrollbar-color:#c1c1c1 #f1f1f1}.general-ledger-scrollable{background:#f8f9fa;flex-direction:column;width:100%;height:calc(100vh - 120px);padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.alerts-container{z-index:1000;position:fixed;top:10px;right:10px}.alert{background:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-width:250px;margin-bottom:8px;padding:8px 16px;font-size:.85rem;animation:.2s slideIn;display:flex;box-shadow:0 2px 8px #00000026}.alert-success{color:#065f46;background:#f0fdf4;border-left:3px solid #10b981}.alert-error{color:#991b1b;background:#fef2f2;border-left:3px solid #ef4444}.alert-info{color:#1e40af;background:#eff6ff;border-left:3px solid #3b82f6}.alert button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.alert button:hover{opacity:1}.scrollable-header{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:10px 12px;box-shadow:0 1px 3px #00000014}.header-top-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-top-row h2{color:#452829;align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.header-actions{align-items:center;gap:6px;display:flex}.btn-refresh-scrollable,.btn-reset-scrollable,.btn-print-scrollable,.btn-export-scrollable{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:flex}.btn-refresh-scrollable:hover{color:#4a6baf;background:#f8f9fa;border-color:#4a6baf}.btn-reset-scrollable:hover{background:#f8f9fa;border-color:#6c757d}.btn-print-scrollable:hover{color:#0d6efd;background:#f8f9fa;border-color:#0d6efd}.btn-export-scrollable:hover{color:#198754;background:#f8f9fa;border-color:#198754}.filter-row-scrollable{border-bottom:1px solid #e9ecef;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.filter-group-scrollable{flex-direction:column;gap:4px;display:flex}.filter-group-scrollable label{color:#495057;white-space:nowrap;font-size:.75rem;font-weight:500}.filter-select-scrollable,.date-input-scrollable{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:150px;padding:6px 8px;font-size:.8rem}.filter-select-scrollable:focus,.date-input-scrollable:focus{border-color:#452829;outline:none;box-shadow:0 0 0 2px #4528291a}.btn-generate-scrollable{color:#fff;cursor:pointer;white-space:nowrap;background:#452829;border:none;border-radius:4px;align-items:center;gap:4px;height:32px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.btn-generate-scrollable:hover:not(:disabled){background:#352021}.btn-generate-scrollable:disabled{opacity:.6;cursor:not-allowed}.header-bottom-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-container-scrollable{flex:1;min-width:200px;max-width:300px;position:relative}.search-input-scrollable{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-size:.8rem}.search-input-scrollable:focus{border-color:#452829;outline:none;box-shadow:0 0 0 2px #4528291a}.search-icon-scrollable{color:#6c757d;font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.summary-stats-scrollable{gap:6px;display:flex}.stat-badge{color:#495057;white-space:nowrap;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;display:flex}.stat-badge.debit{color:#059669;background:#f0fdf4;border-color:#a7f3d0}.stat-badge.credit{color:#dc3545;background:#fef2f2;border-color:#fecaca}.stat-badge strong{font-size:.85rem;font-weight:700}.table-container-scrollable{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.table-header-fixed{background:#f8f9fa;border-bottom:2px solid #452829;flex-shrink:0}.table-scrollable-header{border-collapse:collapse;color:#452829;width:100%;font-size:.75rem;font-weight:600}.table-scrollable-header th{text-align:left;white-space:nowrap;padding:10px 6px;font-weight:600;position:relative}.table-body-scrollable{flex:1;min-height:300px;max-height:calc(100vh - 350px);overflow:hidden auto}.table-scrollable-body{border-collapse:collapse;width:100%;font-size:.8rem}.table-scrollable-body td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f3f4;max-height:40px;padding:2px 3px;overflow:hidden}.table-scrollable-body tr:hover{background-color:#f8f9fa}.balance-row-scrollable{font-weight:600;background-color:#f8f9fa!important}.balance-row-scrollable:hover{background-color:#e9ecef!important}.col-serial{width:50px;min-width:50px}.col-date,.col-voucher{width:100px;min-width:100px}.col-type{width:80px;min-width:80px}.col-desc{min-width:200px}.col-debit,.col-credit,.col-balance{width:120px;min-width:120px}.col-action{width:50px;min-width:50px}.serial-scrollable{color:#6c757d;text-align:center;font-size:.75rem;font-weight:500;display:block}.date-scrollable{color:#495057;font-size:.8rem;display:block}.voucher-scrollable{color:#452829;background:#f8f9fa;border-radius:3px;padding:3px 6px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.75rem;font-weight:600;display:inline-block}.type-badge-scrollable{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500;display:inline-block}.type-badge-scrollable.bil{color:#1e40af;background:#dbeafe}.type-badge-scrollable.prn{color:#991b1b;background:#fee2e2}.type-badge-scrollable.inv{color:#166534;background:#dcfce7}.type-badge-scrollable.srn{color:#92400e;background:#fef3c7}.type-badge-scrollable.crv,.type-badge-scrollable.brv{color:#059669;background:#f0fdf4}.type-badge-scrollable.cpv,.type-badge-scrollable.bpv{color:#dc2626;background:#fef2f2}.type-badge-scrollable.jvr{color:#6d28d9;background:#f5f3ff}.desc-scrollable{overflow:hidden}.desc-scrollable strong{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;display:block;overflow:hidden}.desc-scrollable small{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.7rem;display:block;overflow:hidden}.debit-amount-scrollable{color:#059669;text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;font-weight:600;display:block}.credit-amount-scrollable{color:#dc2626;text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;font-weight:600;display:block}.balance-amount-scrollable{text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;font-weight:600;display:block}.balance-amount-scrollable.positive{color:#059669}.balance-amount-scrollable.negative{color:#dc2626}.btn-view-scrollable{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:.8rem;transition:all .15s;display:flex}.btn-view-scrollable:hover{color:#452829;background:#e9ecef;border-color:#452829}.table-footer-scrollable{color:#6c757d;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.count-info{align-items:center;gap:8px;font-weight:500;display:flex}.closing-balance-scrollable{color:#452829;font-weight:600}.timestamp-scrollable{opacity:.8;font-size:.7rem}.summary-section-scrollable{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;padding:16px;box-shadow:0 1px 3px #00000014}.summary-grid-scrollable{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.summary-card-scrollable{border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.summary-card-scrollable.opening{background:#f8f9fa;border:1px solid #e9ecef}.summary-card-scrollable.debit{background:#f0fdf4;border:1px solid #a7f3d0}.summary-card-scrollable.credit{background:#fef2f2;border:1px solid #fecaca}.summary-card-scrollable.closing{background:#eff6ff;border:1px solid #bfdbfe}.summary-label-scrollable{color:#6c757d;font-size:.75rem;font-weight:500}.summary-value-scrollable{color:#452829;font-size:1rem;font-weight:700}.summary-card-scrollable.debit .summary-value-scrollable{color:#059669}.summary-card-scrollable.credit .summary-value-scrollable{color:#dc2626}.summary-card-scrollable.closing .summary-value-scrollable.positive{color:#059669}.summary-card-scrollable.closing .summary-value-scrollable.negative{color:#dc2626}.loading-scrollable{color:#6c757d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.spinner-scrollable{border:3px solid #e9ecef;border-top-color:#452829;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin-scrollable}.empty-scrollable{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-icon-scrollable{opacity:.3;margin-bottom:16px;font-size:2.5rem}.empty-scrollable p{color:#6c757d;margin-bottom:8px;font-size:.9rem}.hint-scrollable{color:#6c757d;margin-bottom:16px;font-size:.8rem}.btn-clear-search-scrollable{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:6px 16px;font-size:.8rem;transition:background .15s}.btn-clear-search-scrollable:hover{background:#5a6268}.modal-scrollable-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-scrollable{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:85vh;animation:.2s modalSlide;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header-scrollable{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header-scrollable h3{color:#452829;align-items:center;gap:6px;margin:0;font-size:1.1rem;display:flex}.modal-close-scrollable{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;display:flex}.modal-close-scrollable:hover{background:#f8f9fa}.modal-content-scrollable{padding:16px}.item-header-scrollable{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.item-voucher-modal-scrollable{color:#452829;background:#f8f9fa;border-radius:4px;padding:6px 12px;font-family:Courier New,monospace;font-weight:600}.item-type-modal-scrollable{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500}.item-details-grid-scrollable{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-group-scrollable{flex-direction:column;gap:4px;display:flex}.detail-group-scrollable.full-width-scrollable{grid-column:1/-1}.detail-group-scrollable label{color:#6c757d;font-size:.8rem;font-weight:500}.detail-value-scrollable{color:#212529;padding:6px 0;font-size:.9rem}.description-modal-scrollable{font-weight:500;line-height:1.4}.debit-modal-scrollable{color:#059669;font-weight:600}.credit-modal-scrollable{color:#dc2626;font-weight:600}.highlight-scrollable{color:#452829;font-weight:600}.remarks-scrollable{background:#f8f9fa;border-radius:4px;padding:8px 12px;line-height:1.5}.modal-actions-scrollable{border-top:1px solid #e9ecef;justify-content:flex-end;padding:16px;display:flex}.btn-close-modal-scrollable{color:#fff;cursor:pointer;background:#452829;border:none;border-radius:4px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:background .15s}.btn-close-modal-scrollable:hover{background:#352021}.table-body-scrollable::-webkit-scrollbar{width:6px;height:6px}.table-body-scrollable::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.table-body-scrollable::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.table-body-scrollable::-webkit-scrollbar-thumb:hover{background:#a1a5a8}@media (max-width:1024px){.summary-grid-scrollable{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.general-ledger-scrollable{padding:6px}.scrollable-header{padding:8px}.header-top-row{flex-direction:column;align-items:stretch;gap:8px}.header-top-row h2{font-size:1rem}.header-actions{justify-content:flex-end}.filter-row-scrollable{flex-direction:column;align-items:stretch;gap:8px}.filter-select-scrollable,.date-input-scrollable{min-width:100%}.header-bottom-row{flex-direction:column;align-items:stretch;gap:8px}.search-container-scrollable{max-width:100%}.summary-stats-scrollable{justify-content:center}.table-scrollable-body td{padding:6px 4px}.col-desc{min-width:150px}.desc-scrollable strong{font-size:.75rem}.desc-scrollable small{font-size:.65rem}.item-details-grid-scrollable{grid-template-columns:1fr}}@media (max-width:480px){.header-top-row h2{font-size:.9rem}.btn-refresh-scrollable,.btn-reset-scrollable,.btn-print-scrollable,.btn-export-scrollable{width:28px;height:28px;font-size:.75rem}.btn-generate-scrollable{padding:5px 10px;font-size:.75rem}.table-scrollable-header th{padding:8px 4px;font-size:.7rem}.table-scrollable-body td{padding:6px 3px}.voucher-scrollable,.type-badge-scrollable{font-size:.65rem}.debit-amount-scrollable,.credit-amount-scrollable,.balance-amount-scrollable{font-size:.75rem}.summary-grid-scrollable{grid-template-columns:1fr}.summary-card-scrollable{padding:10px}.summary-value-scrollable{font-size:.9rem}}.waiter-maintenance-compact{flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.mobile-cell{color:var(--color-primary);font-family:monospace}.date-cell{color:var(--color-secondary);font-size:.8rem}.status-badge-compact.active{color:#065f46;background:#d1fae5}.status-badge-compact.inactive{color:#6b7280;background:#f3f4f6}@media (max-width:768px){.waiter-maintenance-compact{height:calc(100vh - 100px);padding:8px}.form-grid-compact{grid-template-columns:1fr}}.table-maintenance-compact{flex-direction:column;height:calc(100vh - 120px);padding:0;display:flex;overflow:hidden}.compact-header h1{color:var(--color-primary)}.table-compact th{background:var(--color-background);color:var(--color-primary)}.table-compact tr:hover{background:#f3e8df33}.code-badge{background:var(--color-background);color:var(--color-primary);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.desc-cell strong{margin-bottom:2px;font-size:.85rem;display:block}.capacity-cell{align-items:center;gap:6px;font-weight:500;display:flex}.status-badge-compact.available{color:#065f46;background:#d1fae5}.status-badge-compact.occupied{color:#dc2626;background:#fee2e2}.status-badge-compact.reserved{color:#92400e;background:#fef3c7}.status-badge-compact.cleaning{color:#3730a3;background:#e0e7ff}.status-badge-compact.unknown{color:#6b7280;background:#f3f4f6}.btn-edit-compact{background:var(--color-accent);color:var(--color-primary)}.btn-edit-compact:hover{background:var(--color-accent-dark)}.btn-delete-compact{color:#dc2626;background:#fee2e2}.btn-delete-compact:hover{background:#fecaca}.form-grid-compact{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-group-compact select{border:1px solid var(--color-border);background:#fff;border-radius:6px;width:100%;padding:6px 10px;font-size:.85rem}.form-group-compact select:focus{border-color:var(--color-primary);outline:none}@media (max-width:768px){.table-maintenance-compact{height:calc(100vh - 100px);padding:8px}.form-grid-compact{grid-template-columns:1fr}}.empty-icon{opacity:.3;margin-bottom:12px;font-size:2.5rem}.form-group-compact input[type=number]{width:100%}.daily-sale-scrollable{background:#f8f9fa;flex-direction:column;width:100%;height:calc(100vh - 120px);padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.alerts-container-sale{z-index:1000;position:fixed;top:10px;right:10px}.alert-sale{background:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-width:250px;margin-bottom:8px;padding:8px 16px;font-size:.85rem;animation:.2s slideInSale;display:flex;box-shadow:0 2px 8px #00000026}.alert-success-sale{color:#065f46;background:#f0fdf4;border-left:3px solid #10b981}.alert-error-sale{color:#991b1b;background:#fef2f2;border-left:3px solid #ef4444}.alert-info-sale{color:#1e40af;background:#eff6ff;border-left:3px solid #3b82f6}.alert-sale button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.alert-sale button:hover{opacity:1}@keyframes slideInSale{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.scrollable-header-sale{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:10px 12px;box-shadow:0 1px 3px #00000014}.header-top-row-sale{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-top-row-sale h2{color:#2c3e50;align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.header-actions-sale{align-items:center;gap:6px;display:flex}.btn-refresh-sale,.btn-reset-sale,.btn-print-sale,.btn-export-sale{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:flex}.btn-refresh-sale:hover{color:#3498db;background:#f8f9fa;border-color:#3498db}.btn-reset-sale:hover{background:#f8f9fa;border-color:#6c757d}.btn-print-sale:hover{color:#0d6efd;background:#f8f9fa;border-color:#0d6efd}.btn-export-sale:hover{color:#198754;background:#f8f9fa;border-color:#198754}.filter-row-sale{border-bottom:1px solid #e9ecef;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.filter-group-sale{flex-direction:column;gap:4px;display:flex}.filter-group-sale label{color:#495057;white-space:nowrap;font-size:.75rem;font-weight:500}.filter-select-sale,.date-input-sale,.search-input-filter{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:150px;padding:6px 8px;font-size:.8rem}.filter-select-sale:focus,.date-input-sale:focus,.search-input-filter:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.btn-generate-sale{color:#fff;cursor:pointer;white-space:nowrap;background:#2c3e50;border:none;border-radius:4px;align-items:center;gap:4px;height:32px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.btn-generate-sale:hover:not(:disabled){background:#1a252f}.btn-generate-sale:disabled{opacity:.6;cursor:not-allowed}.header-bottom-row-sale{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-container-sale{flex:1;min-width:200px;max-width:300px;position:relative}.search-input-sale{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-size:.8rem}.search-input-sale:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.search-icon-sale{color:#6c757d;font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.summary-stats-sale{gap:6px;display:flex}.stat-badge-sale{color:#495057;white-space:nowrap;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;display:flex}.stat-badge-sale.quantity{color:#1565c0;background:#e3f2fd;border-color:#bbdefb}.stat-badge-sale.amount{color:#2e7d32;background:#e8f5e8;border-color:#c8e6c9}.stat-badge-sale strong{font-size:.85rem;font-weight:700}.table-container-sale{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.table-header-fixed-sale{background:#f8f9fa;border-bottom:2px solid #2c3e50;flex-shrink:0}.table-scrollable-header-sale{border-collapse:collapse;color:#452829;width:100%;font-size:.75rem;font-weight:600}.table-scrollable-header-sale th{text-align:left;white-space:nowrap;padding:10px 6px;font-weight:600;position:relative}.table-body-scrollable-sale{flex:1;min-height:300px;max-height:calc(100vh - 350px);overflow:hidden auto}.table-scrollable-body-sale{border-collapse:collapse;width:100%;font-size:.8rem}.table-scrollable-body-sale td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f3f4;max-height:40px;padding:2px 3px;overflow:hidden}.table-scrollable-body-sale tr:hover{background-color:#f8f9fa}.col-serial-sale{width:50px;min-width:50px}.col-date-sale,.col-voucher-sale{width:100px;min-width:100px}.col-type-sale{width:80px;min-width:80px}.col-desc-sale{min-width:200px}.col-store-sale{width:80px;min-width:80px}.col-customer-sale{width:120px;min-width:120px}.col-mobile-sale{width:100px;min-width:100px}.col-rate-sale,.col-quantity-sale{width:80px;min-width:80px}.col-amount-sale{width:100px;min-width:100px}.col-action-sale{width:50px;min-width:50px}.serial-sale{color:#6c757d;text-align:center;font-size:.75rem;font-weight:500;display:block}.date-sale{color:#495057;font-size:.8rem;display:block}.voucher-sale{color:#2c3e50;background:#f8f9fa;border-radius:3px;padding:3px 6px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.75rem;font-weight:600;display:inline-block}.type-badge-sale{text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500;display:inline-block}.type-badge-sale.inv{color:#155724;background:#d4edda}.type-badge-sale.srn{color:#721c24;background:#f8d7da}.store-badge-sale{color:#0d47a1;background:#e3f2fd;border-radius:4px;padding:2px 6px;font-size:.7rem;font-weight:500}.desc-sale{overflow:hidden}.desc-sale strong{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;display:block;overflow:hidden}.desc-sale small{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.7rem;display:block;overflow:hidden}.customer-name-sale{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;font-weight:500;display:block;overflow:hidden}.mobile-sale{color:#6c757d;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.75rem;display:block}.rate-amount-sale{color:#6c757d;text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;font-weight:600;display:block}.quantity-amount-sale{color:#1565c0;text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;font-weight:600;display:block}.amount-sale{color:#2e7d32;text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;font-weight:600;display:block}.btn-view-sale{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:.8rem;transition:all .15s;display:flex}.btn-view-sale:hover{color:#2c3e50;background:#e9ecef;border-color:#2c3e50}.table-footer-sale{color:#6c757d;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.count-info-sale{align-items:center;gap:8px;font-weight:500;display:flex}.total-info-sale{color:#2c3e50;font-weight:600}.timestamp-sale{opacity:.8;font-size:.7rem}.summary-section-sale{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;padding:16px;box-shadow:0 1px 3px #00000014}.summary-grid-sale{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.summary-card-sale{border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.summary-card-sale.quantity{background:#e3f2fd;border:1px solid #bbdefb}.summary-card-sale.amount{background:#e8f5e8;border:1px solid #c8e6c9}.summary-label-sale{color:#6c757d;font-size:.75rem;font-weight:500}.summary-value-sale{font-size:1rem;font-weight:700}.summary-card-sale.quantity .summary-value-sale{color:#1565c0}.summary-card-sale.amount .summary-value-sale{color:#2e7d32}.loading-sale{color:#6c757d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.spinner-sale{border:3px solid #e9ecef;border-top-color:#2c3e50;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin-sale}@keyframes spin-sale{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-sale{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-icon-sale{opacity:.3;margin-bottom:16px;font-size:2.5rem}.empty-sale p{color:#6c757d;margin-bottom:8px;font-size:.9rem}.hint-sale{color:#6c757d;margin-bottom:16px;font-size:.8rem}.btn-clear-search-sale{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:6px 16px;font-size:.8rem;transition:background .15s}.btn-clear-search-sale:hover{background:#5a6268}.modal-sale-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-sale{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:85vh;animation:.2s modalSlideSale;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header-sale{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header-sale h3{color:#2c3e50;align-items:center;gap:6px;margin:0;font-size:1.1rem;display:flex}.modal-close-sale{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;display:flex}.modal-close-sale:hover{background:#f8f9fa}.modal-content-sale{padding:16px}.item-header-sale{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.item-voucher-modal-sale{color:#2c3e50;background:#f8f9fa;border-radius:4px;padding:6px 12px;font-family:Courier New,monospace;font-weight:600}.item-type-modal-sale{border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500}.item-details-grid-sale{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-group-sale{flex-direction:column;gap:4px;display:flex}.detail-group-sale.full-width-sale{grid-column:1/-1}.detail-group-sale label{color:#6c757d;font-size:.8rem;font-weight:500}.detail-value-sale{color:#212529;padding:6px 0;font-size:.9rem}.description-modal-sale{font-weight:500;line-height:1.4}.rate-modal-sale{color:#6c757d;font-weight:600}.quantity-modal-sale{color:#1565c0;font-weight:600}.amount-modal-sale{color:#2e7d32;font-weight:600}.highlight-sale{color:#2c3e50;font-weight:600}.remarks-sale{background:#f8f9fa;border-radius:4px;padding:8px 12px;line-height:1.5}.modal-actions-sale{border-top:1px solid #e9ecef;justify-content:flex-end;padding:16px;display:flex}.btn-close-modal-sale{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:background .15s}.btn-close-modal-sale:hover{background:#1a252f}.table-body-scrollable-sale::-webkit-scrollbar{width:6px;height:6px}.table-body-scrollable-sale::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.table-body-scrollable-sale::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.table-body-scrollable-sale::-webkit-scrollbar-thumb:hover{background:#a1a5a8}@media (max-width:1024px){.summary-grid-sale{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.daily-sale-scrollable{padding:6px}.scrollable-header-sale{padding:8px}.header-top-row-sale{flex-direction:column;align-items:stretch;gap:8px}.header-top-row-sale h2{font-size:1rem}.header-actions-sale{justify-content:flex-end}.filter-row-sale{flex-direction:column;align-items:stretch;gap:8px}.filter-select-sale,.date-input-sale,.search-input-filter{min-width:100%}.header-bottom-row-sale{flex-direction:column;align-items:stretch;gap:8px}.search-container-sale{max-width:100%}.summary-stats-sale{justify-content:center}.table-scrollable-body-sale td{padding:6px 4px}.col-desc-sale{min-width:150px}.col-customer-sale{min-width:100px}.desc-sale strong{font-size:.75rem}.desc-sale small{font-size:.65rem}.item-details-grid-sale{grid-template-columns:1fr}}@media (max-width:480px){.header-top-row-sale h2{font-size:.9rem}.btn-refresh-sale,.btn-reset-sale,.btn-print-sale,.btn-export-sale{width:28px;height:28px;font-size:.75rem}.btn-generate-sale{padding:5px 10px;font-size:.75rem}.table-scrollable-header-sale th{padding:8px 4px;font-size:.7rem}.table-scrollable-body-sale td{padding:6px 3px}.voucher-sale,.type-badge-sale{font-size:.65rem}.rate-amount-sale,.quantity-amount-sale,.amount-sale{font-size:.75rem}.summary-grid-sale{grid-template-columns:1fr}.summary-card-sale{padding:10px}.summary-value-sale{font-size:.9rem}}.receivable-report-scrollable{background:#f8f9fa;flex-direction:column;width:100%;height:calc(100vh - 120px);padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden}.alerts-container-receivable{z-index:1000;position:fixed;top:10px;right:10px}.alert-receivable{background:#fff;border-radius:6px;justify-content:space-between;align-items:center;min-width:250px;margin-bottom:8px;padding:8px 16px;font-size:.85rem;animation:.2s slideInReceivable;display:flex;box-shadow:0 2px 8px #00000026}.alert-success-receivable{color:#065f46;background:#f0fdf4;border-left:3px solid #10b981}.alert-error-receivable{color:#991b1b;background:#fef2f2;border-left:3px solid #ef4444}.alert-info-receivable{color:#1e40af;background:#eff6ff;border-left:3px solid #3b82f6}.alert-receivable button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.alert-receivable button:hover{opacity:1}@keyframes slideInReceivable{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.scrollable-header-receivable{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:10px 12px;box-shadow:0 1px 3px #00000014}.header-top-row-receivable{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-top-row-receivable h2{color:#2c3e50;align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.header-actions-receivable{align-items:center;gap:6px;display:flex}.btn-refresh-receivable,.btn-reset-receivable,.btn-print-receivable,.btn-export-receivable{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.85rem;transition:all .15s;display:flex}.btn-refresh-receivable:hover{color:#3498db;background:#f8f9fa;border-color:#3498db}.btn-reset-receivable:hover{background:#f8f9fa;border-color:#6c757d}.btn-print-receivable:hover{color:#0d6efd;background:#f8f9fa;border-color:#0d6efd}.btn-export-receivable:hover{color:#198754;background:#f8f9fa;border-color:#198754}.filter-row-receivable{border-bottom:1px solid #e9ecef;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.filter-group-receivable{flex-direction:column;gap:4px;display:flex}.filter-group-receivable label{color:#495057;white-space:nowrap;font-size:.75rem;font-weight:500}.filter-select-receivable,.date-input-receivable,.search-input-filter{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:150px;padding:6px 8px;font-size:.8rem}.filter-select-receivable:focus,.date-input-receivable:focus,.search-input-filter:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.btn-generate-receivable{color:#fff;cursor:pointer;white-space:nowrap;background:#2c3e50;border:none;border-radius:4px;align-items:center;gap:4px;height:32px;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.btn-generate-receivable:hover:not(:disabled){background:#1a252f}.btn-generate-receivable:disabled{opacity:.6;cursor:not-allowed}.header-bottom-row-receivable{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-container-receivable{flex:1;min-width:200px;max-width:300px;position:relative}.search-input-receivable{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-size:.8rem}.search-input-receivable:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.search-icon-receivable{color:#6c757d;font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.summary-stats-receivable{gap:6px;display:flex}.stat-badge-receivable{color:#495057;white-space:nowrap;background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;display:flex}.stat-badge-receivable.opening{color:#1565c0;background:#e3f2fd;border-color:#bbdefb}.stat-badge-receivable.debit{color:#7b1fa2;background:#f3e5f5;border-color:#e1bee7}.stat-badge-receivable.credit{color:#2e7d32;background:#e8f5e8;border-color:#c8e6c9}.stat-badge-receivable.balance{color:#ef6c00;background:#fff3e0;border-color:#ffe0b2}.stat-badge-receivable strong{font-size:.85rem;font-weight:700}.table-container-receivable{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.table-header-fixed-receivable{background:#f8f9fa;border-bottom:2px solid #2c3e50;flex-shrink:0}.table-scrollable-header-receivable{border-collapse:collapse;color:#452829;width:100%;font-size:.75rem;font-weight:600}.table-scrollable-header-receivable th{text-align:left;white-space:nowrap;padding:10px 6px;font-weight:600;position:relative}.table-body-scrollable-receivable{flex:1;min-height:300px;max-height:calc(100vh - 350px);overflow:hidden auto}.table-scrollable-body-receivable{border-collapse:collapse;width:100%;font-size:.8rem}.table-scrollable-body-receivable td{vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f1f3f4;max-height:40px;padding:2px 3px;overflow:hidden}.table-scrollable-body-receivable tr:hover{background-color:#f8f9fa}.col-serial-receivable{width:50px;min-width:50px}.col-code-receivable{width:100px;min-width:100px}.col-description-receivable{min-width:200px}.col-opening-receivable{width:120px;min-width:120px}.col-debit-receivable,.col-credit-receivable{width:100px;min-width:100px}.col-balance-receivable{width:120px;min-width:120px}.col-action-receivable{width:50px;min-width:50px}.serial-receivable{color:#6c757d;text-align:center;font-size:.75rem;font-weight:500;display:block}.code-receivable{color:#2c3e50;background:#f8f9fa;border-radius:3px;padding:3px 6px;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.75rem;font-weight:600;display:inline-block}.description-receivable{overflow:hidden}.description-receivable strong{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;display:block;overflow:hidden}.description-receivable small{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.7rem;display:block;overflow:hidden}.amount-positive{color:#2e7d32;font-weight:600}.amount-negative{color:#d32f2f;font-weight:600}.amount-neutral{color:#6c757d;font-weight:600}.amount-cell-receivable{text-align:right;font-family:SFMono-Regular,Consolas,Courier New,monospace;font-size:.8rem;display:block}.btn-view-receivable{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin:0 auto;font-size:.8rem;transition:all .15s;display:flex}.btn-view-receivable:hover{color:#2c3e50;background:#e9ecef;border-color:#2c3e50}.table-footer-receivable{color:#6c757d;background:#f8f9fa;border-top:1px solid #e9ecef;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;font-size:.75rem;display:flex}.count-info-receivable{align-items:center;gap:8px;font-weight:500;display:flex}.total-info-receivable{color:#2c3e50;font-weight:600}.timestamp-receivable{opacity:.8;font-size:.7rem}.summary-section-receivable{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;padding:16px;box-shadow:0 1px 3px #00000014}.summary-grid-receivable{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.summary-card-receivable{border-radius:6px;flex-direction:column;gap:6px;padding:12px;display:flex}.summary-card-receivable.opening{background:#e3f2fd;border:1px solid #bbdefb}.summary-card-receivable.debit{background:#f3e5f5;border:1px solid #e1bee7}.summary-card-receivable.credit{background:#e8f5e8;border:1px solid #c8e6c9}.summary-card-receivable.balance{background:#fff3e0;border:1px solid #ffe0b2}.summary-label-receivable{color:#6c757d;font-size:.75rem;font-weight:500}.summary-value-receivable{font-size:1rem;font-weight:700}.summary-card-receivable.opening .summary-value-receivable{color:#1565c0}.summary-card-receivable.debit .summary-value-receivable{color:#7b1fa2}.summary-card-receivable.credit .summary-value-receivable{color:#2e7d32}.summary-card-receivable.balance .summary-value-receivable{color:#ef6c00}.loading-receivable{color:#6c757d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.spinner-receivable{border:3px solid #e9ecef;border-top-color:#2c3e50;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin-receivable}@keyframes spin-receivable{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-receivable{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-icon-receivable{opacity:.3;margin-bottom:16px;font-size:2.5rem}.empty-receivable p{color:#6c757d;margin-bottom:8px;font-size:.9rem}.hint-receivable{color:#6c757d;margin-bottom:16px;font-size:.8rem}.btn-clear-search-receivable{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:6px 16px;font-size:.8rem;transition:background .15s}.btn-clear-search-receivable:hover{background:#5a6268}.modal-receivable-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-receivable{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:85vh;animation:.2s modalSlideReceivable;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header-receivable{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header-receivable h3{color:#2c3e50;align-items:center;gap:6px;margin:0;font-size:1.1rem;display:flex}.modal-close-receivable{cursor:pointer;color:#6c757d;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:1.5rem;display:flex}.modal-close-receivable:hover{background:#f8f9fa}.modal-content-receivable{padding:16px}.account-header-receivable{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.account-code-modal-receivable{color:#2c3e50;background:#f8f9fa;border-radius:4px;padding:6px 12px;font-family:Courier New,monospace;font-weight:600}.account-name-modal-receivable{color:#2c3e50;font-size:1rem;font-weight:600}.account-details-grid-receivable{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-group-receivable{flex-direction:column;gap:4px;display:flex}.detail-group-receivable.full-width-receivable{grid-column:1/-1}.detail-group-receivable label{color:#6c757d;font-size:.8rem;font-weight:500}.detail-value-receivable{color:#212529;padding:6px 0;font-size:.9rem}.opening-modal-receivable{color:#1565c0;font-weight:600}.debit-modal-receivable{color:#7b1fa2;font-weight:600}.credit-modal-receivable{color:#2e7d32;font-weight:600}.balance-modal-receivable{font-weight:600}.balance-positive{color:#2e7d32}.balance-negative{color:#d32f2f}.highlight-receivable{color:#2c3e50;font-weight:600}.modal-actions-receivable{border-top:1px solid #e9ecef;justify-content:flex-end;padding:16px;display:flex}.btn-close-modal-receivable{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:background .15s}.btn-close-modal-receivable:hover{background:#1a252f}.table-body-scrollable-receivable::-webkit-scrollbar{width:6px;height:6px}.table-body-scrollable-receivable::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.table-body-scrollable-receivable::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.table-body-scrollable-receivable::-webkit-scrollbar-thumb:hover{background:#a1a5a8}@media (max-width:1024px){.summary-grid-receivable{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.receivable-report-scrollable{padding:6px}.scrollable-header-receivable{padding:8px}.header-top-row-receivable{flex-direction:column;align-items:stretch;gap:8px}.header-top-row-receivable h2{font-size:1rem}.header-actions-receivable{justify-content:flex-end}.filter-row-receivable{flex-direction:column;align-items:stretch;gap:8px}.filter-select-receivable,.date-input-receivable,.search-input-filter{min-width:100%}.header-bottom-row-receivable{flex-direction:column;align-items:stretch;gap:8px}.search-container-receivable{max-width:100%}.summary-stats-receivable{justify-content:center}.table-scrollable-body-receivable td{padding:6px 4px}.col-description-receivable{min-width:150px}.description-receivable strong{font-size:.75rem}.description-receivable small{font-size:.65rem}.account-details-grid-receivable{grid-template-columns:1fr}}@media (max-width:480px){.header-top-row-receivable h2{font-size:.9rem}.btn-refresh-receivable,.btn-reset-receivable,.btn-print-receivable,.btn-export-receivable{width:28px;height:28px;font-size:.75rem}.btn-generate-receivable{padding:5px 10px;font-size:.75rem}.table-scrollable-header-receivable th{padding:8px 4px;font-size:.7rem}.table-scrollable-body-receivable td{padding:6px 3px}.code-receivable{font-size:.65rem}.amount-cell-receivable{font-size:.75rem}.summary-grid-receivable{grid-template-columns:1fr}.summary-card-receivable{padding:10px}.summary-value-receivable{font-size:.9rem}}