.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:.5}}.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{width:250px;color:var(--color-text-primary,#1f8a4c);z-index:1000;transition:width var(--transition-normal);box-shadow:2px 0 12px var(--color-shadow,#1f8a4c1f);border-right:1px solid var(--color-border,#cfe8d5);background:#fff;position:fixed;top:0;bottom:0;left:0;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#1f8a4c0d}.sidebar::-webkit-scrollbar-thumb{background:var(--color-primary,#1f8a4c);border-radius:var(--border-radius-sm)}.sidebar-header{padding:var(--spacing-lg) var(--spacing-md);border-bottom:1px solid var(--color-border,#cfe8d5);align-items:center;gap:var(--spacing-sm);display:flex}.sidebar-logo{background:var(--color-accent,#cfe8d5);border-radius:var(--border-radius-md);width:36px;height:36px;color:var(--color-primary,#1f8a4c);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-logo-text{font-family:var(--font-family-secondary);color:var(--color-primary,#1f8a4c);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:var(--color-text-secondary,#4b6b57);transition:opacity var(--transition-normal);opacity:.7;font-size:.75rem;font-weight:600}.nav-list{margin:0;padding:0;list-style:none}.nav-item{margin:2px 0;list-style:none}.nav-link{padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-primary,#1f8a4c);transition:all var(--transition-fast);cursor:pointer;align-items:center;text-decoration:none;display:flex;position:relative}.nav-link:hover{background:var(--color-accent,#cfe8d5);color:var(--color-primary-dark,#166a3a)}.nav-link.active{background:var(--color-primary,#1f8a4c);color:#fff;border-left:3px solid var(--color-primary-dark,#166a3a)}.nav-link.active .nav-item-icon{color:#fff}.nav-item-icon{width:20px;height:20px;margin-right:var(--spacing-sm);transition:all var(--transition-normal);color:var(--color-primary,#1f8a4c);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{transition:max-height var(--transition-normal);max-height:0;margin:4px 0 4px 44px;padding:0;list-style:none;overflow:hidden}.submenu.open{max-height:500px}.submenu-item{list-style:none}.submenu-link{padding:var(--spacing-xs) 0;color:var(--color-text-secondary,#4b6b57);transition:color var(--transition-fast);cursor:pointer;align-items:center;font-size:.875rem;text-decoration:none;display:flex}.submenu-link:hover{color:var(--color-primary-dark,#166a3a)}.submenu-link.active{color:var(--color-primary,#1f8a4c);font-weight:500}.submenu-icon{width:16px;height:16px;margin-right:var(--spacing-sm);opacity:.7;color:var(--color-secondary,#4b6b57)}.submenu-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sub-submenu{background:#cfe8d533;border-radius:4px;margin:0;padding:4px 0 4px 40px;list-style:none}.sub-submenu-link{color:var(--color-text-secondary,#4b6b57);border-radius:4px;align-items:center;padding:6px 12px;font-size:.8rem;text-decoration:none;transition:all .2s;display:flex}.sub-submenu-link:hover{background:var(--color-accent,#cfe8d5);color:var(--color-primary-dark,#166a3a)}.sub-submenu-link.active{background:var(--color-primary,#1f8a4c);color:#fff}.sub-submenu-link.active .sub-submenu-icon{color:#fff}.sub-submenu-link.disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.sub-submenu-icon{text-align:center;width:20px;color:var(--color-primary,#1f8a4c);justify-content:center;align-items:center;margin-right:12px;font-size:14px;display:inline-flex}.sub-submenu-text{white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.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%)}.image-cell{justify-content:center;align-items:center;width:60px;height:60px;display:flex}.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-group{grid-column:span 2}.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-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;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;display:flex}.image-upload-placeholder span:first-child{opacity:.5;font-size:2rem}.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}.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{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-input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.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}.no-image{color:var(--color-secondary);font-size:.75rem;font-style:italic}.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{background:#f8f9fa;flex-direction:column;height:calc(100vh - 120px);padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;display:flex;overflow:hidden}.user-maintenance .header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.user-maintenance .header h1{color:#2c3e50;margin:0;font-size:1.3rem;font-weight:600}.header-stats{gap:8px;display:flex}.header-stats span{color:#495057;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:16px;padding:4px 10px;font-size:.75rem}.user-maintenance .controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.user-maintenance .search-box{flex:1;max-width:300px;position:relative}.user-maintenance .search-box input{background:#fff;border:1px solid #e0e0e0;border-radius:6px;width:100%;padding:6px 12px 6px 32px;font-size:.85rem}.user-maintenance .search-box input:focus{border-color:#2c3e50;outline:none}.filter-box{align-items:center;gap:8px;display:flex}.filter-box select{background:#fff;border:1px solid #e0e0e0;border-radius:6px;min-width:120px;padding:6px 12px;font-size:.85rem}.btn-refresh{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;transition:all .2s;display:flex}.btn-refresh:hover{background:#f8f9fa;border-color:#2c3e50;transform:rotate(180deg)}.user-maintenance .table-container{background:#fff;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001a}.table-wrapper{scrollbar-width:thin;flex:1;overflow:auto}.table-wrapper::-webkit-scrollbar{width:6px;height:6px}.table-wrapper::-webkit-scrollbar-track{background:#f8f9fa}.table-wrapper::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#6c757d}.user-table{border-collapse:collapse;width:100%;font-size:.8rem}.user-table thead{z-index:10;background:#f8f9fa;position:sticky;top:0}.user-table th{text-align:left;color:#2c3e50;border-bottom:1px solid #e0e0e0;padding:8px 12px;font-weight:600}.user-table td{vertical-align:middle;border-bottom:1px solid #e0e0e0;padding:8px 12px}.user-table tbody tr:hover{background:#00000005}.user-table .expanded-row{background:#f8f9fa;border-bottom:none}.user-table .expanded-content-row td{background:#fff;padding:0}.user-id{color:#2c3e50;background:#f8f9fa;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.8rem;font-weight:600}.user-name{color:#2c3e50;font-weight:500}.type-badge.A{color:#065f46;background:#d1fae5}.type-badge.U{color:#1e40af;background:#dbeafe}.type-badge.S{color:#92400e;background:#fed7aa}.type-badge.G{color:#6b21a8;background:#e9d5ff}.status-badge{border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-block}.status-badge.active{color:#065f46;background:#d1fae5}.status-badge.inactive{color:#6b7280;background:#f3f4f6}.action-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;transition:all .2s;display:flex;position:relative}.action-btn:hover:not(:disabled){background:#f8f9fa;border-color:#2c3e50;transform:translateY(-1px)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.active{color:#fff;background:#2c3e50;border-color:#2c3e50}.badge-count{color:#fff;background:#ef4444;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px;box-shadow:0 2px 4px #0000001a}.expanded-content{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin:8px;padding:16px;animation:.2s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-section{width:100%}.section-header{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.section-header h4{color:#2c3e50;margin:0;font-size:.9rem;font-weight:600}.section-loading{color:#6c757d;font-size:.75rem}.permission-list{scrollbar-width:thin;background:#fff;border:1px solid #e0e0e0;border-radius:4px;max-height:350px;overflow-y:auto}.permission-list::-webkit-scrollbar{width:6px}.permission-list::-webkit-scrollbar-track{background:#f8f9fa}.permission-list::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.permission-item{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.permission-item:last-child{border-bottom:none}.permission-item:hover{background:#f8f9fa}.item-info{flex-direction:column;flex:1;gap:2px;display:flex}.item-name{color:#2c3e50;font-size:.8rem;font-weight:600}.item-code{color:#6c757d;font-family:Courier New,monospace;font-size:.7rem}.item-dates{color:#6c757d;font-size:.7rem}.item-address{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;max-width:350px;font-size:.7rem;overflow:hidden}.permission-controls{align-items:center;gap:8px;display:flex}.permission-select{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;min-width:60px;padding:4px 8px;font-size:.75rem}.permission-select:focus{border-color:#2c3e50;outline:none}.permission-badge{text-align:center;min-width:20px;font-size:.8rem}.toggle-switch{cursor:pointer;align-items:center;gap:6px;min-width:80px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background-color:#f3f4f6;border:1px solid #e0e0e0;border-radius:18px;width:36px;height:18px;transition:all .2s;display:inline-block;position:relative}.toggle-slider:before{content:"";background-color:#6c757d;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;bottom:1px;left:2px}.toggle-switch input:checked+.toggle-slider{background-color:#d1fae5;border-color:#10b981}.toggle-switch input:checked+.toggle-slider:before{background-color:#10b981;transform:translate(18px)}.toggle-label{color:#6c757d;min-width:45px;font-size:.7rem;font-weight:500}.toggle-switch input:checked~.toggle-label{color:#10b981}.loading{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.spinner{border:2px solid #e0e0e0;border-top-color:#2c3e50;border-radius:50%;width:30px;height:30px;margin-bottom:8px;animation:1s linear infinite spin}.loading-spinner{border:2px solid #f8f9fa;border-top-color:#2c3e50;border-radius:50%;width:12px;height:12px;animation:.8s linear infinite spin;position:absolute;top:-4px;right:-4px}.empty{color:#6c757d;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.no-data{text-align:center;color:#6c757d;padding:20px;font-size:.8rem;font-style:italic}@media (max-width:768px){.user-maintenance{height:calc(100vh - 100px);padding:8px}.user-maintenance .header{flex-direction:column;align-items:flex-start;gap:8px}.header-stats{flex-wrap:wrap}.user-maintenance .controls{flex-direction:column;align-items:stretch}.user-maintenance .search-box{max-width:100%}.filter-box{justify-content:space-between}.user-table th,.user-table td{padding:6px 8px}.action-btn{width:24px;height:24px;font-size:.8rem}.expanded-content{margin:4px;padding:12px}.permission-item{flex-direction:column;align-items:flex-start;gap:8px}.toggle-switch,.permission-controls{align-self:flex-end}.item-address{max-width:200px}}@media (max-width:480px){.user-table{font-size:.7rem}.user-id,.type-badge,.status-badge{padding:2px 6px;font-size:.65rem}.item-name{font-size:.7rem}.item-code,.item-dates,.item-address{font-size:.6rem}.permission-select{min-width:50px;padding:3px 6px;font-size:.65rem}.toggle-switch{min-width:70px}.toggle-slider{width:32px;height:16px}.toggle-slider:before{width:12px;height:12px}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.toggle-label{min-width:40px;font-size:.6rem}.badge-count{min-width:14px;height:14px;font-size:.55rem}.item-address{max-width:150px}}:root{--color-primary:#1f8a4c;--color-secondary:#4b6b57;--color-accent:#cfe8d5;--color-background:#f5f7f6;--color-primary-dark:#166a3a;--color-secondary-dark:#3a5445;--color-accent-dark:#a9d6b5;--color-text-primary:#1f8a4c;--color-text-secondary:#4b6b57;--color-text-light:#fff;--color-border:#cfe8d5;--color-shadow:#1f8a4c1f;--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-optimized{background:#f5f7fa;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}.rm-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.selected-date-badge{color:#2c3e50;background:#e9ecef;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.status-filter:focus{border-color:#2c3e50;outline:none}.rm-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.rm-table{border-collapse:collapse;table-layout:fixed;width:100%}.rm-table th{text-align:left;color:#2c3e50;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:10px 8px;font-size:.75rem;font-weight:600}.rm-table th:last-child{border-right:none}.col-stock,.col-order{width:7%;min-width:70px}.table-body-scroll .rm-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .rm-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .rm-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:6px 8px;font-size:.8rem;overflow:hidden}.table-body-scroll .rm-table td:last-child{border-right:none}.low-stock-row{background-color:#fff5f5!important}.low-stock-row:hover{background-color:#ffe3e3!important}.low-stock-row td{background-color:#fff5f5!important}.remarks-text{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #2c3e50;padding-left:5px;font-size:.7rem;overflow:hidden}.stock-number{text-align:right;font-weight:600;display:block}.stock-number.low-stock{color:#dc3545;font-weight:700}.order-number{text-align:right;color:#6c757d;font-weight:500;display:block}.value-amount{text-align:right;color:#28a745;font-family:Courier New,monospace;font-weight:600;display:block}.status-badge{text-align:center;border-radius:12px;width:100%;padding:4px 8px;font-size:.7rem;font-weight:600;display:inline-block}.status-badge-large.ok{color:#155724;background:#d4edda}.status-badge-large.low{color:#721c24;background:#f8d7da}.low-quantity{font-weight:700;color:#dc3545!important;font-size:1.1rem!important}.value-highlight{color:#28a745;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.remarks-box{color:#495057;background:#f8f9fa;border-radius:4px;padding:8px;font-size:.85rem;line-height:1.5}@media (min-width:1600px){.col-desc{min-width:350px}.table-body-scroll{max-height:calc(100vh - 320px)}}@media (max-width:1366px){.col-desc{min-width:200px}.table-body-scroll{max-height:calc(100vh - 300px)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{max-width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:150px}.modal-content{width:95%;margin:10px}}.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}.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-optimized{background:#f5f7fa;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}.gl-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.selected-account-badge{color:#452829;text-overflow:ellipsis;white-space:nowrap;background:#f0e9e0;border-radius:20px;max-width:400px;padding:4px 10px;font-size:.8rem;font-weight:500;overflow:hidden}.btn-filter-toggle{white-space:nowrap!important;color:#452829!important;background:#f8f9fa!important;border-color:#ced4da!important;justify-content:center!important;align-items:center!important;gap:6px!important;min-width:200px!important;padding:0 12px!important;font-size:.8rem!important;display:flex!important}.header-row-2{background:#f8f9fa;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.stat-item.closing .stat-value{color:#452829}.search-wrapper{min-width:250px;position:relative}.gl-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ledger-table{border-collapse:collapse;table-layout:fixed;width:100%}.ledger-table th{text-align:left;color:#452829;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:10px 8px;font-size:.75rem;font-weight:600}.ledger-table th:last-child{border-right:none}.col-debit,.col-credit,.col-balance{width:11%;min-width:110px}.table-body-scroll .ledger-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .ledger-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .ledger-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:6px 8px;font-size:.8rem;overflow:hidden}.table-body-scroll .ledger-table td:last-child{border-right:none}.balance-row{border-top:1px solid #452829;border-bottom:1px solid #452829;font-weight:600;background-color:#f8f9fa!important}.balance-row td{background-color:#f8f9fa!important}.voucher-cell{flex-direction:column;gap:2px;display:flex}.voucher-number{color:#452829;font-family:Courier New,monospace;font-size:.75rem;font-weight:600}.type-badge.bil{color:#1e40af;background:#dbeafe}.type-badge.prn{color:#991b1b;background:#fee2e2}.type-badge.crv,.type-badge.brv{color:#059669;background:#f0fdf4}.type-badge.cpv,.type-badge.bpv{color:#dc2626;background:#fef2f2}.type-badge.jvr{color:#6d28d9;background:#f5f3ff}.narration-text{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;border-left:2px solid #e8d1c5;padding-left:5px;font-size:.7rem;overflow:hidden}.debit-amount{color:#059669;text-align:right;font-family:Courier New,monospace;font-weight:600;display:block}.credit-amount{color:#dc2626;text-align:right;font-family:Courier New,monospace;font-weight:600;display:block}.balance-amount{text-align:right;font-family:Courier New,monospace;font-weight:600;display:block}.balance-amount.positive{color:#059669}.balance-amount.negative{color:#dc2626}.btn-view-compact:hover{background:#e9ecef;border-color:#452829}.footer-info{align-items:center;gap:8px;display:flex}.closing-balance{color:#452829;font-weight:500}.closing-balance strong{color:#452829;font-weight:700}.hint{color:#6c757d;margin-bottom:16px;font-size:.8rem}.description-highlight{color:#452829;background:#f8f9fa;border-radius:4px;padding:8px;font-weight:500}.narration-box{color:#495057;background:#f8f9fa;border-radius:4px;padding:8px;font-size:.85rem;line-height:1.5}.debit-highlight{color:#059669;font-family:Courier New,monospace;font-weight:600}.credit-highlight{color:#dc2626;font-family:Courier New,monospace;font-weight:600}.balance-highlight{color:#452829;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.alerts-container{z-index:1100;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}@media (min-width:1600px){.col-desc{min-width:400px}.table-body-scroll{max-height:calc(100vh - 320px)}}@media (max-width:1366px){.col-desc{min-width:250px}.table-body-scroll{max-height:calc(100vh - 300px)}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:200px}.col-debit,.col-credit,.col-balance{min-width:100px}.modal-content{width:95%;margin:10px}}.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}.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}}.form-group-compact input[type=number]{width:100%}.daily-sale-optimized{background:#f5f7fa;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}.ds-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.stat-item.invoice .stat-value{color:#28a745}.stat-item.return .stat-value{color:#dc3545}.stat-item.amount .stat-value{color:#2c3e50;font-weight:700}.ds-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.ds-table{border-collapse:collapse;table-layout:fixed;width:100%}.ds-table th{text-align:left;color:#2c3e50;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:10px 8px;font-size:.75rem;font-weight:600}.ds-table th:last-child{border-right:none}.col-voucher{width:10%;min-width:100px}.col-customer{width:15%;min-width:150px}.col-rate{width:8%;min-width:80px}.col-qty{width:6%;min-width:60px}.col-amount{width:10%;min-width:100px}.table-body-scroll .ds-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .ds-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .ds-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:6px 8px;font-size:.8rem;overflow:hidden}.table-body-scroll .ds-table td:last-child{border-right:none}.return-row{background-color:#fff5f5!important}.return-row:hover{background-color:#ffe3e3!important}.return-row td{background-color:#fff5f5!important}.type-badge.inv{color:#155724;background:#d4edda}.type-badge.srn{color:#721c24;background:#f8d7da}.item-code-sm{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.customer-cell{flex-direction:column;gap:2px;display:flex}.customer-name{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.customer-mobile{color:#6c757d;text-overflow:ellipsis;white-space:nowrap;font-family:Courier New,monospace;font-size:.7rem;overflow:hidden}.rate-amount{text-align:right;color:#6c757d;font-family:Courier New,monospace;font-weight:500;display:block}.qty-amount{text-align:right;font-family:Courier New,monospace;font-weight:600;display:block}.return-qty{color:#dc3545}.amount-value{text-align:right;font-family:Courier New,monospace;font-weight:700;display:block}.sale-amount{color:#28a745}.return-amount{color:#dc3545}.invoice-count{color:#28a745;font-weight:500}.return-count{color:#dc3545;font-weight:500}.total-amount{color:#2c3e50;font-weight:600}.voucher-badge{color:#2c3e50;background:#e9ecef;border-radius:4px;padding:4px 10px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.type-badge-large.sale{color:#155724;background:#d4edda}.type-badge-large.return{color:#721c24;background:#f8d7da}.detail-value{color:#2c3e50;padding:6px 0;font-size:.9rem}.description-highlight{background:#f8f9fa;border-radius:4px;padding:8px;font-weight:500;line-height:1.4}.code-highlight{color:#2c3e50;font-family:Courier New,monospace;font-weight:600}.mobile-highlight{color:#6c757d;font-family:Courier New,monospace}.rate-highlight{color:#6c757d;font-family:Courier New,monospace;font-weight:600}.sale-qty{color:#28a745;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.return-qty{color:#dc3545;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.sale-amount{color:#28a745;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.return-amount{color:#dc3545;font-family:Courier New,monospace;font-size:1.1rem;font-weight:700}.transaction-type-message{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.sale-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:10px;font-size:.85rem}.return-message{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;padding:10px;font-size:.85rem}.alerts-container-sale{z-index:1100;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 slideIn;display:flex;box-shadow:0 2px 8px #00000026}.alert-success-sale{color:#155724;background:#d4edda;border-left:3px solid #28a745}.alert-error-sale{color:#721c24;background:#f8d7da;border-left:3px solid #dc3545}.alert-info-sale{color:#0c5460;background:#d1ecf1;border-left:3px solid #17a2b8}.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}@media (min-width:1600px){.col-desc{min-width:350px}.col-customer{min-width:200px}.table-body-scroll{max-height:calc(100vh - 320px)}}@media (max-width:1366px){.col-desc{min-width:200px}.col-customer{min-width:120px}.table-body-scroll{max-height:calc(100vh - 300px)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{max-width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:150px}.col-customer{min-width:100px}.modal-content{width:95%;margin:10px}}.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}}.tb-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.tb-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.tb-table{border-collapse:collapse;table-layout:fixed;width:100%}.tb-table th{text-align:left;color:#2c3e50;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:10px 8px;font-size:.75rem;font-weight:600}.tb-table th:last-child{border-right:none}.col-opening,.col-debit,.col-credit,.col-closing{width:10%;min-width:100px}.table-body-scroll .tb-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .tb-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .tb-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:6px 8px;font-size:.8rem;overflow:hidden}.table-body-scroll .tb-table td:last-child{border-right:none}.opening-amount,.debit-amount,.credit-amount,.closing-amount{text-align:right;font-family:Courier New,monospace;font-weight:600;display:block}.debit-amount{color:#28a745}.credit-amount{color:#dc3545}.closing-amount{color:#2c3e50;font-weight:700}.footer-totals{align-items:center;gap:15px;font-family:Courier New,monospace;display:flex}@media (min-width:1600px){.col-desc{min-width:350px}.table-body-scroll{max-height:calc(100vh - 320px)}}@media (max-width:1366px){.col-desc{min-width:200px}.table-body-scroll{max-height:calc(100vh - 300px)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{max-width:100%}.filters-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:150px}.col-type{min-width:60px}.footer-totals{flex-wrap:wrap;gap:8px}.summary-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}}.trial-balance-optimized{background:#f5f7fa;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}.atb-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.period-highlight-bar{background:#f8f9fa;border-bottom:1px solid #e9ecef;flex-wrap:wrap;gap:15px;padding:6px 12px;display:flex}.last-year-badge{color:#e65100;background:#fff3e0;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.activity-period-badge{color:#2e7d32;background:#e8f5e8;border-radius:20px;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:500;display:inline-flex}.header-row-2{background:#f8f9fa;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.stat-item.opening .stat-value{color:#e65100;font-weight:700}.stat-item.debit .stat-value{color:#28a745}.stat-item.credit .stat-value{color:#dc3545}.stat-item.balanced .stat-value{color:#28a745}.stat-item.unbalanced .stat-value{color:#dc3545}.unbalanced-warning-compact{color:#856404;background:#fff3cd;border-top:1px solid #ffc107;border-bottom:1px solid #ffc107;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:500;display:flex}.refresh-warning-btn{cursor:pointer;color:#856404;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:1rem}.atb-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.atb-table{border-collapse:collapse;table-layout:fixed;width:100%}.atb-table th{text-align:left;color:#2c3e50;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:10px 8px;font-size:.75rem;font-weight:600}.atb-table th:last-child{border-right:none}.col-type{width:8%;min-width:70px}.col-opening{background:#fff3e0;width:10%;min-width:100px}.col-debit,.col-credit,.col-closing{width:10%;min-width:100px}.table-body-scroll .atb-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .atb-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .atb-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:6px 8px;font-size:.8rem;overflow:hidden}.table-body-scroll .atb-table td:last-child{border-right:none}.description-cell{flex-direction:column;gap:2px;display:flex}.desc-main{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.type-badge{text-transform:uppercase;border-radius:4px;width:fit-content;padding:2px 6px;font-size:.7rem;font-weight:600;display:inline-block}.type-badge.asset{color:#0d47a1;background:#e3f2fd}.type-badge.liability{color:#e65100;background:#fff3e0}.type-badge.expense{color:#880e4f;background:#fce4ec}.type-badge.other{color:#616161;background:#f5f5f5}.opening-amount{text-align:right;color:#e65100;font-family:Courier New,monospace;font-weight:700;display:block}.debit-amount{text-align:right;color:#28a745;font-family:Courier New,monospace;font-weight:600;display:block}.credit-amount{text-align:right;color:#dc3545;font-family:Courier New,monospace;font-weight:600;display:block}.closing-amount{text-align:right;color:#2c3e50;font-family:Courier New,monospace;font-weight:700;display:block}.negative-balance{color:#dc3545!important}.footer-totals{flex-wrap:wrap;align-items:center;gap:15px;font-family:Courier New,monospace;display:flex}.total-label{color:#2c3e50;font-weight:700}.total-opening{color:#e65100;text-align:right;min-width:100px;font-weight:700}.total-debit{color:#28a745;text-align:right;min-width:100px;font-weight:600}.total-credit{color:#dc3545;text-align:right;min-width:100px;font-weight:600}.total-closing{color:#2c3e50;text-align:right;min-width:100px;font-weight:700}.total-closing.unbalanced{color:#dc3545}.summary-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-top:8px;padding:12px;box-shadow:0 1px 3px #0000000d}.summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-direction:column;gap:4px;padding:12px;display:flex;position:relative}.summary-card.opening-card{background:#fff3e0}.summary-card .summary-label{color:#6c757d;text-transform:uppercase;font-size:.7rem;font-weight:500}.summary-card .summary-note{color:#6c757d;font-size:.65rem;position:absolute;top:8px;right:12px}.summary-value.opening{color:#e65100}.summary-value.debit{color:#28a745}.summary-value.credit{color:#dc3545}.summary-value.closing{color:#2c3e50}.type-badge-large.asset{color:#0d47a1;background:#e3f2fd}.type-badge-large.liability{color:#e65100;background:#fff3e0}.type-badge-large.expense{color:#880e4f;background:#fce4ec}.type-badge-large.other{color:#616161;background:#f5f5f5}.detail-value{color:#2c3e50;padding:6px 0;font-family:Courier New,monospace;font-size:.9rem;position:relative}.detail-note{color:#6c757d;margin-left:8px;font-size:.65rem}.debit-highlight{color:#28a745;font-weight:600}.credit-highlight{color:#dc3545;font-weight:600}.closing-highlight{color:#2c3e50;font-size:1rem;font-weight:700}.movement-highlight{color:#2c3e50;font-weight:600}.period-info-message{background:#f8f9fa;border-radius:4px;margin:15px 0;padding:10px}.info-row{flex-wrap:wrap;gap:10px;display:flex}.info-badge{border-radius:4px;padding:3px 8px;font-size:.7rem;font-weight:500}.info-badge.opening-badge{color:#e65100;background:#fff3e0}.info-badge.activity-badge{color:#2e7d32;background:#e8f5e8}.account-status-message{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}@media (min-width:1600px){.col-desc{min-width:350px}.table-body-scroll{max-height:calc(100vh - 370px)}}@media (max-width:1366px){.col-desc{min-width:200px}.table-body-scroll{max-height:calc(100vh - 350px)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{max-width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}.period-highlight-bar{flex-direction:column;gap:8px}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:150px}.col-type{min-width:60px}.footer-totals{gap:8px;font-size:.7rem}.total-opening,.total-debit,.total-credit,.total-closing{min-width:70px}.summary-grid{grid-template-columns:1fr}.modal-content{width:95%;margin:10px}}.balance-sheet-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-x:hidden}.alerts-container-balance{z-index:1000;position:fixed;top:10px;right:10px}.alert-balance{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 slideInBalance;display:flex;box-shadow:0 2px 8px #00000026}.alert-success-balance{color:#1b5e20;background:#e8f5e9;border-left:3px solid #2e7d32}.alert-error-balance{color:#b71c1c;background:#ffebee;border-left:3px solid #d32f2f}.alert-warning-balance{color:#b71c1c;background:#fff3e0;border-left:3px solid #ed6c02}.alert-info-balance{color:#01579b;background:#e1f5fe;border-left:3px solid #0288d1}.alert-balance button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.alert-balance button:hover{opacity:1}@keyframes slideInBalance{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.scrollable-header-balance{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;padding:10px 12px;box-shadow:0 1px 3px #00000014}.header-top-row-balance{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.header-top-row-balance h2{color:#2c3e50;align-items:center;gap:6px;margin:0;font-size:1.1rem;font-weight:600;display:flex}.header-actions-balance{align-items:center;gap:6px;display:flex}.btn-refresh-balance,.btn-reset-balance,.btn-print-balance,.btn-export-balance{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-balance:hover{color:#3498db;background:#f8f9fa;border-color:#3498db}.btn-reset-balance:hover{background:#f8f9fa;border-color:#6c757d}.btn-print-balance:hover{color:#0d6efd;background:#f8f9fa;border-color:#0d6efd}.btn-export-balance:hover{color:#198754;background:#f8f9fa;border-color:#198754}.formula-bar{background:#f3e8df;border-left:4px solid #452829;border-radius:6px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex}.formula{font-size:1rem;font-weight:600}.asset-text{color:#2e7d32;font-weight:700}.liability-text{color:#d32f2f;font-weight:700}.equity-text{color:#1565c0;font-weight:700}.balanced-badge{color:#fff;background:#2e7d32;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.unbalanced-badge{color:#fff;background:#d32f2f;border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.filter-row-balance{border-bottom:1px solid #e9ecef;flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.filter-group-balance{flex-direction:column;gap:4px;display:flex}.filter-group-balance label{color:#495057;white-space:nowrap;font-size:.75rem;font-weight:500}.filter-select-balance,.date-input-balance,.search-input-filter-balance{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:150px;padding:6px 8px;font-size:.8rem}.filter-select-balance:focus,.date-input-balance:focus,.search-input-filter-balance:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.btn-generate-balance{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-balance:hover:not(:disabled){background:#1a252f}.btn-generate-balance:disabled{opacity:.6;cursor:not-allowed}.header-bottom-row-balance{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.search-container-balance{flex:1;min-width:200px;max-width:300px;position:relative}.search-input-balance{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:6px 10px 6px 32px;font-size:.8rem}.search-input-balance:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.search-icon-balance{color:#6c757d;font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.summary-stats-balance{gap:6px;display:flex}.stat-badge-balance{white-space:nowrap;border:1px solid;border-radius:12px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;display:flex}.stat-badge-balance.assets{color:#2e7d32;background:#e8f5e9;border-color:#a5d6a7}.stat-badge-balance.liabilities{color:#d32f2f;background:#ffebee;border-color:#ffcdd2}.stat-badge-balance.equity{color:#1565c0;background:#e3f2fd;border-color:#bbdefb}.stat-badge-balance strong{font-size:.85rem;font-weight:700}.balance-sheet-container{flex:1;gap:16px;min-height:300px;display:flex;overflow:hidden}.assets-section-balance{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #00000014}.liabilities-equity-section-balance{flex-direction:column;flex:1;gap:16px;display:flex;overflow:hidden}.subsection-balance{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}.section-header-balance{cursor:pointer;border-bottom:1px solid #e9ecef;align-items:center;gap:8px;padding:10px 12px;transition:background .15s;display:flex}.section-header-balance:hover{background:#f8f9fa}.section-header-balance.assets-header{background:linear-gradient(90deg,#e8f5e9,#c8e6c9);border-left:4px solid #2e7d32}.section-header-balance.liabilities-header{background:linear-gradient(90deg,#ffebee,#ffcdd2);border-left:4px solid #d32f2f}.section-header-balance.equity-header{background:linear-gradient(90deg,#e3f2fd,#bbdefb);border-left:4px solid #1565c0}.section-icon{color:#495057;font-size:.8rem}.section-title{flex:1;font-size:1rem;font-weight:600}.assets-header .section-title{color:#2e7d32}.liabilities-header .section-title{color:#d32f2f}.equity-header .section-title{color:#1565c0}.section-total{font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.assets-header .section-total{color:#2e7d32}.liabilities-header .section-total{color:#d32f2f}.equity-header .section-total{color:#1565c0}.section-content-balance{flex:1;max-height:calc(100vh - 400px);padding:8px;overflow-y:auto}.balance-table{border-collapse:collapse;width:100%;font-size:.8rem}.balance-table thead{z-index:1;background:#f8f9fa;position:sticky;top:0}.balance-table th{text-align:left;color:#495057;white-space:nowrap;border-bottom:2px solid #dee2e6;padding:8px 6px;font-size:.75rem;font-weight:600}.balance-table td{vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #f1f3f4;padding:6px;overflow:hidden}.balance-table tbody tr:hover{background-color:#f8f9fa}.col-desc{min-width:200px}.col-amount{text-align:right;width:120px;min-width:120px;font-family:Courier New,monospace;font-weight:600}.code-badge{color:#2c3e50;background:#f8f9fa;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:inline-block}.asset-amount{font-weight:600;color:#2e7d32!important}.liability-amount{font-weight:600;color:#d32f2f!important}.equity-amount{font-weight:600;color:#1565c0!important}.loss-amount{font-weight:700;color:#d32f2f!important}.profit-badge{border-radius:12px;margin-left:8px;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.profit-badge.profit{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.profit-badge.loss{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2}.total-row-balance{background:#f3e8df;border-top:2px solid #452829;font-weight:700}.total-row-balance td{padding:8px 6px}.total-label{text-align:right;color:#2c3e50;font-size:.85rem}.total-amount{text-align:right;font-family:Courier New,monospace;font-size:.9rem}.grand-total-balance{background:#fff;border:2px solid #452829;border-radius:8px;margin-top:8px;padding:12px;box-shadow:0 1px 3px #00000014}.total-line{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.total-label-large{color:#2c3e50;font-size:1rem;font-weight:700}.total-amount-large{color:#452829;font-family:Courier New,monospace;font-size:1.2rem;font-weight:700}.balanced-indicator{text-align:center;color:#2e7d32;background:#e8f5e9;border-radius:4px;padding:6px;font-size:.9rem;font-weight:600}.unbalanced-indicator{text-align:center;color:#d32f2f;background:#ffebee;border-radius:4px;padding:6px;font-size:.9rem;font-weight:600}.btn-view-balance{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-balance:hover{color:#2c3e50;background:#e9ecef;border-color:#2c3e50}.unbalanced-warning-balance{color:#b71c1c;background:#ffebee;border-left:4px solid #d32f2f;border-radius:4px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:8px 12px;font-weight:500;display:flex}.refresh-warning-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem}.refresh-warning-btn:hover{background:#0000000d}.loading-balance{color:#6c757d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.spinner-balance{border:3px solid #e9ecef;border-top-color:#2c3e50;border-radius:50%;width:32px;height:32px;margin-bottom:12px;animation:1s linear infinite spin-balance}@keyframes spin-balance{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-balance{text-align:center;background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-icon-balance{opacity:.3;margin-bottom:16px;font-size:2.5rem}.empty-balance p{color:#6c757d;margin-bottom:16px;font-size:.9rem}.btn-clear-search-balance{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:4px;padding:6px 16px;font-size:.8rem;transition:background .15s}.btn-clear-search-balance:hover{background:#5a6268}.modal-balance-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-balance{background:#fff;border-radius:8px;width:90%;max-width:500px;max-height:85vh;animation:.2s modalSlideBalance;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header-balance{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-header-balance h3{color:#2c3e50;margin:0;font-size:1.1rem}.modal-close-balance{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-balance:hover{background:#f8f9fa}.modal-content-balance{padding:16px}.item-header-balance{border-bottom:1px solid #e9ecef;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:12px;display:flex}.item-code-modal-balance{color:#2c3e50;background:#f8f9fa;border-radius:4px;padding:6px 12px;font-family:Courier New,monospace;font-size:1rem;font-weight:600}.item-details-grid-balance{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.detail-group-balance{flex-direction:column;gap:4px;display:flex}.detail-group-balance.full-width-balance{grid-column:1/-1}.detail-group-balance label{color:#6c757d;font-size:.8rem;font-weight:500}.detail-value-balance{color:#212529;padding:6px 0;font-size:.9rem;font-weight:500}.description-modal-balance{font-weight:500;line-height:1.4}.modal-actions-balance{border-top:1px solid #e9ecef;justify-content:flex-end;padding:16px;display:flex}.btn-close-modal-balance{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-balance:hover{background:#1a252f}.account-type-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.7rem;font-weight:600}.account-type-badge.current-asset,.account-type-badge.receivable,.account-type-badge.inventory{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.account-type-badge.current-liability,.account-type-badge.long-term-liability{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2}.account-type-badge.capital,.account-type-badge.retained-earnings{color:#1565c0;background:#e3f2fd;border:1px solid #bbdefb}.section-content-balance::-webkit-scrollbar{width:6px;height:6px}.section-content-balance::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.section-content-balance::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.section-content-balance::-webkit-scrollbar-thumb:hover{background:#a1a5a8}@media (max-width:1024px){.balance-sheet-container{flex-direction:column}.assets-section-balance,.liabilities-equity-section-balance{width:100%}}@media (max-width:768px){.balance-sheet-scrollable{padding:6px}.scrollable-header-balance{padding:8px}.formula-bar{flex-direction:column;align-items:flex-start;gap:8px}.filter-row-balance{flex-direction:column;align-items:stretch}.filter-select-balance,.date-input-balance,.search-input-filter-balance{min-width:100%}.header-bottom-row-balance{flex-direction:column;align-items:stretch}.search-container-balance{max-width:100%}.summary-stats-balance{justify-content:center}.col-desc{min-width:150px}.item-details-grid-balance{grid-template-columns:1fr}}@media (max-width:480px){.header-top-row-balance h2{font-size:.9rem}.btn-refresh-balance,.btn-reset-balance,.btn-print-balance,.btn-export-balance{width:28px;height:28px;font-size:.75rem}.btn-generate-balance{padding:5px 10px;font-size:.75rem}.balance-table{font-size:.75rem}.col-code{width:70px;min-width:70px}.col-amount{width:90px;min-width:90px;font-size:.7rem}.total-amount-large{font-size:1rem}}.stock-position-optimized{background:#f5f7fa;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}.sp-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.stat-item.normal .stat-value{color:#2e7d32}.stat-item.low .stat-value{color:#ed6c02}.stat-item.out .stat-value{color:#d32f2f}.stat-item.value .stat-value{color:#452829}.status-filter{background:#fff;border:1px solid #dee2e6;border-radius:4px;min-width:120px;padding:6px 10px;font-size:.8rem}.sp-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sp-table{border-collapse:collapse;table-layout:fixed;width:100%}.sp-table th{text-align:left;color:#2c3e50;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:8px 6px;font-size:.7rem;font-weight:600}.sp-table th:last-child{border-right:none}.col-uom{width:4%;min-width:45px}.col-opening,.col-purchases,.col-consumption,.col-closing{width:7%;min-width:70px}.col-value{width:8%;min-width:90px}.col-status{width:4%;min-width:45px}.col-action{width:4%;min-width:40px}.table-body-scroll .sp-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .sp-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .sp-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:4px 6px;font-size:.75rem;overflow:hidden}.table-body-scroll .sp-table td:last-child{border-right:none}.stock-row.ok{background:#fff}.stock-row.low{background:#fff3e0}.stock-row.out{background:#ffebee}.uom-badge{color:#2c3e50;text-align:center;background:#e7f5ff;border-radius:10px;width:100%;padding:2px 6px;font-size:.65rem;font-weight:600;display:inline-block}.opening-amount,.purchases-amount,.consumption-amount,.closing-amount,.value-amount{text-align:right;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:block}.opening-amount{color:#6c757d}.purchases-amount{color:#2e7d32}.consumption-amount{color:#d32f2f}.closing-amount.ok{color:#2c3e50}.closing-amount.low{color:#ed6c02;font-weight:700}.closing-amount.out{color:#d32f2f;font-weight:700}.value-amount{color:#452829}.status-badge{border-radius:11px;justify-content:center;align-items:center;width:22px;height:22px;margin:0 auto;font-size:.75rem;display:flex}.status-badge.ok{color:#2e7d32;background:#e8f5e9}.status-badge.low{color:#ed6c02;background:#fff3e0}.status-badge.out{color:#d32f2f;background:#ffebee}.low-stock-warning{color:#ed6c02;background:#fff3e0;border-radius:12px;padding:2px 8px;font-weight:500}.out-stock-warning{color:#d32f2f;background:#ffebee;border-radius:12px;padding:2px 8px;font-weight:500}.summary-section{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000d}.summary-grid{grid-template-columns:repeat(6,1fr);gap:2px;display:grid}.summary-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;flex-direction:column;gap:2px;padding:2px;display:flex}.summary-card .summary-label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;font-size:.65rem;font-weight:500}.summary-card .summary-value{font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.total-card .summary-value{color:#2c3e50}.opening-card .summary-value{color:#6c757d}.purchases-card .summary-value.purchases{color:#2e7d32}.consumption-card .summary-value.consumption{color:#d32f2f}.closing-card .summary-value{color:#2c3e50}.value-card .summary-value.value{color:#452829}.status-badge-large{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.status-badge-large.ok{color:#2e7d32;background:#e8f5e9;border:1px solid #a5d6a7}.status-badge-large.low{color:#ed6c02;background:#fff3e0;border:1px solid #ffe0b2}.status-badge-large.out{color:#d32f2f;background:#ffebee;border:1px solid #ffcdd2}.detail-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.uom-badge-large{background:#e7f5ff;border-radius:20px;padding:4px 10px;font-weight:600;display:inline-block}.rate-highlight{color:#2c3e50;font-weight:600}.opening-highlight{color:#6c757d;font-weight:600}.purchases-highlight{color:#2e7d32;font-weight:600}.consumption-highlight{color:#d32f2f;font-weight:600}.adjustment-highlight{color:#ed6c02;font-weight:600}.closing-highlight{font-size:1rem;font-weight:700}.closing-highlight.ok{color:#2c3e50}.closing-highlight.low{color:#ed6c02}.closing-highlight.out{color:#d32f2f}.value-highlight{color:#452829;font-size:1rem;font-weight:700}.breakdown-section{background:#f8f9fa;border-left:4px solid #d32f2f;border-radius:4px;margin:15px 0;padding:12px}.breakdown-section h4{color:#2c3e50;margin:0 0 8px;font-size:.85rem}.breakdown-item{justify-content:space-between;align-items:center;padding:4px 0;font-size:.8rem;display:flex}.breakdown-item span:first-child{color:#6c757d}.breakdown-value{color:#d32f2f;font-family:Courier New,monospace;font-weight:600}.calculation-section{background:#f8f9fa;border-left:4px solid #2c3e50;border-radius:4px;margin:15px 0;padding:12px}.calculation-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px;font-family:Courier New,monospace;font-size:.8rem;display:flex}.operator{color:#2c3e50;font-weight:700}.calculation-result{color:#2c3e50;background:#fff;border-radius:3px;padding:2px 6px;font-weight:700}.stock-status-message{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.safe-message{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:4px;padding:10px;font-size:.85rem}@media (min-width:1600px){.col-desc{min-width:250px}.table-body-scroll{max-height:calc(100vh - 370px)}}@media (max-width:1366px){.col-desc{min-width:150px}.table-body-scroll{max-height:calc(100vh - 350px)}.summary-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{max-width:100%}.filters-grid,.summary-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:120px}.summary-grid{grid-template-columns:1fr}.calculation-row{flex-direction:column;align-items:flex-start;gap:8px}.modal-content{width:95%;margin:10px}}.profit-report-optimized{background:#f5f7fa;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}.view-toggle{gap:2px;margin-right:4px;display:flex}.toggle-btn{cursor:pointer;background:#fff;border:1px solid #dee2e6;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .15s;display:flex}.toggle-btn:first-child{border-radius:4px 0 0 4px}.toggle-btn:last-child{border-radius:0 4px 4px 0}.toggle-btn.active{color:#fff;background:#2c3e50;border-color:#2c3e50}.toggle-btn:hover:not(.active){background:#f8f9fa;border-color:#2c3e50}.action-buttons button:not(.toggle-btn){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}.action-buttons button:hover:not(.toggle-btn){color:#2c3e50;background:#f8f9fa;border-color:#2c3e50}.header-row-2{background:#f8f9fa;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;display:flex}.stat-item.sales .stat-value{color:#2980b9}.stat-item.cost .stat-value{color:#d35400}.stat-item.profit .stat-value{color:#27ae60}.stat-item.margin .stat-value{color:#8e44ad}.search-wrapper{flex:1;max-width:250px;position:relative}.search-input-compact{background:#fff;border:1px solid #dee2e6;border-radius:20px;width:100%;padding:6px 10px 6px 32px;font-size:.8rem;transition:all .15s}.search-input-compact:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.search-icon{color:#6c757d;pointer-events:none;font-size:.8rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.performance-cards{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px;display:grid}.performance-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000000d}.performance-card.best{border-left:4px solid #27ae60}.performance-card.worst{border-left:4px solid #e74c3c}.performance-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.performance-icon{font-size:1.2rem}.performance-title{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.performance-content{flex-direction:column;gap:4px;display:flex}.performance-name{color:#2c3e50;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.performance-metrics{justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.col-name{width:15%;min-width:150px}.col-recipe{width:12%;min-width:120px}.col-qty{text-align:right;width:5%;min-width:50px}.col-sales,.col-cost,.col-profit{text-align:right;width:8%;min-width:90px}.col-margin{text-align:center;width:6%;min-width:60px}.col-date,.col-voucher{width:8%;min-width:80px}.col-item{width:15%;min-width:150px}.col-recipe-detailed{width:12%;min-width:120px}.col-qty-detailed{text-align:right;width:4%;min-width:45px}.col-rate{text-align:right;width:6%;min-width:70px}.col-sales-detailed,.col-cost-detailed,.col-profit-detailed{text-align:right;width:7%;min-width:80px}.col-margin-detailed{text-align:center;width:5%;min-width:60px}.low-margin-row{background:#ffebee!important}.low-margin-row:hover{background:#ffe0e0!important}.name-cell,.item-cell{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.date-cell{color:#495057;font-size:.7rem}.voucher-cell{color:#2c3e50;background:#e9ecef;border-radius:3px;padding:2px 4px;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:inline-block}.qty-amount{text-align:right;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:block}.rate-amount{text-align:right;color:#6c757d;font-family:Courier New,monospace;font-size:.7rem;font-weight:500;display:block}.sales-amount{text-align:right;color:#2980b9;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:block}.cost-amount{text-align:right;color:#d35400;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:block}.profit-amount{text-align:right;color:#27ae60;font-family:Courier New,monospace;font-size:.75rem;font-weight:700;display:block}.margin-badge{text-align:center;border-radius:12px;min-width:45px;padding:3px 8px;font-size:.65rem;font-weight:600;display:inline-block}.margin-badge.excellent{color:#fff;background:#27ae60}.margin-badge.good{color:#fff;background:#f39c12}.margin-badge.average{color:#2c3e50;background:#f1c40f}.margin-badge.poor{color:#fff;background:#e74c3c}.margin-badge-small{text-align:center;border-radius:10px;min-width:35px;padding:2px 6px;font-size:.6rem;font-weight:600;display:inline-block}.margin-badge-small.excellent{color:#fff;background:#27ae60}.margin-badge-small.good{color:#fff;background:#f39c12}.margin-badge-small.average{color:#2c3e50;background:#f1c40f}.margin-badge-small.poor{color:#fff;background:#e74c3c}.margin-badge-large{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-block}.margin-badge-large.excellent{color:#fff;background:#27ae60}.margin-badge-large.good{color:#fff;background:#f39c12}.margin-badge-large.average{color:#2c3e50;background:#f1c40f}.margin-badge-large.poor{color:#fff;background:#e74c3c}.total-profit{color:#27ae60;font-weight:600}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:900px;max-height:85vh;overflow:auto;box-shadow:0 4px 20px #0003}.modal-header{color:#fff;z-index:10;background:#2c3e50;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px;display:flex;position:sticky;top:0}.modal-header h3{text-overflow:ellipsis;white-space:nowrap;max-width:70%;margin:0;font-size:1rem;font-weight:600;overflow:hidden}.item-summary{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:20px;padding:12px;display:grid}.summary-box{text-align:center}.summary-box .summary-label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:.65rem;display:block}.summary-box .summary-value{font-family:Courier New,monospace;font-size:1rem;font-weight:700}.section-title{color:#2c3e50;margin:15px 0 8px;font-size:.9rem;font-weight:600}.transaction-list{border:1px solid #e9ecef;border-radius:4px;max-height:250px;margin-bottom:15px;overflow-y:auto}.transaction-table{border-collapse:collapse;width:100%;font-size:.75rem}.transaction-table th{text-align:left;color:#2c3e50;z-index:5;background:#f8f9fa;border-bottom:1px solid #dee2e6;padding:8px;font-size:.7rem;font-weight:600;position:sticky;top:0}.transaction-table td{border-bottom:1px solid #e9ecef;padding:6px 8px}.transaction-table tbody tr:hover{background:#f8f9fa}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.recipe-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-top:15px;padding:12px}.recipe-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:.75rem}.recipe-table th{text-align:left;background:#e9ecef;padding:6px;font-size:.7rem;font-weight:600}.recipe-table td{border-bottom:1px solid #dee2e6;padding:4px 6px}.recipe-total{background:#e9ecef;border-top:2px solid #2c3e50;font-weight:600}.recipe-total td{padding:8px 6px}.voucher-badge{color:#2c3e50;background:#e9ecef;border-radius:3px;padding:2px 6px;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:inline-block}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;border-radius:0 0 8px 8px;justify-content:flex-end;padding:15px;display:flex}.alerts-container-profit{z-index:1100;position:fixed;top:10px;right:10px}.alert-profit{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-profit{color:#1b5e20;background:#e8f5e9;border-left:3px solid #27ae60}.alert-error-profit{color:#b71c1c;background:#ffebee;border-left:3px solid #e74c3c}.alert-warning-profit{color:#b71c1c;background:#fff3e0;border-left:3px solid #f39c12}.alert-info-profit{color:#01579b;background:#e1f5fe;border-left:3px solid #3498db}.alert-profit button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.alert-profit button:hover{opacity:1}.table-body-scroll::-webkit-scrollbar{width:6px;height:6px}.transaction-list::-webkit-scrollbar{width:6px;height:6px}.modal-content::-webkit-scrollbar{width:6px;height:6px}.table-body-scroll::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.transaction-list::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.modal-content::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.table-body-scroll::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.transaction-list::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.table-body-scroll::-webkit-scrollbar-thumb:hover{background:#a1a5a8}.transaction-list::-webkit-scrollbar-thumb:hover{background:#a1a5a8}.modal-content::-webkit-scrollbar-thumb:hover{background:#a1a5a8}@media (min-width:1600px){.col-name,.col-item{min-width:200px}.table-body-scroll{max-height:calc(100vh - 370px)}}@media (max-width:1366px){.col-name,.col-item{min-width:120px}.table-body-scroll{max-height:calc(100vh - 350px)}.item-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.search-wrapper{max-width:100%}.filters-grid{grid-template-columns:repeat(2,1fr)}.performance-cards{grid-template-columns:1fr}.item-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{flex-wrap:wrap;justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-name,.col-item{min-width:100px}.item-summary{grid-template-columns:1fr}.transaction-table{font-size:.7rem}.modal-content{width:95%;margin:10px}}@media (max-width:480px){.quick-stats{flex-direction:column;align-items:stretch}.stat-item{width:100%}.performance-metrics{flex-direction:column;align-items:flex-start;gap:4px}}.payable-report-optimized{background:#f5f7fa;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-payable{z-index:1100;position:fixed;top:10px;right:10px}.alert-payable{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-payable{color:#1b5e20;background:#e8f5e9;border-left:3px solid #2e7d32}.alert-error-payable{color:#b71c1c;background:#ffebee;border-left:3px solid #d32f2f}.alert-info-payable{color:#01579b;background:#e1f5fe;border-left:3px solid #0288d1}.alert-payable button{cursor:pointer;opacity:.6;background:0 0;border:none;padding:0 0 0 12px;font-size:18px}.alert-payable button:hover{opacity:1}.pr-header-compact{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:8px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.header-row-1{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.title-section{align-items:center;gap:12px;display:flex}.title-section h2{color:#2c3e50;margin:0;font-size:1rem;font-weight:600;line-height:1.2}.selected-period-badge{color:#2c3e50;background:#e9ecef;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.action-buttons{align-items:center;gap:4px;display:flex}.action-buttons button{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}.action-buttons button:hover{color:#2c3e50;background:#f8f9fa;border-color:#2c3e50}.btn-filter-toggle{background:#f8f9fa!important;gap:6px!important;width:auto!important;min-width:110px!important;padding:0 12px!important;font-size:.8rem!important}.btn-filter-toggle:hover{color:#2c3e50!important;background:#e9ecef!important;border-color:#2c3e50!important}.header-row-2{background:#f8f9fa;align-items:center;padding:6px 12px;display:flex}.quick-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.stat-item{background:#fff;border:1px solid #e9ecef;border-radius:4px;align-items:center;gap:5px;padding:3px 10px;font-size:.75rem;display:flex}.stat-item .stat-label{color:#6c757d;font-weight:400}.stat-item .stat-value{color:#2c3e50;font-weight:600}.stat-item.total .stat-value{color:#2c3e50}.stat-item.payable .stat-value{color:#92400e}.stat-item.receivable .stat-value{color:#166534}.stat-item.zero .stat-value{color:#6c757d}.filters-panel{background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));align-items:end;gap:10px;display:grid}.filter-field{flex-direction:column;gap:4px;display:flex}.filter-field label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500}.filter-control{background:#fff;border:1px solid #dee2e6;border-radius:4px;width:100%;padding:6px 8px;font-size:.8rem}.filter-control:focus{border-color:#2c3e50;outline:none;box-shadow:0 0 0 2px #2c3e501a}.filter-field.action-field{justify-content:flex-end;display:flex}.btn-generate-compact{color:#fff;cursor:pointer;white-space:nowrap;background:#2c3e50;border:none;border-radius:4px;align-items:center;gap:5px;height:32px;padding:6px 15px;font-size:.8rem;font-weight:500;transition:background .15s;display:inline-flex}.btn-generate-compact:hover:not(:disabled){background:#1e2b37}.btn-generate-compact:disabled{opacity:.6;cursor:not-allowed}.summary-cards{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px;display:grid}.summary-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;align-items:center;gap:10px;padding:10px;display:flex;box-shadow:0 1px 3px #0000000d}.summary-card.opening{border-left:4px solid #6c757d}.summary-card.debit{border-left:4px solid #b91c1c}.summary-card.credit{border-left:4px solid #166534}.summary-card.payable{background:#fefce8;border-left:4px solid #92400e}.summary-card.receivable{background:#f0fdf4;border-left:4px solid #166534}.card-icon{background:#f8f9fa;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;display:flex}.card-content{flex-direction:column;flex:1;display:flex}.card-label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;font-size:.65rem}.card-value{color:#2c3e50;font-family:Courier New,monospace;font-size:1rem;font-weight:700;line-height:1.2}.payable .card-value{color:#92400e}.receivable .card-value{color:#166534}.pr-table-container{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-direction:column;flex:1;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.table-header-fixed{background:#f8f9fa;border-bottom:2px solid #2c3e50;flex-shrink:0}.pr-table{border-collapse:collapse;table-layout:fixed;width:100%}.pr-table th{text-align:left;color:#2c3e50;white-space:nowrap;background:#f8f9fa;border-right:1px solid #dee2e6;padding:8px 6px;font-size:.7rem;font-weight:600}.pr-table th:last-child{border-right:none}.col-serial{width:4%;min-width:35px}.col-code{width:10%;min-width:90px}.col-desc{width:30%;min-width:200px}.col-opening,.col-debit,.col-credit,.col-balance{text-align:right;width:9%;min-width:80px}.col-type{text-align:center;width:8%;min-width:70px}.col-action{text-align:center;width:4%;min-width:40px}.table-body-scroll{flex:1;max-height:calc(100vh - 350px);overflow:hidden auto}.table-body-scroll .pr-table tbody tr{border-bottom:1px solid #f1f3f4}.table-body-scroll .pr-table tbody tr:hover{background-color:#f8f9fa}.table-body-scroll .pr-table td{color:#333;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f1f3f4;padding:4px 6px;font-size:.75rem;overflow:hidden}.table-body-scroll .pr-table td:last-child{border-right:none}.row-payable{background:#fefce8!important}.row-receivable{background:#f0fdf4!important}.serial-number{color:#6c757d;text-align:center;font-size:.7rem;display:block}.code-cell{color:#2c3e50;background:#e9ecef;border-radius:3px;padding:2px 4px;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:inline-block}.description-cell{overflow:hidden}.desc-main{color:#2c3e50;text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.opening-amount,.debit-amount,.credit-amount,.balance-amount{text-align:right;font-family:Courier New,monospace;font-size:.7rem;font-weight:600;display:block}.debit-text{color:#b91c1c}.credit-text{color:#166534}.payable-text{color:#92400e}.receivable-text{color:#166534}.type-badge{border-radius:12px;padding:2px 8px;font-size:.65rem;font-weight:600;display:inline-block}.type-badge.payable{color:#92400e;background:#fef3c7}.type-badge.receivable{color:#166534;background:#dcfce7}.type-badge.zero{color:#475569;background:#f1f5f9}.btn-view-compact{cursor:pointer;background:#fff;border:1px solid #dee2e6;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto;font-size:.7rem;transition:all .15s;display:flex}.btn-view-compact:hover{color:#2c3e50;background:#e9ecef;border-color:#2c3e50}.table-footer{color:#6c757d;background:#f8f9fa;border-top:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:6px 12px;font-size:.7rem;display:flex}.footer-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.separator{color:#dee2e6}.payable-count{color:#92400e;font-weight:500}.receivable-count{color:#166534;font-weight:500}.zero-count{color:#6c757d;font-weight:500}.footer-timestamp{opacity:.8;font-size:.65rem}.net-position-summary{background:#fff;border:1px solid #e9ecef;border-radius:8px;justify-content:space-between;align-items:center;margin-top:8px;padding:10px 15px;display:flex;box-shadow:0 1px 3px #0000000d}.position-label{color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.position-value{font-family:Courier New,monospace;font-size:1rem;font-weight:700}.position-value.payable{color:#92400e}.position-value.receivable{color:#166534}.loading-state{color:#6c757d;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.spinner-compact{border:3px solid #e9ecef;border-top-color:#2c3e50;border-radius:50%;width:30px;height:30px;margin-bottom:12px;animation:1s linear infinite spin}.empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:60px;display:flex}.empty-icon{opacity:.3;margin-bottom:16px;font-size:3rem}.empty-state p{color:#6c757d;margin-bottom:8px;font-size:.9rem}.btn-clear-search{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;padding:6px 16px;font-size:.8rem;transition:background .15s}.btn-clear-search:hover{background:#1e2b37}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:450px;max-height:85vh;animation:.2s modalFade;overflow:auto;box-shadow:0 4px 20px #0003}@keyframes modalFade{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{color:#fff;background:#2c3e50;border-bottom:1px solid #e9ecef;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;padding:15px;display:flex}.modal-header h3{margin:0;font-size:1rem;font-weight:600}.modal-close{cursor:pointer;color:#fff;opacity:.8;background:0 0;border:none;font-size:1.5rem;line-height:1}.modal-close:hover{opacity:1}.modal-body{padding:15px}.detail-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:10px;display:flex}.code-badge{color:#2c3e50;background:#e9ecef;border-radius:4px;padding:4px 10px;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.type-badge-large{border-radius:20px;padding:4px 12px;font-size:.8rem;font-weight:600}.type-badge-large.payable{color:#92400e;background:#fef3c7}.type-badge-large.receivable{color:#166534;background:#dcfce7}.type-badge-large.zero{color:#475569;background:#f1f5f9}.detail-grid{gap:12px;display:grid}.detail-row{flex-direction:column;gap:4px;display:flex}.detail-row.full-width{grid-column:1/-1}.detail-row label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;font-size:.7rem;font-weight:500}.detail-value{color:#2c3e50;padding:6px 0;font-family:Courier New,monospace;font-size:.9rem}.description-highlight{background:#f8f9fa;border-radius:4px;padding:8px;font-family:inherit;font-weight:500;line-height:1.4}.detail-row.highlight{background:#f8f9fa;border-radius:6px;padding:8px}.balance-note{color:#6c757d;margin-left:8px;font-family:inherit;font-size:.7rem}.calculation{word-break:break-word;background:#f8f9fa;border-radius:4px;padding:8px;font-size:.8rem;line-height:1.5}.calculation strong{color:#2c3e50;margin-left:5px}.position-message{border-top:1px solid #e9ecef;margin-top:15px;padding-top:15px}.warning-message{color:#92400e;background:#fef3c7;border:1px solid #fbbf24;border-radius:4px;padding:10px;font-size:.85rem}.info-message{color:#01579b;background:#e1f5fe;border:1px solid #4fc3f7;border-radius:4px;padding:10px;font-size:.85rem}.success-message{color:#1b5e20;background:#e8f5e9;border:1px solid #a5d6a7;border-radius:4px;padding:10px;font-size:.85rem}.modal-footer{border-top:1px solid #e9ecef;justify-content:flex-end;padding:15px;display:flex}.btn-close{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:hover{background:#1e2b37}.table-body-scroll::-webkit-scrollbar{width:6px;height:6px}.table-body-scroll::-webkit-scrollbar-track{background:#f1f3f4;border-radius:3px}.table-body-scroll::-webkit-scrollbar-thumb{background:#c1c5c8;border-radius:3px}.table-body-scroll::-webkit-scrollbar-thumb:hover{background:#a1a5a8}@media (min-width:1600px){.col-desc{min-width:300px}.table-body-scroll{max-height:calc(100vh - 370px)}}@media (max-width:1366px){.col-desc{min-width:180px}.table-body-scroll{max-height:calc(100vh - 350px)}}@media (max-width:1024px){.header-row-2{flex-direction:column;align-items:stretch;gap:8px}.quick-stats{justify-content:center}.filters-grid,.summary-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-row-1{flex-direction:column;align-items:stretch;gap:8px}.title-section{justify-content:space-between}.action-buttons{justify-content:flex-end}.filters-grid{grid-template-columns:1fr}.col-desc{min-width:150px}.summary-cards{grid-template-columns:1fr}.net-position-summary{text-align:center;flex-direction:column;gap:8px}.footer-info{flex-direction:column;align-items:flex-start;gap:4px}.modal-content{width:95%;margin:10px}}