:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh}h1,h2,h3,h4,h5,h6{line-height:1.2}a{text-decoration:none}button,input,textarea,select{font-family:inherit}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--textDark)}.app-container{display:flex;min-height:100vh}.main-content{flex-grow:1;transition:margin-left .3s ease;margin-left:60px;padding:20px;background-color:var(--secondary);min-height:100vh;overflow-x:auto}.main-content.sidebar-open{margin-left:240px}.welcome-screen{display:flex;align-items:center;justify-content:center;height:calc(100vh - 40px);font-size:2rem;color:var(--primary);text-align:center}.auth-loading .loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.main-content{margin-left:0}.main-content.sidebar-open{margin-left:200px}}@media (max-width: 576px){.main-content,.main-content.sidebar-open{margin-left:0}}.sidebar{height:100vh;background-color:var(--secondary, #F6F9FA);box-shadow:0 0 10px #0000001a;transition:width .3s ease;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column}.sidebar.open{width:240px}.sidebar.closed{width:60px;overflow:hidden}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--secondaryDark, #E0E0E0)}.sidebar-header h2{margin:0;color:var(--primary, #007B83);font-size:1.2rem;white-space:nowrap}.toggle-btn{background:none;border:none;color:var(--primary, #007B83);cursor:pointer;font-size:1.2rem}.sidebar-menu{display:flex;flex-direction:column;padding:15px 0;overflow-y:auto}.menu-item{display:flex;flex-direction:column;margin-bottom:5px}.menu-title{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;color:var(--textDark, #2C3E50);cursor:pointer;transition:all .3s ease;text-decoration:none;font-weight:500;border-radius:6px;margin:0 8px;position:relative}.menu-title:hover{background-color:#007b831a;transform:translate(2px);box-shadow:0 2px 4px #0000001a}.menu-title.active{background:linear-gradient(135deg,var(--primary, #007B83),var(--primaryDark, #006C72));color:var(--textLight, #FFFFFF);box-shadow:0 2px 8px #007b834d}.menu-title.active .menu-arrow{color:var(--accent, #00B894)}.menu-arrow{font-size:.8rem;transition:all .3s ease;transform-origin:center}.menu-title:hover .menu-arrow{transform:scale(1.2)}.menu-title.active .menu-arrow{transform:rotate(180deg) scale(1.1)}.sub-menu{display:flex;flex-direction:column;background-color:#00000008;overflow:hidden;margin:4px 8px 8px;border-radius:6px;border-left:2px solid var(--primary, #007B83);box-shadow:inset 0 1px 3px #0000001a;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.sub-menu-item{padding:12px 16px;color:var(--textDark, #2C3E50);text-decoration:none;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:10px;border-left:3px solid transparent;position:relative;margin:2px 4px;border-radius:4px}.sub-menu-item:hover{background-color:#007b831f;border-left-color:var(--accent, #00B894);transform:translate(3px);box-shadow:0 2px 4px #0000001a}.sub-menu-item.active{background-color:var(--primary, #007B83);color:var(--textLight, #FFFFFF);border-left-color:var(--accent, #00B894);font-weight:500}.sub-menu-icon{font-size:14px;opacity:.8;transition:all .3s ease;display:inline-block;width:20px;text-align:center}.sub-menu-item:hover .sub-menu-icon{opacity:1;transform:scale(1.1)}.sub-menu-item.active .sub-menu-icon{opacity:1}.menu-item:has([href*="/lpo"]) .sub-menu{border-left-color:#f39c12}.sub-menu-item[href="/lpo"]{background:linear-gradient(90deg,rgba(243,156,18,.05) 0%,transparent 100%)}.sub-menu-item[href="/lpo"]:hover{background:linear-gradient(90deg,#f39c1226,#007b831a);border-left-color:#f39c12}.sub-menu-item[href="/lpo"].active{background:linear-gradient(135deg,#f39c12,#e67e22);border-left-color:#d35400}.sub-menu-item[href="/lpo/view"]{background:linear-gradient(90deg,rgba(0,184,148,.05) 0%,transparent 100%)}.sub-menu-item[href="/lpo/view"]:hover{background:linear-gradient(90deg,#00b89426,#007b831a);border-left-color:#00b894}.sub-menu-item[href="/lpo/view"].active{background:linear-gradient(135deg,#00b894,#00a085);border-left-color:#00785a}.sidebar.closed .sidebar-header h2,.sidebar.closed .menu-arrow,.sidebar.closed .sub-menu{display:none}.sidebar-footer{margin-top:auto;padding:15px 20px 20px;border-top:1px solid var(--secondaryDark, #E0E0E0);display:flex;flex-direction:column;gap:15px}.user-info{display:flex;align-items:center;gap:12px;padding:10px;background:#007b830d;border-radius:12px}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #007B83),var(--accent, #00B894));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.1rem;flex-shrink:0}.user-details{flex:1;overflow:hidden}.user-email{font-size:.85rem;font-weight:500;color:var(--textDark, #2C3E50);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#666;text-transform:capitalize;margin-top:2px}.logout-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:linear-gradient(135deg,var(--danger, #E74C3C),#c0392b);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .3s ease}.logout-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e74c3c4d}.logout-button:active{transform:translateY(0)}.logout-icon{font-size:1.1rem}.sidebar.closed .sidebar-footer{padding:15px 10px 20px}.sidebar.closed .user-info{display:none}.sidebar.closed .logout-button{width:40px;height:40px;padding:0;border-radius:50%;justify-content:center}.sidebar.closed .logout-button span:last-child{display:none}@media (max-width: 768px){.sidebar.open{width:200px}.sidebar.closed{width:0}.sidebar.closed .toggle-btn{position:fixed;left:10px;top:10px;background-color:var(--primary, #007B83);color:#fff;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.sidebar.closed .sidebar-footer{display:none}}@media (max-width: 480px){.sidebar.open{width:100%}.sidebar-footer{padding:15px}.user-email{font-size:.8rem}.logout-button{padding:10px 14px;font-size:.85rem}}.add-new-stock-container{padding:20px;width:100%;background-color:var(--background)}.add-new-stock-header{margin-bottom:30px}.add-new-stock-header h1{color:var(--textDark);font-size:2rem;margin-bottom:8px;font-weight:600}.add-new-stock-header p{color:var(--textDark);opacity:.7;font-size:1rem}.add-new-stock-form{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px;border:1px solid var(--secondaryDark)}.profit-margin-display{background-color:var(--secondary);border:2px solid var(--secondaryDark);border-radius:8px;padding:16px;margin:20px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profit-label{font-weight:600;color:var(--textDark);font-size:1rem}.profit-value{font-size:1.25rem;font-weight:700;padding:4px 12px;border-radius:6px}.profit-value.positive{background-color:#00b8941a;color:var(--accent)}.profit-value.negative{background-color:#e74c3c1a;color:var(--danger)}.profit-amount{color:var(--textDark);opacity:.8;font-size:.95rem}@media (max-width: 768px){.add-new-stock-container{padding:15px}.add-new-stock-form{padding:20px}.form-row{grid-template-columns:1fr;gap:15px}.add-new-stock-header h1{font-size:1.75rem}.form-actions{flex-direction:column}.reset-btn,.submit-btn{width:100%}.profit-margin-display{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.add-new-stock-container{padding:10px}.add-new-stock-form{padding:15px}.add-new-stock-header h1{font-size:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:10px 12px}}@media (min-width: 769px) and (max-width: 1024px){.add-new-stock-container{padding:20px}.form-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.add-new-stock-container{padding:25px}.add-new-stock-form{padding:35px}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#2c3e504d;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:12px}.loader-container.small{gap:8px}.loader-container.medium{gap:12px}.loader-container.large{gap:16px}.spinner{border:3px solid var(--secondaryDark);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loader-container.small .spinner{width:20px;height:20px;border-width:2px}.loader-container.medium .spinner{width:32px;height:32px;border-width:3px}.loader-container.large .spinner{width:48px;height:48px;border-width:4px}.loader-message{margin:0;color:var(--textDark);font-size:14px;text-align:center;font-weight:500}.loader-container.small .loader-message{font-size:12px}.loader-container.medium .loader-message{font-size:14px}.loader-container.large .loader-message{font-size:16px}.loader-inline{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--textLight);border-radius:50%;animation:spin 1s linear infinite;margin-right:8px}@media (max-width: 768px){.loader-container.large{gap:12px}.loader-container.large .spinner{width:40px;height:40px;border-width:3px}.loader-container.large .loader-message{font-size:14px}}.add-existing-stock-container{padding:20px;width:100%;background-color:var(--background)}.add-existing-stock-header{margin-bottom:30px}.add-existing-stock-header h1{color:var(--textDark);font-size:2rem;margin-bottom:8px;font-weight:600}.add-existing-stock-header p{color:var(--textDark);opacity:.7;font-size:1rem}.sku-search-section{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px;margin-bottom:25px;border:1px solid var(--secondaryDark)}.sku-search-form{display:flex;flex-direction:column;gap:15px}.search-input-group{display:flex;gap:12px;align-items:flex-end}.search-input-group input{flex:1;padding:12px 16px;border:2px solid var(--secondaryDark);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:var(--background);color:var(--textDark)}.search-input-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b831a}.search-input-group input.error{border-color:var(--danger);box-shadow:0 0 0 3px #e74c3c1a}.search-btn{background-color:var(--primary);color:var(--textLight);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:120px}.search-btn:hover:not(:disabled){background-color:var(--primaryDark);transform:translateY(-1px);box-shadow:0 4px 12px #007b834d}.search-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-text{color:var(--danger);font-size:.875rem;margin-top:6px;display:block}.existing-stock-display{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:25px;margin-bottom:25px;border:1px solid var(--secondaryDark)}.existing-stock-display h3{color:var(--primary);font-size:1.25rem;margin-bottom:20px;font-weight:600}.stock-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-item label{font-size:.9rem;color:var(--textDark);opacity:.7;font-weight:500}.info-item span{font-weight:600;color:var(--textDark)}.sku-badge{background-color:var(--primary);color:var(--textLight);padding:4px 8px;border-radius:6px;font-size:.9rem;font-weight:600;display:inline-block}.low-stock{color:var(--danger)}.normal-stock{color:var(--accent)}.profit-margin{background-color:#00b8941a;color:var(--accent);padding:2px 6px;border-radius:4px;font-size:.9rem}.update-stock-form{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:30px;border:1px solid var(--secondaryDark)}.update-stock-form h3{color:var(--textDark);font-size:1.25rem;margin-bottom:20px;font-weight:600}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:20px}@media (min-width: 1024px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1400px){.form-row{grid-template-columns:repeat(3,1fr)}}.form-group label{display:block;margin-bottom:8px;color:var(--textDark);font-weight:500;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px 16px;border:2px solid var(--secondaryDark);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:var(--background);color:var(--textDark)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b831a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--danger);box-shadow:0 0 0 3px #e74c3c1a}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{background-color:var(--secondary);color:var(--textDark);opacity:.7;cursor:not-allowed}.quantity-summary{background-color:var(--secondary);border:2px solid var(--secondaryDark);border-radius:8px;padding:16px;margin:20px 0}.quantity-summary h4{color:var(--textDark);margin-bottom:12px;font-size:1rem}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.95rem}.summary-row:last-child{margin-bottom:0;font-weight:600;padding-top:8px;border-top:1px solid var(--secondaryDark)}.summary-label{color:var(--textDark);opacity:.8}.summary-value{color:var(--textDark);font-weight:500}.new-total{color:var(--primary)}.form-actions{margin-top:30px;display:flex;justify-content:flex-end;gap:16px;flex-wrap:wrap}.reset-btn,.submit-btn{padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px;font-family:inherit}.reset-btn{background-color:var(--secondary);color:var(--textDark);border:2px solid var(--secondaryDark)}.reset-btn:hover:not(:disabled){background-color:var(--secondaryDark);transform:translateY(-1px)}.submit-btn{background-color:var(--primary);color:var(--textLight)}.submit-btn:hover:not(:disabled){background-color:var(--primaryDark);transform:translateY(-1px);box-shadow:0 4px 12px #007b834d}.instructions{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px;text-align:center;border:1px solid var(--secondaryDark)}.instruction-icon{font-size:3rem;margin-bottom:16px}.instructions h3{color:var(--textDark);font-size:1.5rem;margin-bottom:12px;font-weight:600}.instructions p{color:var(--textDark);opacity:.8;margin-bottom:20px;font-size:1rem}.instructions ul{text-align:left;max-width:500px;margin:0 auto;color:var(--textDark);opacity:.8}.instructions li{margin-bottom:8px;padding-left:8px}@media (max-width: 768px){.add-existing-stock-container{padding:15px}.sku-search-section,.existing-stock-display,.update-stock-form,.instructions{padding:20px}.search-input-group{flex-direction:column;gap:12px}.search-btn{width:100%}.form-row{grid-template-columns:1fr;gap:15px}.stock-info-grid{grid-template-columns:1fr;gap:12px}.add-existing-stock-header h1{font-size:1.75rem}.form-actions{flex-direction:column}.reset-btn,.submit-btn{width:100%}}@media (max-width: 480px){.add-existing-stock-container{padding:10px}.sku-search-section,.existing-stock-display,.update-stock-form,.instructions{padding:15px}.add-existing-stock-header h1{font-size:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:10px 12px}.instructions{padding:25px}.instruction-icon{font-size:2.5rem}}@media (min-width: 769px) and (max-width: 1024px){.add-existing-stock-container{padding:20px}.form-row,.stock-info-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.add-existing-stock-container{padding:25px}.sku-search-section,.existing-stock-display,.add-existing-form{padding:30px}.stock-info-grid{grid-template-columns:repeat(3,1fr)}}.view-stock-container{padding:20px;width:100%;background-color:var(--background)}.view-stock-header{margin-bottom:30px}.view-stock-header h1{color:var(--textDark);font-size:2rem;margin-bottom:8px;font-weight:600}.view-stock-header p{color:var(--textDark);opacity:.7;font-size:1rem}.message{padding:12px 16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;position:relative}.message.error-message{background-color:#e74c3c1a;color:var(--danger);border-left:4px solid var(--danger)}.message.success-message{background-color:#00b8941a;color:var(--accent);border-left:4px solid var(--accent)}.message-close{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;padding:0;margin-left:10px}.stock-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:30px}.summary-item{background-color:var(--background);border-radius:12px;padding:20px;text-align:center;box-shadow:0 4px 20px #00000014;border:1px solid var(--secondaryDark);transition:transform .3s ease}.summary-item:hover{transform:translateY(-2px)}.summary-value{font-size:2rem;font-weight:700;color:var(--primary);display:block;margin-bottom:8px}.summary-value.warning{color:var(--danger)}.summary-label{color:var(--textDark);opacity:.8;font-size:.95rem;font-weight:500}.stock-controls{background-color:var(--background);border-radius:12px;padding:20px;margin-bottom:25px;box-shadow:0 4px 20px #00000014;border:1px solid var(--secondaryDark);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.search-container{flex:1;max-width:400px;min-width:250px;position:relative}.search-input{width:100%;padding:12px 16px 12px 45px;border:2px solid var(--secondaryDark);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .3s ease;background-color:var(--background);color:var(--textDark)}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b831a}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--textDark);opacity:.5;font-size:1.1rem}.filter-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.95rem;color:var(--textDark);-webkit-user-select:none;user-select:none}.checkbox-container input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer}.items-per-page{display:flex;align-items:center;gap:8px;font-size:.95rem;color:var(--textDark)}.items-per-page select{padding:8px 12px;border:2px solid var(--secondaryDark);border-radius:6px;background-color:var(--background);color:var(--textDark);font-size:.95rem;cursor:pointer}.items-per-page select:focus{outline:none;border-color:var(--primary)}.table-container{background-color:var(--background);border-radius:12px;box-shadow:0 4px 20px #00000014;border:1px solid var(--secondaryDark);overflow:hidden}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.stock-table{width:100%;border-collapse:collapse;font-size:.95rem}.stock-table th,.stock-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--secondaryDark)}.stock-table th{background-color:var(--secondary);color:var(--textDark);font-weight:600;white-space:nowrap;position:sticky;top:0;z-index:10}.stock-table tbody tr{transition:background-color .2s ease}.stock-table tbody tr:hover{background-color:var(--backgroundAlt)}.stock-table tbody tr.low-stock-row{background-color:#e74c3c0d}.stock-table tbody tr.low-stock-row:hover{background-color:#e74c3c1a}.sku-badge{background-color:var(--primary);color:var(--textLight);padding:4px 8px;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-block}.stock-name{font-weight:500;color:var(--textDark)}.mobile-details{margin-top:4px;font-size:.8rem;color:var(--textDark);opacity:.7}.mobile-details small{display:block;margin-bottom:2px}.quantity{font-weight:600;padding:4px 8px;border-radius:4px;display:inline-block}.quantity.low-stock{background-color:#e74c3c1a;color:var(--danger)}.quantity.normal-stock{background-color:#00b8941a;color:var(--accent)}.threshold-info{display:block;font-size:.8rem;color:var(--danger);opacity:.8;margin-top:2px}.profit-margin{background-color:#00b8941a;color:var(--accent);padding:2px 6px;border-radius:4px;font-size:.85rem;font-weight:600}.status-badge{padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600;text-align:center;display:inline-block}.status-badge.low-stock{background-color:#e74c3c1a;color:var(--danger)}.status-badge.normal{background-color:#00b8941a;color:var(--accent)}.action-buttons{display:flex;gap:8px;align-items:center}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:60px}.edit-btn{background-color:var(--primary);color:var(--textLight)}.edit-btn:hover:not(:disabled){background-color:var(--primaryDark);transform:translateY(-1px)}.delete-btn{background-color:var(--danger);color:var(--textLight)}.delete-btn:hover:not(:disabled){background-color:#c0392b;transform:translateY(-1px)}.edit-btn:disabled,.delete-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.empty-state{text-align:center;padding:60px 20px;color:var(--textDark)}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.empty-state h3{font-size:1.5rem;margin-bottom:12px;color:var(--textDark)}.empty-state p{color:var(--textDark);opacity:.7;max-width:500px;margin:0 auto;line-height:1.5}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px;border-top:1px solid var(--secondaryDark);background-color:var(--secondary)}.pagination-info{color:var(--textDark);opacity:.8;font-size:.9rem;margin-right:20px}.pagination-btn{padding:8px 12px;border:1px solid var(--secondaryDark);background-color:var(--background);color:var(--textDark);border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.9rem;min-width:36px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background-color:var(--primary);color:var(--textLight);border-color:var(--primary)}.pagination-btn.active{background-color:var(--primary);color:var(--textLight);border-color:var(--primary)}.pagination-ellipsis{color:var(--textDark);opacity:.5;padding:8px 4px}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal-content{background-color:var(--background);border-radius:12px;width:100%;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 25px;border-bottom:1px solid var(--secondaryDark);position:sticky;top:0;background-color:var(--background);z-index:10}.modal-header h2{color:var(--textDark);font-size:1.25rem;margin:0;font-weight:600}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--textDark);opacity:.7;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .3s ease}.modal-close:hover{background-color:var(--secondary);opacity:1}.edit-stock-form{padding:25px;overflow-y:auto;flex:1;display:flex;flex-direction:column}.edit-stock-form .form-fields{flex:1;overflow-y:auto;padding-bottom:10px}.edit-stock-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-bottom:20px}.edit-stock-form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.edit-stock-form .form-group label{margin-bottom:8px;color:var(--textDark);font-weight:500;font-size:.9rem}.edit-stock-form .form-group input,.edit-stock-form .form-group textarea{padding:12px;border:2px solid var(--secondaryDark);border-radius:6px;font-size:.95rem;transition:all .3s ease;background-color:var(--background);color:var(--textDark);width:100%;min-height:42px}.edit-stock-form .form-group input:focus,.edit-stock-form .form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b831a}.edit-stock-form .form-group input.error,.edit-stock-form .form-group textarea.error{border-color:var(--danger)}.edit-stock-form .error-text{color:var(--danger);font-size:.8rem;margin-top:4px}.edit-stock-form .form-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:12px;background-color:var(--background);padding-top:15px;border-top:1px solid var(--secondaryDark);position:sticky;bottom:0;z-index:5}.edit-stock-form .form-actions button{padding:12px 24px;border:none;border-radius:6px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.edit-stock-form .cancel-btn{background-color:var(--secondary);color:var(--textDark);border:1px solid var(--secondaryDark)}.edit-stock-form .cancel-btn:hover{background-color:var(--secondaryDark)}.edit-stock-form .save-btn{background-color:var(--primary);color:var(--textLight)}.edit-stock-form .save-btn:hover:not(:disabled){background-color:var(--primaryDark)}.edit-stock-form .save-btn:disabled{opacity:.6;cursor:not-allowed}.loader{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:var(--textLight);animation:spin 1s ease-in-out infinite}.loader.large{width:40px;height:40px;border-width:3px;border-color:#007b834d;border-top-color:var(--primary)}.loader.small{width:16px;height:16px;border-width:2px}@keyframes spin{to{transform:rotate(360deg)}}.hide-mobile,.hide-tablet{display:table-cell}.show-mobile{display:none}@media (max-width: 768px){.view-stock-container{padding:15px}.view-stock-header h1{font-size:1.75rem}.stock-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.summary-item{padding:15px}.summary-value{font-size:1.5rem}.stock-controls{flex-direction:column;align-items:stretch;gap:15px}.search-container{max-width:none}.filter-controls{justify-content:space-between}.hide-mobile{display:none}.show-mobile{display:block}.stock-table th,.stock-table td{padding:8px 10px}.action-buttons{flex-direction:column;gap:6px}.edit-btn,.delete-btn{font-size:.8rem;padding:5px 8px}.modal-content{margin:0;max-width:none;max-height:85vh;border-radius:8px}.edit-stock-form{padding:15px}.edit-stock-form .form-row{grid-template-columns:1fr;gap:12px;margin-bottom:15px}.edit-stock-form .form-actions{flex-direction:row;padding-top:12px}.edit-stock-form .form-actions button{flex:1;padding:10px;font-size:.9rem;min-width:0}.pagination{flex-wrap:wrap;gap:6px}.pagination-info{width:100%;text-align:center;margin:0 0 10px}}@media (max-width: 480px){.view-stock-container{padding:10px}.view-stock-header h1{font-size:1.5rem}.stock-summary{grid-template-columns:1fr}.stock-controls{padding:15px}.filter-controls{flex-direction:column;align-items:stretch;gap:10px}.checkbox-container,.items-per-page{justify-content:center}.empty-state{padding:40px 15px}.empty-icon{font-size:3rem}.empty-state h3{font-size:1.25rem}.modal-content{max-height:90vh;border-radius:6px}.modal-header{padding:15px}.modal-header h2{font-size:1.1rem}.edit-stock-form{padding:12px}.edit-stock-form .form-group label{margin-bottom:5px;font-size:.85rem}.edit-stock-form .form-group input,.edit-stock-form .form-group textarea{padding:10px;font-size:.9rem}}@media (min-width: 1200px){.view-stock-container,.stock-controls,.summary-item{padding:25px}}.customers-container{padding:24px;background:#fff;min-height:100vh}.customers-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.customers-header h1{color:#2c3e50;font-size:28px;font-weight:600;margin:0}.header-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-container{position:relative;min-width:300px}.search-input{width:100%;padding:12px 16px 12px 44px;border:2px solid #E0E0E0;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease}.search-input:focus{outline:none;border-color:#007b83;box-shadow:0 0 0 3px #007b831a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#2c3e50;font-size:16px}.add-customer-btn{background:#007b83;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.add-customer-btn:hover:not(:disabled){background:#006c72;transform:translateY(-2px);box-shadow:0 4px 12px #007b834d}.add-customer-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.message{padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;animation:slideIn .3s ease}.error-message{background:#fef2f2;border:1px solid #FECACA;color:#e74c3c}.success-message{background:#f0fdf4;border:1px solid #BBF7D0;color:#00b894}.message-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.customers-stats{display:flex;justify-content:space-between;align-items:center;background:#f6f9fa;padding:16px 20px;border-radius:12px;margin-bottom:24px;flex-wrap:wrap;gap:16px}.stat-item{display:flex;flex-direction:column;align-items:center;text-align:center}.stat-value{font-size:24px;font-weight:700;color:#007b83;line-height:1}.stat-label{font-size:12px;color:#2c3e50;margin-top:4px;font-weight:500}.items-per-page{display:flex;align-items:center;gap:8px;font-size:14px;color:#2c3e50}.items-per-page select{padding:6px 12px;border:1px solid #E0E0E0;border-radius:6px;background:#fff;color:#2c3e50;font-size:14px}.table-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.loading-container{padding:60px 20px;text-align:center}.customers-table{width:100%;border-collapse:collapse;font-size:14px}.customers-table thead{background:#f6f9fa}.customers-table th{padding:16px 20px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #E0E0E0;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.customers-table td{padding:16px 20px;border-bottom:1px solid #FAFAFA;color:#2c3e50}.customers-table tr:hover{background:#fafafa}.customer-name{display:flex;flex-direction:column;gap:4px}.company-name{color:#666;font-size:12px}.company-name.show-mobile{display:none}.action-buttons{display:flex;gap:8px}.edit-btn,.delete-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px;min-width:60px;justify-content:center}.edit-btn{background:#007b83;color:#fff}.edit-btn:hover:not(:disabled){background:#006c72}.delete-btn{background:#e74c3c;color:#fff}.delete-btn:hover:not(:disabled){background:#c0392b}.edit-btn:disabled,.delete-btn:disabled{opacity:.6;cursor:not-allowed}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:20px;background:#f6f9fa}.pagination-btn{padding:8px 12px;border:1px solid #E0E0E0;background:#fff;color:#2c3e50;border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s ease;min-width:40px}.pagination-btn:hover:not(:disabled){background:#007b83;color:#fff;border-color:#007b83}.pagination-btn.active{background:#007b83;color:#fff;border-color:#007b83}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-ellipsis{padding:8px 4px;color:#666}.empty-state{padding:60px 20px;text-align:center;color:#2c3e50}.empty-state h3{font-size:20px;margin:0 0 8px;font-weight:600}.empty-state p{color:#666;max-width:400px;margin:0 auto 24px;line-height:1.5}.customer-modal-overlay{position:fixed;inset:0;background:#2c3e5080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.customer-modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:85vh;overflow-y:auto;animation:modalSlideIn .3s ease;display:flex;flex-direction:column}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.customer-modal-header{display:flex;justify-content:space-between;background-color:#007b83;align-items:center;padding:24px 24px 0;border-bottom:1px solid #FAFAFA;margin-bottom:24px;position:sticky;top:0;z-index:10}.customer-modal-header h2{color:#fff;font-size:20px;font-weight:600;margin:0}.customer-modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#fff;padding:4px;line-height:1;transition:color .2s ease}.customer-modal-close:hover{color:#e0e0e0}.customer-form{padding:0 24px 24px;flex:1;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;color:#2c3e50;font-weight:500;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:14px;background:#fff;transition:all .3s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#007b83;box-shadow:0 0 0 3px #007b831a}.form-group input.error,.form-group textarea.error{border-color:#e74c3c;box-shadow:0 0 0 3px #e74c3c1a}.error-text{display:block;color:#e74c3c;font-size:12px;margin-top:4px}.field-hint{display:block;color:#7f8c8d;font-size:11px;margin-top:4px;font-style:italic}.customer-form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:32px;padding-top:20px;border-top:1px solid #FAFAFA;position:sticky;bottom:0;background-color:#fff;padding-bottom:16px;z-index:5}.customer-cancel-btn{padding:12px 24px;border:2px solid #E0E0E0;background:#fff;color:#2c3e50;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}.customer-cancel-btn:hover:not(:disabled){border-color:#2c3e50}.customer-submit-btn{padding:12px 24px;border:none;background:#007b83;color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;min-width:140px}.customer-submit-btn:hover:not(:disabled){background:#006c72}.customer-submit-btn:disabled,.customer-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.btn-loader{display:flex;align-items:center;gap:8px}@media (max-width: 768px){.customers-container{padding:16px}.customers-header{flex-direction:column;align-items:stretch}.header-actions{flex-direction:column}.search-container{min-width:auto}.customers-stats{flex-direction:column;gap:12px}.stat-item{flex-direction:row;gap:8px}.hide-mobile{display:none}.company-name.show-mobile{display:block}.customers-table th,.customers-table td{padding:12px 16px}.action-buttons{flex-direction:column;gap:4px}.pagination{flex-wrap:wrap;gap:4px}.customer-modal-content{margin:10px;max-width:none;max-height:90vh}.customer-form-actions{flex-direction:row}.customer-submit-btn,.customer-cancel-btn{flex:1;min-width:0}}@media (max-width: 1024px){.hide-tablet{display:none}}@media (max-width: 480px){.customers-header h1{font-size:24px}.customers-table{font-size:13px}.customers-table th,.customers-table td{padding:10px 12px}.customer-modal-header,.customer-form,.customer-form-actions{padding-left:16px;padding-right:16px}}.sales-container{width:100%;height:100vh;background:var(--secondary);overflow:hidden}.sales-content{display:grid;grid-template-columns:1fr 1fr;height:100vh;gap:8px;padding:8px}.stock-list-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;overflow:hidden}.panel-header{padding:16px;border-bottom:1px solid var(--secondaryDark);background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight)}.panel-header h2{margin:0 0 12px;font-size:1.4rem;font-weight:600}.search-container{position:relative}.search-input{width:100%;padding:10px 40px 10px 12px;border:none;border-radius:6px;font-size:14px;background:#ffffffe6;color:var(--textDark);transition:all .3s ease}.search-input:focus{outline:none;background:#fff;box-shadow:0 0 0 2px #00b8944d}.search-input::placeholder{color:var(--textMuted)}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none;opacity:.6}.add-sale-stock-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.add-sale-stock-header{display:grid;grid-template-columns:1fr 2fr 80px 100px;gap:12px;padding:12px 16px;background:var(--secondary);font-weight:600;color:var(--textDark);border-bottom:1px solid var(--secondaryDark);font-size:13px;align-items:center}.add-sale-stock-header .add-sale-stock-sku,.add-sale-stock-header .add-sale-stock-name{text-align:left}.add-sale-stock-header .add-sale-stock-qty{text-align:center}.add-sale-stock-header .add-sale-stock-price{text-align:right}.add-sale-stock-items-container{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.add-sale-stock-items-container::-webkit-scrollbar{width:4px}.add-sale-stock-items-container::-webkit-scrollbar-track{background:transparent}.add-sale-stock-items-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.add-sale-stock-item{display:grid;grid-template-columns:1fr 2fr 80px 100px;gap:12px;padding:12px 16px;border-bottom:1px solid var(--secondaryDark);cursor:pointer;transition:all .2s ease;align-items:center;font-size:14px}.add-sale-stock-item:hover{background-color:var(--secondary)}.add-sale-stock-item.selected{background-color:#007b831a;border-left:3px solid var(--primary)}.add-sale-stock-item.low-stock{background-color:#f39c121a;border-left:3px solid var(--warning)}.add-sale-stock-sku{font-family:Monaco,Menlo,monospace;font-size:12px;color:var(--primary);font-weight:500;text-align:left}.add-sale-stock-name{font-weight:500;color:var(--textDark);text-align:left}.add-sale-stock-qty{text-align:center;font-weight:500}.add-sale-stock-price{text-align:right;font-weight:600;color:var(--accent)}.loading-message,.no-items-message{text-align:center;padding:32px 16px;color:var(--textMuted);font-style:italic}.stock-instructions{padding:12px 16px;background:var(--secondary);border-top:1px solid var(--secondaryDark);font-size:11px;color:var(--textMuted)}.stock-instructions p{margin:0 0 6px;font-weight:500}.stock-instructions ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:12px}.stock-instructions li{display:flex;align-items:center;gap:4px}.stock-instructions kbd{background:var(--textDark);color:var(--textLight);padding:1px 4px;border-radius:2px;font-size:10px;font-family:monospace}.cart-panel{background:#fff;border-radius:8px;box-shadow:0 2px 8px var(--shadow);display:flex;flex-direction:column;overflow:hidden}.invoice-header{padding:16px;background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight);display:flex;justify-content:space-between;align-items:center}.invoice-header h2{margin:0;font-size:1.4rem;font-weight:600}.new-sale-invoice-number{font-family:Monaco,Menlo,monospace;font-size:13px;background:#fff3;padding:6px 10px;border-radius:4px;font-weight:500}.sales-customer-section{padding-left:16px;padding-right:16px;padding-top:10px;border-bottom:1px solid var(--secondaryDark)}.sales-customer-section h3{margin:0 0 12px;color:var(--textDark);font-size:1rem;font-weight:600}.sales-customer-form{display:flex;flex-direction:column;gap:1rem}.customer-dropdown-section{display:flex;flex-direction:column;gap:.5rem}.customer-dropdown-section label{font-weight:500;color:var(--textDark);font-size:13px}.manual-customer-section{padding-top:.5rem;border-top:1px solid var(--secondaryDark)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-group label{font-weight:500;margin-bottom:4px;color:var(--textDark);font-size:13px}.form-group input{padding:8px 10px;border:1px solid var(--secondaryDark);border-radius:4px;font-size:13px;transition:all .3s ease;background:#fff}.form-group input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.cart-section{flex:1;padding:16px;border-bottom:1px solid var(--secondaryDark);display:flex;flex-direction:column;overflow:hidden}.cart-section h3{margin:0 0 12px;color:var(--textDark);font-size:1rem;font-weight:600}.cart-items{flex:1;display:flex;flex-direction:column;overflow:hidden}.cart-header{display:grid;grid-template-columns:2fr 1fr 80px 1fr 50px;gap:12px;background:var(--secondary);margin:0 -16px 8px;padding:8px 16px;font-weight:600;color:var(--textDark);border-bottom:1px solid var(--secondaryDark);font-size:13px}.cart-items-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.cart-items-list::-webkit-scrollbar{width:4px}.cart-items-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.cart-item{display:grid;grid-template-columns:2fr 1fr 80px 1fr 50px;gap:12px;padding:12px 0;border-bottom:1px solid var(--secondaryDark);align-items:center;font-size:13px}.item-description{display:flex;flex-direction:column;gap:2px}.item-name{font-weight:500;color:var(--textDark);line-height:1.2}.item-sku{font-size:11px;color:var(--textMuted);font-family:Monaco,Menlo,monospace}.item-price,.item-total{font-weight:600;color:var(--accent);text-align:right}.quantity-input{width:100%;padding:6px 8px;border:1px solid var(--secondaryDark);border-radius:4px;text-align:center;font-weight:500;font-size:13px;transition:all .3s ease}.quantity-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.remove-btn{background:var(--danger);color:var(--textLight);border:none;border-radius:50%;width:24px;height:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .3s ease}.empty-cart{text-align:center;padding:32px 16px;color:var(--textMuted)}.empty-cart p{margin:0 0 6px}.empty-cart p:first-child{font-weight:500;font-size:15px}.error-message.cart-error{margin:0 0 12px;padding:8px;background:#e74c3c1a;border-left:3px solid var(--danger);border-radius:4px;color:var(--danger);font-size:13px}.cart-totals{padding:16px;background:var(--secondary);border-bottom:1px solid var(--secondaryDark)}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.total-row.grand-total{font-size:16px;font-weight:700;color:var(--primary);padding-top:6px;border-top:1px solid var(--primary);margin-top:6px}.notes-section{padding:16px;border-bottom:1px solid var(--secondaryDark)}.notes-section label{display:block;font-weight:500;margin-bottom:6px;color:var(--textDark);font-size:13px}.notes-section textarea{width:100%;padding:8px 10px;border:1px solid var(--secondaryDark);border-radius:4px;font-size:13px;font-family:inherit;resize:vertical;min-height:60px;transition:all .3s ease;box-sizing:border-box}.notes-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.action-buttons{padding:16px;display:flex;gap:12px}.add-sale-clear-btn,.checkout-btn{flex:1;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.add-sale-clear-btn{background:var(--secondaryDark);color:var(--textDark)}.add-sale-clear-btn:hover:not(:disabled){background:#bdc3c7;transform:translateY(-1px)}.checkout-btn{background:var(--primary);color:var(--textLight)}.checkout-btn:hover:not(:disabled){background:var(--primaryDark);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadowMedium)}.clear-btn:disabled,.checkout-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px var(--shadowLarge);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:20px;border-bottom:1px solid var(--secondaryDark);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight);border-radius:12px 12px 0 0}.modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.close-btn{background:#fff3;color:var(--textLight);border:none;border-radius:50%;width:35px;height:35px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.checkout-modal{max-width:500px}.checkout-summary{padding:20px}.summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:16px}.summary-row .amount{font-weight:700;color:var(--primary);font-size:18px}.payments-list{margin:20px 0;padding:15px;background:var(--secondary);border-radius:8px}.payments-list h4{margin:0 0 10px;font-size:14px;color:var(--textDark);font-weight:600}.payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:14px}.payment-row:last-child{margin-bottom:0}.payment-row.total{font-weight:600;color:var(--primary);padding-top:6px;border-top:1px solid var(--border);margin-top:6px}.payment-form{margin-top:20px}.payment-form h4{margin:0 0 10px;font-size:14px;color:var(--textDark);font-weight:600}.payment-inputs{display:grid;grid-template-columns:140px 1fr 80px;gap:10px;align-items:center}.payment-method,.payment-amount{padding:10px 12px;border:2px solid var(--secondaryDark);border-radius:6px;font-size:14px;transition:all .3s ease}.payment-method:focus,.payment-amount:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #007b831a}.add-payment-btn{background:var(--accent);color:var(--textLight);border:none;border-radius:6px;padding:10px 15px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-payment-btn:hover{background:#00a085;transform:translateY(-1px)}.checkout-actions{padding:20px;border-top:1px solid var(--secondaryDark);display:flex;gap:15px}.cancel-btn,.complete-sale-btn{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover:not(:disabled){background:#bdc3c7}.complete-sale-btn{background:var(--accent);color:var(--textLight)}.complete-sale-btn:hover:not(:disabled){background:#00a085;transform:translateY(-1px);box-shadow:0 4px 12px var(--shadowMedium)}.cancel-btn:disabled,.complete-sale-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.toast-notification{position:fixed;top:20px;right:20px;padding:15px 20px;border-radius:8px;color:var(--textLight);font-weight:500;box-shadow:0 4px 12px var(--shadowMedium);z-index:1001;animation:toastSlideIn .3s ease;max-width:300px}@media (max-width: 1200px){.sales-content{gap:6px;padding:6px}.sales-customer-form{grid-template-columns:1fr}.cart-header,.cart-item{grid-template-columns:2fr 80px 60px 80px 40px;gap:8px}.add-sale-stock-header,.add-sale-stock-item{grid-template-columns:80px 1fr 60px 80px;gap:8px}}@media (max-width: 1024px){.sales-content{grid-template-columns:1fr;gap:12px;padding:12px;height:auto;min-height:100vh}.stock-list-panel,.cart-panel{height:auto;max-height:none}.payment-inputs{grid-template-columns:1fr;gap:10px}.checkout-actions,.action-buttons{flex-direction:column}}@media (max-width: 768px){.sales-content{padding:8px;gap:8px}.panel-header,.invoice-header,.sales-customer-section,.cart-section,.cart-totals,.notes-section,.action-buttons{padding:12px}.add-sale-stock-header,.add-sale-stock-item{grid-template-columns:1fr 1fr;gap:8px;font-size:12px}.add-sale-stock-sku,.add-sale-stock-qty{grid-row:1}.add-sale-stock-name,.add-sale-stock-price{grid-row:2}.cart-header{display:none}.cart-item{grid-template-columns:1fr;gap:6px;padding:12px;border:1px solid var(--secondaryDark);border-radius:6px;margin-bottom:8px;background:#fafafa}.item-description{order:1}.item-price,.item-total{text-align:left}.item-actions{order:5;text-align:right}.modal-overlay{padding:10px}.checkout-modal{max-width:none}}@media (max-width: 480px){.sales-content{padding:6px;gap:6px}.invoice-header{flex-direction:column;gap:8px;text-align:center}.invoice-header h2{font-size:1.2rem}.stock-instructions ul{flex-direction:column;gap:6px}.toast-notification{top:10px;right:10px;left:10px;max-width:none}.panel-header,.invoice-header,.sales-customer-section,.cart-section,.cart-totals,.notes-section,.action-buttons{padding:10px}}.payment-method-section{margin:1rem 0}.payment-method-section h4{margin:0 0 .75rem;color:var(--textDark);font-size:1rem}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.payment-method-option{display:flex;align-items:center;gap:.5rem;padding:.75rem;border:2px solid var(--secondaryDark);border-radius:6px;cursor:pointer;transition:all .2s ease;background:#fff}.payment-method-option:hover{border-color:var(--primary);background:#007b830d}.payment-method-option input[type=radio]{margin:0}.payment-method-option input[type=radio]:checked+span{font-weight:600;color:var(--primary)}.payment-method-option:has(input[type=radio]:checked){border-color:var(--primary);background:#007b831a}.payment-details{margin:1rem 0;padding:1rem;background:var(--secondary);border-radius:6px;border:1px solid var(--secondaryDark)}.payment-details h4{margin:0 0 .75rem;color:var(--textDark);font-size:1rem}.payment-amounts{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.amount-input{display:flex;flex-direction:column;gap:.25rem}.amount-input label{font-weight:500;color:var(--textDark);font-size:13px}.amount-input input{padding:.5rem;border:1px solid var(--secondaryDark);border-radius:4px;font-size:14px;transition:border-color .2s ease}.amount-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.pdc-details{margin:1rem 0;padding:1rem;background:#00b8940d;border-radius:6px;border:1px solid rgba(0,184,148,.2)}.pdc-details h4{margin:0 0 .75rem;color:var(--accent);font-size:1rem}.pdc-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.pdc-form .form-group:last-child{grid-column:1 / -1}.pdc-form .form-group{display:flex;flex-direction:column;gap:.25rem}.pdc-form label{font-weight:500;color:var(--textDark);font-size:13px}.pdc-form input{padding:.5rem;border:1px solid var(--secondaryDark);border-radius:4px;font-size:14px;transition:border-color .2s ease;background:#fff}.pdc-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #00b8941a}@media (max-width: 768px){.payment-methods,.payment-amounts,.pdc-form{grid-template-columns:1fr}.pdc-form .form-group:last-child{grid-column:1}}.price-input-container{display:flex;align-items:center;gap:4px;width:100%}.price-input{width:80px;padding:4px 6px;border:1px solid var(--border);border-radius:4px;font-size:13px;text-align:right;background:var(--secondary);color:var(--textDark);transition:all .2s ease}.reset-price-btn{width:24px;height:24px;border:none;border-radius:50%;background:var(--warning);color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.price-modification-info{margin-top:2px;font-size:10px;color:var(--textMuted)}.item-price{display:flex;flex-direction:column;align-items:flex-start;min-width:100px}@media (max-width: 768px){.price-input{width:70px;font-size:12px}.reset-price-btn{width:20px;height:20px;font-size:10px}.price-modification-info{font-size:9px}}@media print{@page{margin:.3in;size:A4}body{font-family:Arial,sans-serif;margin:0;padding:8pt;font-size:8pt;line-height:1.1;color:#000;position:relative;min-height:100vh}.add-sale-header{border:1pt solid #000;padding:6pt;margin-bottom:6pt}.add-sale-header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-bottom:4pt}.add-sale-contact-info,.add-sale-arabic-info{font-size:7pt;line-height:1}.add-sale-contact-info{text-align:left}.add-sale-arabic-info{text-align:right}.add-sale-company-name{text-align:center;font-weight:700;font-size:16px;margin-bottom:3pt;color:#007b83}.add-sale-invoice-header{text-align:center;margin:6pt 0;border-bottom:1pt solid #000;padding-bottom:3pt}.add-sale-invoice-title{font-size:10pt;font-weight:700;color:#007b83}.add-sale-invoice-details{display:flex;justify-content:space-between;margin-top:3pt}.add-sale-top-info{text-align:left}.add-sale-customer-details{margin:6pt 0;border:1pt solid #000;padding:4pt}.add-sale-totals-section{margin:6pt 0;text-align:right}.add-sale-total-row{display:flex;justify-content:flex-end;margin-bottom:2pt}.add-sale-total-row span:first-child{margin-right:20pt}.add-sale-grand-total{font-weight:700;font-size:9pt;margin-top:3pt;border-top:1pt solid #000;padding-top:2pt}.add-sale-payment-section{margin:6pt 0;font-size:8pt}.add-sale-bottom-section{position:absolute;bottom:40pt;left:8pt;right:8pt;width:calc(100% - 16pt)}.add-sale-signature-section{margin-top:0;text-align:right;font-size:8pt;margin-bottom:8pt}.add-sale-footer-company{text-align:center;margin-top:8pt;margin-bottom:12pt;font-size:7pt;color:#666}.add-sale-tel-row{display:flex;justify-content:space-between;width:100%;position:absolute;bottom:8pt;left:8pt;right:8pt;font-size:7pt;font-weight:700}.add-sale-tel-left{text-align:left}.add-sale-tel-right{text-align:right}}.customer-dropdown{position:relative;width:100%}.customer-dropdown.disabled{opacity:.6;cursor:not-allowed}.dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1.5px solid #E0E0E0;border-radius:4px;background-color:#fff;cursor:pointer;transition:all .2s ease;min-height:44px}.dropdown-trigger:hover:not(.disabled){border-color:#bdc3c7}.dropdown-trigger.open{border-color:#007b83;box-shadow:0 0 0 2px #007b831a}.dropdown-trigger.error{border-color:#e74c3c}.dropdown-trigger.error:focus,.dropdown-trigger.error.open{border-color:#e74c3c;box-shadow:0 0 0 2px #e74c3c1a}.customer-dropdown.disabled .dropdown-trigger{background-color:#f6f9fa;cursor:not-allowed}.dropdown-text{flex:1;color:#2c3e50;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-text.placeholder{color:#95a5a6}.dropdown-icons{display:flex;align-items:center;gap:.5rem;margin-left:.5rem}.clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:none;color:#7f8c8d;font-size:16px;cursor:pointer;border-radius:50%;transition:all .2s ease;line-height:1}.clear-btn:hover{background-color:#e8f4f8;color:#e74c3c}.dropdown-arrow{color:#7f8c8d;font-size:12px;transition:transform .2s ease;-webkit-user-select:none;user-select:none}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;z-index:1000;background-color:#fff;border:1px solid #E0E0E0;border-radius:4px;box-shadow:0 4px 12px #00000026;margin-top:2px;max-height:300px;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:8px;border-bottom:1px solid #F0F0F0}.search-input{width:100%;padding:8px 12px;border:1px solid #E0E0E0;border-radius:4px;font-size:14px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:#007b83}.search-input::placeholder{color:#95a5a6}.dropdown-loading{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#7f8c8d;font-size:14px}.loading-spinner{width:16px;height:16px;border:2px solid #E0E0E0;border-top:2px solid #007B83;border-radius:50%;animation:spin 1s linear infinite}.dropdown-error{display:flex;align-items:center;justify-content:space-between;padding:1rem;color:#e74c3c;font-size:14px;background-color:#fef2f2}.retry-btn{padding:4px 8px;background-color:#e74c3c;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s ease}.retry-btn:hover{background-color:#c0392b}.dropdown-list{max-height:200px;overflow-y:auto}.dropdown-list::-webkit-scrollbar{width:6px}.dropdown-list::-webkit-scrollbar-track{background:#f1f1f1}.dropdown-list::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:3px}.dropdown-list::-webkit-scrollbar-thumb:hover{background:#95a5a6}.customer-option{padding:10px 12px;cursor:pointer;border-bottom:1px solid #F8F9FA;transition:background-color .2s ease}.customer-option:hover{background-color:#f8f9fa}.customer-option.selected{background-color:#e8f4f8;border-left:3px solid #007B83}.customer-option:last-child{border-bottom:none}.customer-name{font-weight:500;color:#2c3e50;font-size:14px}.customer-details{font-size:12px;color:#7f8c8d;display:flex;align-items:center;flex-wrap:wrap}.customer-phone{font-weight:500}.customer-company,.customer-trn{opacity:.8}.no-customers{padding:1rem;text-align:center;color:#7f8c8d;font-size:14px;font-style:italic}.dropdown-footer{border-top:1px solid #F0F0F0;padding:8px 12px;background-color:#f8f9fa}.add-customer-hint{font-size:12px;color:#7f8c8d;text-align:center;font-style:italic}.dropdown-error-message{margin-top:.25rem;color:#e74c3c;font-size:12px}@media (max-width: 768px){.dropdown-menu{max-height:250px}.dropdown-list{max-height:150px}.customer-option{padding:12px}.customer-name{font-size:13px}.customer-details{font-size:11px;flex-direction:column;align-items:flex-start;gap:.125rem}.customer-company:before,.customer-trn:before{content:""}.customer-company,.customer-trn{margin-left:0}}@media (max-width: 480px){.dropdown-trigger{padding:8px 10px;min-height:40px}.dropdown-text{font-size:13px}.search-input{padding:6px 8px;font-size:13px}.customer-option{padding:10px}.customer-name{font-size:12px}.customer-details{font-size:10px}}.return-container{min-height:100%;background-color:#f6f9fa;padding:1.5rem}.toast-notification{position:fixed;top:20px;right:20px;padding:12px 24px;border-radius:4px;color:#fff;font-weight:500;box-shadow:0 3px 8px #00000026;z-index:1100;animation:slideIn .3s ease-out forwards;max-width:300px}.toast-notification.success{background-color:#00b894}.toast-notification.error{background-color:#e74c3c}.toast-notification.info{background-color:#007b83}.search-section{margin-bottom:1.5rem}.search-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.search-card h2{margin-bottom:1rem;color:#007b83}.search-group{margin-bottom:1rem}.search-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#2c3e50}.search-input-group{display:flex;gap:.5rem}.search-input-group input{flex:1;padding:10px 12px;border:1.5px solid #E0E0E0;border-radius:4px;font-size:14px;transition:border-color .2s}.search-input-group input:focus{outline:none;border-color:#007b83}.search-input-group input:disabled{background-color:#f6f9fa;cursor:not-allowed}.search-btn{padding:10px 20px;background-color:#007b83;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:100px}.search-btn:hover:not(:disabled){background-color:#006c72}.search-btn:disabled{background-color:#e0e0e0;cursor:not-allowed}.error-messages{margin-top:1rem;padding:.75rem;background-color:#fef2f2;border:1px solid #FECACA;border-radius:4px}.error-message{color:#dc2626;font-size:14px;margin-bottom:.5rem}.error-message:last-child{margin-bottom:0}.bill-section{margin-top:1.5rem}.bill-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;padding:1.5rem}.customer-info{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #E0E0E0}.customer-info h3{color:#007b83;margin-bottom:1rem;font-size:1.1rem}.customer-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem}.detail-row{display:flex;align-items:center;gap:.5rem}.detail-row .label{font-weight:600;color:#2c3e50;min-width:80px}.detail-row .value{color:#34495e}.items-section{margin-bottom:2rem}.items-section h3{color:#007b83;margin-bottom:1rem;font-size:1.1rem}.items-table-container{overflow-x:auto;border:1px solid #E0E0E0;border-radius:4px}.items-table{width:100%;border-collapse:collapse;background-color:#fff}.items-table th{background-color:#f6f9fa;padding:12px 8px;text-align:left;font-weight:600;color:#2c3e50;border-bottom:2px solid #E0E0E0;white-space:nowrap}.items-table td{padding:12px 8px;border-bottom:1px solid #F0F0F0;vertical-align:middle}.items-table tbody tr:hover{background-color:#fafafa}.item-info{display:flex;flex-direction:column;gap:.25rem}.item-name{font-weight:500;color:#2c3e50}.item-sku{font-size:12px;color:#7f8c8d}.quantity-controls{display:flex;align-items:center;gap:.5rem}.qty-btn{width:30px;height:30px;border:1px solid #E0E0E0;background-color:#fff;border-radius:4px;cursor:pointer;font-weight:700;color:#007b83;transition:all .2s}.qty-btn:hover:not(:disabled){background-color:#007b83;color:#fff}.qty-btn:disabled{background-color:#f6f9fa;color:#bdc3c7;cursor:not-allowed}.qty-display{min-width:30px;text-align:center;font-weight:600;color:#2c3e50}.reason-select,.condition-select{padding:6px 8px;border:1px solid #E0E0E0;border-radius:4px;background-color:#fff;color:#2c3e50;font-size:13px;min-width:120px}.reason-select:focus,.condition-select:focus{outline:none;border-color:#007b83}.reason-select:disabled,.condition-select:disabled{background-color:#f6f9fa;cursor:not-allowed}.return-summary{margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #E0E0E0}.return-summary h4{color:#007b83;margin-bottom:1rem;font-size:1.1rem}.summary-details{display:flex;flex-direction:column;gap:.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.summary-row.total-line{border-top:2px solid #007B83;margin-top:.5rem;padding-top:.75rem;font-weight:600;font-size:1.05em;color:#007b83}.return-details-form{margin-bottom:2rem;padding:1.5rem;background-color:#f8f9fa;border-radius:8px;border:1px solid #E0E0E0}.return-details-form h4{color:#007b83;margin-bottom:1rem;font-size:1.1rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.form-group label{margin-bottom:.5rem;font-weight:500;color:#2c3e50}.form-input,.form-select,.form-textarea{padding:10px 12px;border:1.5px solid #E0E0E0;border-radius:4px;font-size:14px;transition:border-color .2s;background-color:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#007b83}.actions-container{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{padding:12px 24px;background-color:#fff;color:#34495e;border:1.5px solid #E0E0E0;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s}.cancel-btn:hover{background-color:#f6f9fa;border-color:#bdc3c7}.return-btn{padding:12px 24px;background-color:#007b83;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s;min-width:140px}.return-btn:hover:not(:disabled){background-color:#006c72}.return-btn:disabled{background-color:#bdc3c7;cursor:not-allowed}.print-btn{padding:12px 24px;background-color:#00b894;color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.print-btn:hover{background-color:#009a7b}.return-success{text-align:center;padding:2rem;background-color:#f0fdf4;border:1px solid #BBF7D0;border-radius:8px;margin-top:2rem}.success-icon{width:60px;height:60px;background-color:#00b894;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1rem}.return-success h3{color:#00b894;margin-bottom:1rem}.return-success p{color:#374151;margin-bottom:.5rem}.return-success p:last-child{margin-bottom:0}@media (max-width: 1200px){.items-table{font-size:13px}.items-table th,.items-table td{padding:8px 6px}}@media (max-width: 768px){.return-container{padding:1rem}.search-input-group{flex-direction:column}.search-btn{width:100%}.customer-details{grid-template-columns:1fr}.items-table-container{border:none}.items-table{font-size:12px}.items-table th,.items-table td{padding:6px 4px}.item-info{gap:.125rem}.item-name{font-size:13px}.item-sku{font-size:11px}.reason-select,.condition-select{font-size:12px;min-width:100px}.form-row{grid-template-columns:1fr}.actions-container{flex-direction:column}.cancel-btn,.return-btn,.print-btn{width:100%}}@media (max-width: 480px){.return-container{padding:.75rem}.search-card,.bill-card,.return-details-form,.return-summary{padding:1rem}.items-table{font-size:11px}.items-table th,.items-table td{padding:4px 2px}.qty-btn{width:25px;height:25px;font-size:12px}.qty-display{min-width:25px;font-size:13px}}@media print{@page{margin:.3in;size:A4}body{font-family:Arial,sans-serif;margin:0;padding:8pt;font-size:8pt;line-height:1.1;color:#000;position:relative;min-height:100vh}.add-return-header{border:1pt solid #000;padding:6pt;margin-bottom:6pt}.add-return-header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-bottom:4pt}.add-return-contact-info,.add-return-arabic-info{font-size:7pt;line-height:1}.add-return-contact-info{text-align:left}.add-return-arabic-info{text-align:right}.add-return-company-name{text-align:center;font-weight:700;font-size:16px;margin-bottom:3pt;color:#007b83}.add-return-invoice-header{text-align:center;margin:6pt 0;border-bottom:1pt solid #000;padding-bottom:3pt}.add-return-invoice-title{font-size:10pt;font-weight:700;color:#007b83}.add-return-invoice-details{display:flex;justify-content:space-between;margin-top:3pt}.add-return-top-info{text-align:left}.add-return-customer-details{margin:6pt 0;border:1pt solid #000;padding:4pt}.add-return-totals-section{margin:6pt 0;text-align:right}.add-return-total-row{display:flex;justify-content:flex-end;margin-bottom:2pt}.add-return-total-row span:first-child{margin-right:20pt}.add-return-grand-total{font-weight:700;font-size:9pt;margin-top:3pt;border-top:1pt solid #000;padding-top:2pt}.add-return-payment-section{margin:6pt 0;font-size:8pt}.add-return-bottom-section{position:absolute;bottom:40pt;left:8pt;right:8pt;width:calc(100% - 16pt)}.add-return-signature-section{margin-top:0;text-align:right;font-size:8pt;margin-bottom:8pt}.add-return-footer-company{text-align:center;margin-top:8pt;margin-bottom:12pt;font-size:7pt;color:#666}.add-return-tel-row{display:flex;justify-content:space-between;width:100%;position:absolute;bottom:8pt;left:8pt;right:8pt;font-size:7pt;font-weight:700}.add-return-tel-left{text-align:left}.add-return-tel-right{text-align:right}}:root{--primary: #007B83;--primaryDark: #006C72;--secondary: #F6F9FA;--secondaryDark: #E0E0E0;--accent: #00B894;--danger: #E74C3C;--background: #FFFFFF;--backgroundAlt: #FAFAFA;--textDark: #2C3E50;--textLight: #FFFFFF}.main-dashboard-container{padding:1.5rem;height:100%;overflow-y:auto;background:var(--background)}.main-dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.main-dashboard-header h1{font-size:1.8rem;color:var(--textDark);margin:0}.main-dashboard-date-display{font-size:.9rem;color:#6c757d;background-color:#f8f9fa;padding:.5rem .75rem;border-radius:.25rem;box-shadow:0 1px 2px #0000000d}.main-dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.main-dashboard-card{background-color:var(--background);border-radius:.5rem;box-shadow:0 2px 4px #0000000d;padding:1rem;transition:all .3s ease;height:100%;display:flex;flex-direction:column}.main-dashboard-card:hover{box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.main-dashboard-card h2{font-size:1rem;color:var(--textDark);margin-top:0;margin-bottom:.75rem;font-weight:600;padding-bottom:.5rem;border-bottom:1px solid var(--secondaryDark)}.main-dashboard-sales-summary,.main-dashboard-returns-summary{grid-column:span 1}.main-dashboard-stock-alerts,.main-dashboard-top-selling,.main-dashboard-recent-sales,.main-dashboard-monthly-sales{grid-column:span 2;min-height:320px}.main-dashboard-customers-card,.main-dashboard-vat-card,.main-dashboard-payment-methods{grid-column:span 1}.main-dashboard-sales-amount,.main-dashboard-returns-amount,.main-dashboard-vat-amount,.main-dashboard-customers-count{font-size:1.8rem;font-weight:700;color:var(--primary);margin:.5rem 0}.main-dashboard-sales-details,.main-dashboard-returns-details,.main-dashboard-new-customers{margin-top:auto}.main-dashboard-sales-detail-item,.main-dashboard-returns-detail-item{display:flex;justify-content:space-between;margin-bottom:.25rem}.main-dashboard-detail-label{color:#6c757d;font-size:.85rem}.main-dashboard-detail-value{font-weight:500;color:var(--textDark)}.main-dashboard-stock-alert-table,.main-dashboard-top-selling-table,.main-dashboard-recent-sales-table{width:100%;overflow-x:auto;margin-top:.5rem}.main-dashboard-table{width:100%;border-collapse:collapse}.main-dashboard-table thead th{background-color:var(--secondary);color:var(--textDark);font-weight:600;text-align:left;padding:.75rem .5rem;font-size:.85rem}.main-dashboard-table tbody td{padding:.75rem .5rem;border-top:1px solid var(--secondaryDark);color:var(--textDark);font-size:.85rem}.main-dashboard-table tbody tr:hover{background-color:var(--backgroundAlt)}.main-dashboard-critical-stock{color:var(--danger);font-weight:500}.main-dashboard-chart-container{display:flex;height:250px;margin-top:1rem;align-items:flex-end;position:relative;overflow:hidden}.main-dashboard-chart-y-axis{display:flex;flex-direction:column;justify-content:space-between;padding-right:.5rem;height:calc(100% - 20px);width:80px;color:#6c757d;font-size:.7rem;position:relative}.main-dashboard-chart-bars{display:flex;flex-grow:1;align-items:flex-end;height:calc(100% - 20px);gap:8px;overflow-x:auto;padding-bottom:20px;padding-left:5px}.main-dashboard-chart-bar-container{display:flex;flex-direction:column;align-items:center;flex-grow:1;min-width:30px;max-width:60px;height:100%;position:relative}.main-dashboard-chart-bar{width:100%;background-color:var(--primary);border-radius:4px 4px 0 0;position:absolute;bottom:20px;transition:height .3s ease}.main-dashboard-chart-bar:hover{background-color:var(--accent)}.main-dashboard-chart-label{position:absolute;bottom:0;font-size:.75rem;color:#6c757d;text-align:center;width:100%;white-space:nowrap}.main-dashboard-payment-chart{display:flex;flex-direction:column;align-items:center;gap:1rem;height:100%;margin-top:1rem}.main-dashboard-pie-container{position:relative;width:150px;height:150px;margin:0 auto}.main-dashboard-pie-chart{transform:rotate(-90deg);overflow:visible}.main-dashboard-pie-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.5rem;font-weight:700;color:var(--textDark)}.main-dashboard-payment-legend{display:flex;flex-direction:column;gap:.5rem;margin-top:auto;width:100%}.main-dashboard-legend-item{display:flex;align-items:center;gap:.5rem}.main-dashboard-legend-color{width:12px;height:12px;border-radius:3px}.main-dashboard-legend-label{font-size:.85rem;color:var(--textDark)}@media (max-width: 1200px){.main-dashboard-grid{grid-template-columns:repeat(2,1fr)}.main-dashboard-stock-alerts,.main-dashboard-top-selling,.main-dashboard-recent-sales,.main-dashboard-monthly-sales{grid-column:span 2}.main-dashboard-sales-summary,.main-dashboard-returns-summary,.main-dashboard-customers-card,.main-dashboard-vat-card,.main-dashboard-payment-methods{grid-column:span 1}}@media (max-width: 768px){.main-dashboard-grid{grid-template-columns:1fr}.main-dashboard-card{grid-column:span 1!important}.main-dashboard-header{flex-direction:column;align-items:flex-start;gap:.5rem}.main-dashboard-chart-container{height:200px}}.main-dashboard-card{animation:fadeIn .5s ease-out forwards}.main-dashboard-card:nth-child(1){animation-delay:.1s}.main-dashboard-card:nth-child(2){animation-delay:.2s}.main-dashboard-card:nth-child(3){animation-delay:.3s}.main-dashboard-card:nth-child(4){animation-delay:.4s}.main-dashboard-card:nth-child(5){animation-delay:.5s}.main-dashboard-card:nth-child(6){animation-delay:.6s}.main-dashboard-card:nth-child(7){animation-delay:.7s}.main-dashboard-card:nth-child(8){animation-delay:.8s}.main-dashboard-card:nth-child(9){animation-delay:.9s}:root{--primary: #007B83;--primaryDark: #006C72;--secondary: #F8FAFC;--secondaryDark: #E2E8F0;--accent: #10B981;--danger: #EF4444;--warning: #F59E0B;--info: #3B82F6;--textDark: #1F2937;--textLight: #FFFFFF;--textMuted: #6B7280;--border: #D1D5DB;--shadow: rgba(0, 0, 0, .08);--shadowMedium: rgba(0, 0, 0, .12);--shadowLarge: rgba(0, 0, 0, .16)}.view-sales-container{width:100%;min-height:100vh;background-color:var(--secondary);padding:16px}.view-sales-content{width:100%;margin:0 auto}.view-sales-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:16px 20px;background:#fff;border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.view-sales-header h1{margin:0;color:var(--textDark);font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:8px}.refresh-btn{background:var(--primary);color:var(--textLight);border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.refresh-btn:hover:not(:disabled){background:var(--primaryDark)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.summary-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 2px 8px var(--shadow);text-align:center;transition:transform .2s ease}.summary-card:hover{transform:translateY(-1px)}.summary-title{font-size:12px;color:var(--textMuted);margin-bottom:6px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:20px;font-weight:600;color:var(--primary)}.filters-section{background:#fff;border-radius:8px;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px var(--shadow)}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:12px}.search-filter,.status-filter,.date-filter{display:flex;flex-direction:column}.search-filter label,.status-filter label,.date-filter label{font-weight:500;margin-bottom:4px;color:var(--textDark);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.search-input,.status-select,.date-input{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;transition:all .2s ease}.search-input:focus,.status-select:focus,.date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.items-per-page{display:flex;align-items:center;gap:8px;justify-content:flex-end}.items-per-page label{font-weight:500;color:var(--textDark);font-size:12px}.limit-select{padding:6px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;background:#fff;cursor:pointer}.sales-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px var(--shadow);overflow:hidden}.sales-table{width:100%;border-collapse:collapse;font-size:13px}.sales-table th{background:var(--primary);color:var(--textLight);padding:10px 8px;text-align:left;font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.sales-table td{padding:10px 8px;border-bottom:1px solid var(--secondaryDark);vertical-align:middle}.sales-table tbody tr:hover{background-color:var(--secondary)}.invoice-cell{font-family:Monaco,Menlo,monospace}.invoice-number{font-weight:600;color:var(--primary);font-size:12px}.customer-cell{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:500;color:var(--textDark);font-size:13px}.customer-phone{font-size:11px;color:var(--textMuted)}.date-cell{font-size:12px;color:var(--textDark)}.items-cell{text-align:center}.items-count{background:var(--secondary);padding:2px 6px;border-radius:12px;font-size:11px;font-weight:500;color:var(--textDark)}.total-cell{text-align:right}.total-amount{font-weight:600;color:var(--accent);font-size:14px}.view-sales-status-badge{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border:1px solid}.status-paid{background:#dcfce7;color:#166534;border-color:#bbf7d0}.status-partial{background:#fef3c7;color:#92400e;border-color:#fde68a}.status-pending{background:#fee2e2;color:#991b1b;border-color:#fecaca}.actions-cell{display:flex;gap:4px;justify-content:center}.action-btn{background:#fff;border:1px solid var(--border);border-radius:4px;padding:4px 6px;cursor:pointer;font-size:12px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:28px;height:28px}.action-btn:hover:not(:disabled){border-color:var(--primary);background:var(--primary);color:#fff;transform:scale(1.05)}.action-btn:disabled{opacity:.5;cursor:not-allowed}.view-btn:hover:not(:disabled){background:var(--info);border-color:var(--info)}.edit-btn:hover:not(:disabled){background:var(--warning);border-color:var(--warning)}.payment-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.delete-btn:hover:not(:disabled){background:var(--danger);border-color:var(--danger)}.loading-state{text-align:center;padding:40px 20px;color:var(--textMuted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--secondaryDark);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 16px}.empty-state{text-align:center;padding:40px 20px;color:var(--textMuted)}.empty-icon{font-size:48px;margin-bottom:16px;opacity:.5}.empty-state h3{color:var(--textDark);margin-bottom:8px;font-size:16px}.empty-state p{max-width:400px;margin:0 auto;line-height:1.5;font-size:13px}.pagination-container{padding:16px;border-top:1px solid var(--secondaryDark);display:flex;justify-content:space-between;align-items:center}.pagination-info{color:var(--textMuted);font-size:12px}.pagination-controls{display:flex;gap:4px;align-items:center}.view-sales-previous-pagination-btn{background:#fff;border:1px solid var(--border);border-radius:4px;padding:6px 10px;font-size:12px;cursor:pointer;transition:all .2s ease;color:var(--textDark)}.view-sales-previous-pagination-btn:hover:not(:disabled):not(.ellipsis){border-color:var(--primary);background:var(--primary);color:var(--textLight)}.view-sales-previous-pagination-btn.active{background:var(--primary);border-color:var(--primary);color:var(--textLight);font-weight:500}.view-sales-previous-pagination-btn:disabled{opacity:.5;cursor:not-allowed}.view-sales-previous-pagination-btn.ellipsis{border:none;background:none;cursor:default;color:var(--textMuted)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 40px var(--shadowLarge);max-width:700px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{padding:16px;border-bottom:1px solid var(--secondaryDark);display:flex;justify-content:space-between;align-items:center;background:var(--primary);color:var(--textLight);border-radius:8px 8px 0 0}.modal-header h3{margin:0;font-size:16px;font-weight:600}.close-btn{background:#fff3;color:var(--textLight);border:none;border-radius:4px;width:28px;height:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease}.modal-actions{display:flex;gap:8px;align-items:center}.print-btn{background:#fff3;color:var(--textLight);border:none;border-radius:4px;padding:6px 10px;cursor:pointer;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:all .2s ease}.print-btn:hover{background:#ffffff4d}.modal-body{padding:16px}.modal-footer{padding:16px;border-top:1px solid var(--secondaryDark);display:flex;justify-content:flex-end;gap:12px}.payment-modal{max-width:750px;width:90vw;max-height:85vh;overflow:hidden}.view-modal{max-width:800px}.sale-details{display:flex;flex-direction:column;gap:20px}.details-section h4{margin:0 0 12px;color:var(--textDark);font-size:14px;font-weight:600;border-bottom:2px solid var(--primary);padding-bottom:6px}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.detail-item{display:flex;flex-direction:column;gap:3px}.detail-item label{font-weight:500;color:var(--textMuted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.detail-item span{color:var(--textDark);font-weight:500;font-size:13px}.items-table{overflow-x:auto}.items-table table{width:100%;border-collapse:collapse;margin-top:8px;font-size:12px}.items-table th{background:var(--secondary);color:var(--textDark);padding:8px;text-align:left;font-weight:500;font-size:11px;text-transform:uppercase;border-bottom:2px solid var(--primary)}.items-table td{padding:8px;border-bottom:1px solid var(--secondaryDark);font-size:12px}.totals-summary{background:var(--secondary);border-radius:6px;padding:12px;margin-top:8px}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px}.total-row:last-child{margin-bottom:0}.total-row.grand-total{font-size:16px;font-weight:600;color:var(--primary);padding-top:6px;border-top:2px solid var(--primary);margin-top:6px}.notes-text{background:var(--secondary);padding:12px;border-radius:6px;margin-top:8px;line-height:1.5;color:var(--textDark);font-size:13px}.edit-modal{max-width:450px}.edit-form{display:flex;flex-direction:column;gap:16px}.form-group label{font-weight:500;margin-bottom:6px;color:var(--textDark);font-size:13px}.form-select,.form-textarea{padding:8px 10px;border:1px solid var(--border);border-radius:6px;font-size:13px;font-family:inherit;transition:all .2s ease}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.form-textarea{resize:vertical;min-height:80px}.cancel-btn,.save-btn{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn{background:var(--secondaryDark);color:var(--textDark)}.cancel-btn:hover:not(:disabled){background:var(--border)}.save-btn{background:var(--accent);color:var(--textLight)}.save-btn:hover:not(:disabled){background:#059669}.cancel-btn:disabled,.save-btn:disabled{opacity:.6;cursor:not-allowed}.delete-modal{max-width:450px}.delete-confirmation{text-align:center}.warning-icon{font-size:40px;margin-bottom:12px}.delete-confirmation h4{color:var(--textDark);margin-bottom:8px;font-size:16px}.delete-confirmation p{color:var(--textMuted);line-height:1.5;margin-bottom:16px;font-size:13px}.sale-summary{background:var(--secondary);border-radius:6px;padding:12px;text-align:left}.summary-item{display:flex;justify-content:space-between;margin-bottom:6px;font-size:13px}.summary-item:last-child{margin-bottom:0}.summary-item span:first-child{color:var(--textMuted);font-weight:500}.summary-item span:last-child{color:var(--textDark);font-weight:600}.delete-confirm-btn{background:var(--danger);color:var(--textLight);padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.delete-confirm-btn:hover:not(:disabled){background:#dc2626}.delete-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.toast-notification{position:fixed;top:16px;right:16px;padding:12px 16px;border-radius:6px;color:var(--textLight);font-weight:500;box-shadow:0 4px 12px var(--shadowMedium);z-index:1001;animation:toastSlideIn .2s ease;max-width:280px;font-size:13px}@media (max-width: 1200px){.view-sales-container{padding:12px}.filters-row{grid-template-columns:1fr 1fr;gap:12px}.search-filter,.status-filter,.date-filter{grid-column:span 1}}@media (max-width: 1024px){.summary-cards{grid-template-columns:repeat(2,1fr)}.view-sales-header{flex-direction:column;gap:12px;text-align:center}.sales-table{font-size:12px}.sales-table th,.sales-table td{padding:8px 6px}.modal-content{margin:8px;max-width:none}}@media (max-width: 768px){.view-sales-container{padding:8px}.view-sales-header h1{font-size:1.3rem}.summary-cards,.filters-row{grid-template-columns:1fr}.pagination-container{flex-direction:column;gap:12px;text-align:center}.sales-table-container{overflow-x:auto}.sales-table{min-width:700px}.customer-cell{min-width:120px}.items-per-page{justify-content:center}}@media (max-width: 480px){.view-sales-header{padding:12px}.view-sales-header h1{font-size:1.2rem}.summary-card,.filters-section{padding:12px}.modal-overlay{padding:8px}.modal-header,.modal-body,.modal-footer{padding:12px}.modal-footer{flex-direction:column}.details-grid{grid-template-columns:1fr}.actions-cell{flex-direction:column;gap:3px}.action-btn{padding:6px 8px;font-size:11px;min-width:24px;height:24px}.toast-notification{top:8px;right:8px;left:8px;max-width:none}}@media print{@page{margin:.3in;size:A4}body{font-family:Arial,sans-serif;margin:0;padding:8pt;font-size:8pt;line-height:1.1;color:#000;position:relative;min-height:100vh}.view-sale-header{border:1pt solid #000;padding:6pt;margin-bottom:6pt}.view-sale-header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;margin-bottom:4pt}.view-sale-contact-info,.view-sale-arabic-info{font-size:7pt;line-height:1}.view-sale-contact-info{text-align:left}.view-sale-arabic-info{text-align:right}.view-sale-company-name{text-align:center;font-weight:700;font-size:16px;margin-bottom:3pt;color:#007b83}.view-sale-invoice-header{text-align:center;margin:6pt 0;border-bottom:1pt solid #000;padding-bottom:3pt}.view-sale-invoice-title{font-size:10pt;font-weight:700;color:#007b83}.view-sale-invoice-details{display:flex;justify-content:space-between;margin-top:3pt}.view-sale-top-info{text-align:left}.view-sale-customer-details{margin:6pt 0;border:1pt solid #000;padding:4pt}.view-sale-totals-section{margin:6pt 0;text-align:right}.view-sale-total-row{display:flex;justify-content:flex-end;margin-bottom:2pt}.view-sale-total-row span:first-child{margin-right:20pt}.view-sale-grand-total{font-weight:700;font-size:9pt;margin-top:3pt;border-top:1pt solid #000;padding-top:2pt}.view-sale-payment-section{margin:6pt 0;font-size:8pt}.view-sale-bottom-section{position:absolute;bottom:40pt;left:8pt;right:8pt;width:calc(100% - 16pt)}.view-sale-signature-section{margin-top:0;text-align:right;font-size:8pt;margin-bottom:8pt}.view-sale-footer-company{text-align:center;margin-top:8pt;margin-bottom:12pt;font-size:7pt;color:#666}.view-sale-tel-row{display:flex;justify-content:space-between;width:100%;position:absolute;bottom:8pt;left:8pt;right:8pt;font-size:7pt;font-weight:700}.view-sale-tel-left{text-align:left}.view-sale-tel-right{text-align:right}}:root{--payment-primary: #007B83;--payment-success: #10b981;--payment-warning: #f59e0b;--payment-error: #ef4444;--payment-info: #3b82f6;--payment-gray-50: #f9fafb;--payment-gray-100: #f3f4f6;--payment-gray-200: #e5e7eb;--payment-gray-300: #d1d5db;--payment-gray-400: #9ca3af;--payment-gray-500: #6b7280;--payment-gray-600: #4b5563;--payment-gray-700: #374151;--payment-gray-800: #1f2937;--payment-gray-900: #111827}.payment-manager{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000001a;overflow:hidden;width:100%;max-width:800px;margin:0 auto;max-height:90vh;display:flex;flex-direction:column}.payment-manager-header{display:flex;justify-content:space-between;align-items:center;padding:20px;background:linear-gradient(135deg,var(--payment-primary),#005a61);color:#fff}.payment-manager-title h2{margin:0 0 4px;font-size:20px;font-weight:600}.payment-manager-title p{margin:0;opacity:.9;font-size:14px}.close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.close-btn:hover{background:#ffffff4d}.toast-notification{padding:12px 24px;margin:16px 24px;border-radius:8px;font-weight:500;animation:slideIn .3s ease-out}.toast-notification.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.toast-notification.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast-notification.info{background:#dbeafe;color:#1e40af;border:1px solid #bfdbfe}.payment-tabs{display:flex;background:var(--payment-gray-50);border-bottom:1px solid var(--payment-gray-200)}.tab-btn{flex:1;padding:16px 24px;background:none;border:none;font-size:16px;font-weight:500;color:var(--payment-gray-600);cursor:pointer;transition:all .2s;position:relative}.tab-btn:hover{background:var(--payment-gray-100);color:var(--payment-gray-800)}.tab-btn.active{color:var(--payment-primary);background:#fff}.tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--payment-primary)}.payment-content{padding:20px;overflow-y:auto;flex:1}.add-payment-section{max-width:600px}.payment-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-weight:500;color:var(--payment-gray-700);font-size:14px}.amount-input-container{position:relative;display:flex;align-items:center;gap:8px}.amount-input-container input{flex:1}.fill-balance-btn{background:var(--payment-info);color:#fff;border:none;padding:8px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color .2s}.fill-balance-btn:hover{background:#2563eb}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:2px solid var(--payment-gray-200);border-radius:8px;font-size:14px;transition:border-color .2s,box-shadow .2s;background:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--payment-primary);box-shadow:0 0 0 3px #007b831a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--payment-error);box-shadow:0 0 0 3px #ef44441a}.error-text{color:var(--payment-error);font-size:12px;font-weight:500}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;justify-content:flex-end;padding-top:12px;border-top:1px solid var(--payment-gray-200)}.submit-btn{background:var(--payment-primary);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px;min-height:44px}.submit-btn:hover:not(:disabled){background:#006570}.submit-btn:disabled{background:var(--payment-gray-400);cursor:not-allowed}.payment-history-section{display:flex;flex-direction:column;gap:24px}.loading-state{display:flex;justify-content:center;align-items:center;padding:60px 20px}.sale-summary{background:var(--payment-gray-50);border-radius:12px;overflow:hidden}.summary-card{padding:20px}.summary-card h3{margin:0 0 16px;color:var(--payment-gray-800);font-size:18px;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:8px;border:1px solid var(--payment-gray-200)}.summary-item span:first-child{color:var(--payment-gray-600);font-weight:500}.summary-item span:last-child{color:var(--payment-gray-800);font-weight:600}.remaining-balance{color:var(--payment-warning)!important}.status-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.paid{background:#dcfce7;color:#166534}.status-badge.pending{background:#fee2e2;color:#991b1b}.status-badge.cancelled{background:var(--payment-gray-200);color:var(--payment-gray-600)}.payments-list h3{margin:0 0 16px;color:var(--payment-gray-800);font-size:18px;font-weight:600}.payment-card{background:#fff;border:1px solid var(--payment-gray-200);border-radius:12px;padding:20px;margin-bottom:16px;transition:box-shadow .2s}.payment-card:hover{box-shadow:0 4px 12px #0000001a}.payment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.payment-info{display:flex;flex-direction:column;gap:4px}.payment-id{font-size:14px;color:var(--payment-gray-600);font-weight:500}.payment-amount{font-size:20px;font-weight:700;color:var(--payment-gray-800)}.payment-status{display:flex;align-items:center}.status-indicator{padding:6px 12px;border-radius:20px;color:#fff;font-size:12px;font-weight:600;text-transform:uppercase}.payment-details{display:flex;flex-direction:column;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--payment-gray-100)}.detail-row:last-child{border-bottom:none}.detail-row span:first-child{color:var(--payment-gray-600);font-weight:500;font-size:14px}.detail-row span:last-child{color:var(--payment-gray-800);font-weight:600;font-size:14px}.payment-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--payment-gray-200)}.action-btn{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.action-btn.confirm{background:var(--payment-success);color:#fff}.action-btn.confirm:hover{background:#059669}.action-btn.cancel{background:var(--payment-error);color:#fff}.action-btn.cancel:hover{background:#dc2626}.no-payments,.no-data{text-align:center;padding:60px 20px;color:var(--payment-gray-600)}.no-payments h3,.no-data h3{margin:0 0 8px;color:var(--payment-gray-700);font-size:18px}.no-payments p,.no-data p{margin:0;font-size:14px}.balance-info-container{background-color:var(--payment-gray-50);border-radius:10px;padding:16px;margin-bottom:20px;border:1px solid var(--payment-gray-200)}.balance-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.balance-item{display:flex;flex-direction:column;padding:10px;background-color:#fff;border-radius:8px;border:1px solid var(--payment-gray-200);text-align:center}.balance-item span:first-child{font-size:13px;color:var(--payment-gray-600);margin-bottom:6px}.balance-value{font-size:16px;font-weight:600;color:var(--payment-gray-800)}.balance-remaining .balance-value{color:var(--payment-warning);font-size:18px}.balance-hint{font-size:13px;color:var(--payment-gray-600);text-align:right;font-style:italic}.balance-loading,.balance-error{text-align:center;padding:15px;margin-bottom:20px;background-color:var(--payment-gray-50);border-radius:8px;font-size:14px;color:var(--payment-gray-600)}.balance-error{color:var(--payment-error);background-color:#fee2e2}@media (max-width: 768px){.payment-manager{margin:0;border-radius:0;box-shadow:none;max-height:100vh;height:100%}.payment-manager-header{padding:16px}.payment-manager-title h2{font-size:18px}.payment-content{padding:16px}.form-row{grid-template-columns:1fr;gap:16px}.balance-info{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr;gap:12px}.payment-header{flex-direction:column;align-items:flex-start;gap:12px}.payment-info{width:100%}.payment-status{align-self:flex-end}.detail-row{flex-direction:column;align-items:flex-start;gap:4px}.payment-actions{flex-direction:column}.action-btn{width:100%;padding:12px}}@media (max-width: 480px){.payment-manager-header{padding:12px}.payment-manager-title h2{font-size:18px}.payment-content{padding:12px}.payment-card{padding:16px}.payment-amount{font-size:18px}.tab-btn{padding:12px 16px;font-size:14px}.toast-notification{margin:12px;padding:10px 16px;font-size:14px}}:root{--auth-primary: #007B83;--auth-primary-dark: #006C72;--auth-secondary: #F6F9FA;--auth-accent: #00B894;--auth-danger: #E74C3C;--auth-background: #FFFFFF;--auth-text-dark: #2C3E50;--auth-text-light: #FFFFFF;--auth-border: #E0E0E0;--auth-shadow: rgba(0, 123, 131, .1);--auth-shadow-dark: rgba(0, 0, 0, .15)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#007b83,#00b894);position:relative;overflow:hidden}.auth-wrapper{display:flex;width:100%;max-width:1200px;min-height:600px;background:var(--auth-background);border-radius:20px;box-shadow:0 20px 40px var(--auth-shadow-dark);overflow:hidden;position:relative;margin:20px}.auth-content{flex:1;padding:40px 50px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2;max-width:500px;margin:0 auto}.auth-header{text-align:center;margin-bottom:35px}.auth-logo{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px}.logo-icon{font-size:3rem;background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1))}.auth-logo h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.auth-subtitle{font-size:1.1rem;color:#666;margin:0;font-weight:400}.auth-form{display:flex;flex-direction:column;gap:20px}.form-label{font-size:.95rem;font-weight:600;color:var(--auth-text-dark);margin-bottom:6px}.form-input{width:100%;padding:16px 50px;font-size:1rem;border:2px solid var(--auth-border);border-radius:12px;background:var(--auth-background);color:var(--auth-text-dark);transition:all .3s ease;outline:none;box-sizing:border-box;height:52px}.form-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-shadow);transform:translateY(-1px)}.form-input:disabled{background:#f8f9fa;cursor:not-allowed;opacity:.7}.form-input.error{border-color:var(--auth-danger);box-shadow:0 0 0 3px #e74c3c1a}.form-input::placeholder{color:#999;font-size:.95rem}.password-toggle:disabled{cursor:not-allowed;opacity:.4}.error-message{font-size:.85rem;color:var(--auth-danger);margin-top:5px;display:flex;align-items:center;gap:5px}.checkbox-group{margin:10px 0}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.95rem;color:var(--auth-text-dark)}.checkbox-label input[type=checkbox]{display:none}.auth-checkbox-custom{width:20px;height:20px;border:2px solid var(--auth-border);border-radius:6px;position:relative;transition:all .3s ease;display:inline-block}.checkbox-label input[type=checkbox]:checked+.auth-checkbox-custom{background:var(--auth-primary);border-color:var(--auth-primary)}.checkbox-label input[type=checkbox]:checked+.auth-checkbox-custom:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.8rem;font-weight:700}.checkbox-label:hover .auth-checkbox-custom{border-color:var(--auth-primary)}.checkbox-label input[type=checkbox]:focus+.auth-checkbox-custom{box-shadow:0 0 0 2px #007b8333}.alert-error{background:#e74c3c26;color:var(--auth-danger);border:1px solid rgba(231,76,60,.3);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-button{width:100%;padding:16px 24px;font-size:1.1rem;font-weight:600;color:var(--auth-text-light);background:linear-gradient(135deg,var(--auth-primary),var(--auth-accent));border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;position:relative;overflow:hidden;height:56px;min-width:200px}.auth-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px var(--auth-shadow)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.auth-button.loading{pointer-events:none}.button-content{display:flex;align-items:center;justify-content:center;height:100%}.button-icon{font-size:1.2rem;transition:transform .3s ease;margin-left:4px}.auth-button:hover .button-icon{transform:translate(3px)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-right:8px;flex-shrink:0;position:relative;top:0}.auth-footer{margin-top:30px;text-align:center}.auth-footer p{margin:5px 0;font-size:.85rem;color:#999}.auth-background{position:absolute;top:0;right:0;width:50%;height:100%;background:var(--auth-background);z-index:1}.bg-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.05) 0%,transparent 50%);animation:float 6s ease-in-out infinite}.bg-overlay{position:absolute;top:0;left:0;width:100%;height:100%}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#007b83,#00b894)}.auth-loading .loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white}@media (max-width: 1024px){.auth-wrapper{margin:10px;max-width:500px}.auth-background{display:none}.auth-content{max-width:none;padding:40px 30px}}@media (max-width: 768px){.auth-wrapper{margin:0;border-radius:0;min-height:100vh}.auth-content{padding:30px 20px}.auth-logo h1{font-size:2rem}.logo-icon{font-size:2.5rem}}@media (max-width: 480px){.auth-content{padding:30px 20px}.auth-logo{flex-direction:column;gap:10px}.auth-logo h1{font-size:1.8rem}.form-input{padding:14px 45px;height:48px}.input-icon{left:12px}.password-toggle{right:12px}}.settings-container{padding:30px;width:100%;background:var(--background, #FFFFFF);min-height:calc(100vh - 60px)}.settings-header{margin-bottom:40px;text-align:center}.settings-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--primary, #007B83),var(--accent, #00B894));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0 0 10px}.settings-header p{font-size:1.1rem;color:#666;margin:0}.settings-content{background:var(--background, #FFFFFF);border-radius:20px;box-shadow:0 10px 30px #007b831a;overflow:hidden;max-width:1200px;margin:0 auto}.settings-tabs{display:flex;border-bottom:2px solid var(--secondaryDark, #E0E0E0);background:var(--secondary, #F6F9FA)}.tab-button{flex:1;padding:20px 30px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;font-weight:500;color:#666;transition:all .3s ease;position:relative}.tab-button:hover{background:#007b830d;color:var(--primary, #007B83)}.tab-button.active{background:var(--primary, #007B83);color:var(--textLight, #FFFFFF)}.tab-button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--accent, #00B894)}.tab-icon{font-size:1.2rem}.settings-tab-content{padding:40px}.tab-panel{animation:fadeIn .3s ease-in-out}.panel-header{margin-bottom:30px;text-align:center}.panel-header h2{font-size:1.8rem;font-weight:600;color:var(--textLight, #FFFFFF);margin:0 0 10px}.panel-header p{font-size:1rem;color:var(--textLight, #FFFFFF);margin:0}.profile-card{background:linear-gradient(135deg,#007b830d,#00b8940d);border-radius:16px;padding:40px;display:flex;align-items:flex-start;gap:30px;border:1px solid rgba(0,123,131,.1)}.profile-avatar{flex-shrink:0}.avatar-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary, #007B83),var(--accent, #00B894));display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--textLight, #FFFFFF);box-shadow:0 8px 25px #007b834d}.profile-info{flex:1;display:flex;flex-direction:column;gap:20px}.info-group{display:flex;flex-direction:column;gap:5px}.info-group label{font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-value{font-size:1.1rem;color:var(--textDark, #2C3E50);font-weight:500}.role-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.role-badge.role-admin{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.role-badge.role-manager{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.role-badge.role-cashier{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:linear-gradient(135deg,var(--accent, #00B894),#2ecc71);color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#95a5a6,#7f8c8d);color:#fff}.password-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:25px}.form-label{font-size:.95rem;font-weight:600;color:var(--textDark, #2C3E50);margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);font-size:1.1rem;z-index:1;opacity:.7;pointer-events:none}.form-input{width:100%;padding:16px 50px;font-size:1rem;border:2px solid var(--secondaryDark, #E0E0E0);border-radius:12px;background:var(--background, #FFFFFF);color:var(--textDark, #2C3E50);transition:all .3s ease;outline:none;box-sizing:border-box;height:52px}.form-input:focus{border-color:var(--primary, #007B83);box-shadow:0 0 0 3px #007b831a;transform:translateY(-1px)}.form-input.error{border-color:var(--danger, #E74C3C);box-shadow:0 0 0 3px #e74c3c1a}.password-toggle{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;opacity:.7;transition:opacity .3s ease;border-radius:4px}.password-toggle:hover{opacity:1}.error-message{font-size:.85rem;color:var(--danger, #E74C3C);margin-top:5px;display:flex;align-items:center;gap:5px}.error-message:before{content:"⚠️";font-size:.8rem}.alert{padding:15px 20px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;margin-bottom:20px}.alert-success{background:#00b8941a;color:var(--accent, #00B894);border:1px solid rgba(0,184,148,.2)}.alert-error{background:#e74c3c1a;color:var(--danger, #E74C3C);border:1px solid rgba(231,76,60,.2)}.alert-icon{font-size:1.1rem}.password-requirements{background:#007b830d;border-radius:12px;padding:20px;border:1px solid rgba(0,123,131,.1)}.password-requirements h4{margin:0 0 15px;color:var(--primary, #007B83);font-size:1rem;font-weight:600}.password-requirements ul{margin:0;padding-left:20px}.password-requirements li{margin:8px 0;color:#666;font-size:.9rem}.submit-button{padding:16px 24px;font-size:1.1rem;font-weight:600;color:var(--textLight, #FFFFFF);background:linear-gradient(135deg,var(--primary, #007B83),var(--accent, #00B894));border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #007b834d}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-icon{font-size:1.1rem}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.security-card{display:flex;flex-direction:column;gap:25px;margin-bottom:40px}.security-item{display:flex;align-items:flex-start;gap:20px;padding:25px;background:linear-gradient(135deg,#007b8308,#00b89408);border-radius:16px;border:1px solid rgba(0,123,131,.1);transition:all .3s ease}.security-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #007b831a}.security-icon{font-size:2rem;background:linear-gradient(135deg,var(--primary, #007B83),var(--accent, #00B894));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;flex-shrink:0}.security-content h3{margin:0 0 10px;font-size:1.2rem;font-weight:600;color:var(--textDark, #2C3E50)}.security-content p{margin:0;font-size:.95rem;color:#666;line-height:1.6}.security-actions{display:flex;justify-content:center;margin-top:20px}.logout-button{padding:12px 24px;font-size:1rem;font-weight:600;color:var(--textLight, #FFFFFF);background:linear-gradient(135deg,var(--danger, #E74C3C),#c0392b);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:10px}.logout-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e74c3c4d}.settings-error{text-align:center;padding:60px 20px}.settings-error h2{font-size:2rem;color:var(--danger, #E74C3C);margin:0 0 15px}.settings-error p{font-size:1.1rem;color:#666;margin:0}@media (max-width: 1024px){.settings-container{padding:20px}.settings-tab-content{padding:30px 20px}.profile-card{flex-direction:column;align-items:center;text-align:center;gap:20px}}@media (max-width: 768px){.settings-header h1{font-size:2rem}.settings-tabs{flex-direction:column}.tab-button{padding:15px 20px;justify-content:flex-start}.settings-tab-content{padding:20px 15px}.profile-card{padding:25px}.avatar-icon{width:60px;height:60px;font-size:1.5rem}.security-item{padding:20px}}@media (max-width: 480px){.settings-container{padding:15px}.settings-header h1{font-size:1.8rem}.tab-button{padding:12px 15px;font-size:.9rem}.tab-icon{font-size:1rem}.settings-tab-content{padding:15px 10px}.profile-card{padding:20px}.password-form{gap:20px}.form-input{padding:12px 12px 12px 45px}.security-item{flex-direction:column;align-items:center;text-align:center;padding:20px 15px}.security-icon{font-size:1.8rem}}.lpo-container{width:100%;height:calc(100vh - 16px);background:var(--secondary);overflow:hidden;display:flex;flex-direction:column}.lpo-header{padding:.5rem 1rem 1rem;background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight);display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px var(--shadow);border-radius:10px;min-height:60px}.lpo-header h1{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:1px}.lpo-number{font-family:Monaco,Menlo,monospace;font-size:.9rem;background:#ffffff2e;padding:.3rem .7rem;border-radius:6px;font-weight:600;box-shadow:0 1px 4px var(--shadowMedium)}.customer-selection-section{padding:.5rem 1rem;background:#fff;border-bottom:1px solid var(--secondaryDark);border-radius:0 0 10px 10px;margin-bottom:2px}.customer-selection-section h3{margin:0 0 .3rem;color:var(--primary);font-size:.95rem;font-weight:700;letter-spacing:.5px}.customer-dropdown-container{max-width:350px}.create-lpo-content{display:grid;grid-template-columns:.8fr 1.2fr;flex:1;gap:10px;padding:10px;overflow:hidden;height:100%}.create-lpo-stock-panel{width:100%;background:#fff;border-radius:12px;box-shadow:0 2px 8px var(--shadowMedium);display:flex;flex-direction:column;overflow:hidden;height:100%}.lpo-panel{background:#fff;border-radius:12px;box-shadow:0 2px 12px var(--shadowLarge);display:flex;flex-direction:column;min-width:350px;height:100%;max-height:100%;overflow:hidden}.panel-header{padding:.7rem 1rem;border-bottom:1px solid var(--secondaryDark);background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight);display:flex;justify-content:space-between;align-items:center;border-radius:12px 12px 0 0;position:sticky;top:0;z-index:2}.panel-header h2{margin:0;font-size:1rem;font-weight:600}.lpo-date-container label{font-size:11px;font-weight:500}.lpo-date-input{padding:.2rem .4rem;border:none;border-radius:4px;font-size:11px;background:#ffffffe6;color:var(--textDark)}.create-lpo-stock-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.create-lpo-stock-header{display:grid;grid-template-columns:70px 1fr 50px 90px;gap:.3rem;padding:.3rem .7rem;background:var(--secondary);font-weight:700;color:var(--primary);border-bottom:1px solid var(--secondaryDark);font-size:11px;position:sticky;top:0;z-index:1;align-items:center}.create-lpo-stock-items-container{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.create-lpo-stock-items-container::-webkit-scrollbar{width:4px}.create-lpo-stock-items-container::-webkit-scrollbar-track{background:transparent}.create-lpo-stock-items-container::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.create-lpo-stock-item{display:grid;grid-template-columns:70px 1fr 50px 90px;gap:.3rem;padding:.3rem .7rem;border-bottom:1px solid var(--secondaryDark);cursor:pointer;align-items:center;font-size:11px;transition:background .15s}.create-lpo-stock-item.selected{background:#007b8314;border-left:3px solid var(--primary)}.create-lpo-stock-item.low-stock{background:#e74c3c14;border-left:3px solid var(--danger)}.create-lpo-stock-sku{font-family:Monaco,Menlo,monospace;font-size:10px;color:var(--primary);font-weight:500;text-align:left}.create-lpo-stock-name{font-weight:500;color:var(--textDark);text-align:left}.create-lpo-stock-unit{text-align:center;color:var(--textMuted);font-size:10px}.create-lpo-stock-qty{text-align:center;font-weight:500;position:relative;display:flex;align-items:center;justify-content:center;gap:.25rem}.create-lpo-stock-header .create-lpo-stock-sku,.create-lpo-stock-header .create-lpo-stock-name{text-align:left}.create-lpo-stock-header .create-lpo-stock-unit,.create-lpo-stock-header .create-lpo-stock-qty{text-align:center}.stock-instructions{padding:.4rem .7rem;background:var(--secondary);border-top:1px solid var(--secondaryDark);font-size:10px;color:var(--textMuted);border-radius:0 0 12px 12px}.stock-instructions ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.stock-instructions li{display:flex;align-items:center;gap:.2rem}.stock-instructions kbd{background:var(--textDark);color:var(--textLight);padding:1px 2px;border-radius:2px;font-size:8px;font-family:monospace}.lpo-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.lpo-panel-scroll{flex:1;overflow-y:auto;padding:0 0 .5rem;position:relative}.lpo-items-header{display:grid;grid-template-columns:1.5fr 50px 70px 90px 90px 35px;gap:.3rem;padding:.2rem .7rem;background:var(--secondary);font-weight:700;color:var(--primary);border-bottom:1px solid var(--secondaryDark);font-size:11px;position:sticky;top:0;z-index:1}.lpo-items-list{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.lpo-item{display:grid;grid-template-columns:1.5fr 50px 70px 90px 90px 35px;gap:.3rem;padding:.3rem .7rem;border-bottom:1px solid var(--secondaryDark);align-items:center;font-size:11px;background:#fff;transition:background .15s}.lpo-item:hover{background:#f6f9fa}.item-name{display:flex;flex-direction:column;gap:.1rem}.item-name-text{font-weight:500;color:var(--textDark);line-height:1.2}.item-sku{font-size:9px;color:var(--textMuted);font-family:Monaco,Menlo,monospace}.item-unit{text-align:center;color:var(--textMuted);font-size:10px}.quantity-input,.price-input{width:100%;padding:.18rem .3rem;border:1px solid var(--secondaryDark);border-radius:4px;text-align:center;font-weight:500;font-size:11px;transition:all .3s ease}.quantity-input:focus,.price-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.item-total{font-weight:600;color:var(--accent);text-align:right;font-size:11px}.remove-btn{background:var(--danger);color:var(--textLight);border:none;border-radius:50%;width:18px;height:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:10px;transition:all .2s}.remove-btn:hover{background:#c0392b;transform:scale(1.1)}.empty-lpo{text-align:center;padding:1rem;color:var(--textMuted);font-size:12px}.error-message.lpo-error{margin:0 .7rem .5rem;padding:.3rem;background:#e74c3c1a;border-left:3px solid var(--danger);border-radius:4px;color:var(--danger);font-size:11px}.lpo-totals{padding:.7rem .7rem .2rem;background:var(--secondary);border-top:1px solid var(--secondaryDark);margin:0;position:sticky;bottom:0;z-index:2;border-radius:0 0 12px 12px}.total-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem;font-size:12px}.total-row.grand-total{font-size:14px;font-weight:700;color:var(--primary);padding-top:.2rem;border-top:1px solid var(--primary);margin-top:.2rem}.amount-words-section,.notes-section{padding:.5rem .7rem;border-top:1px solid var(--secondaryDark);margin:0}.amount-words-section label,.notes-section label{display:block;font-weight:500;margin-bottom:.2rem;color:var(--primary);font-size:11px}.amount-words-section textarea,.notes-section textarea{width:100%;padding:.2rem .4rem;border:1px solid var(--secondaryDark);border-radius:4px;font-size:11px;font-family:inherit;resize:vertical;min-height:32px;transition:all .3s;box-sizing:border-box}.amount-words-section textarea:focus,.notes-section textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.amount-words-section textarea.error{border-color:var(--danger);box-shadow:0 0 0 2px #e74c3c1a}.error-text{display:block;color:var(--danger);font-size:10px;margin-top:.2rem}.action-buttons{padding:.7rem;display:flex;gap:.5rem;border-top:1px solid var(--secondaryDark);margin:0;background:#fafbfc;border-radius:0 0 12px 12px}.create-lpo-item-clear-btn,.generate-btn{flex:1;padding:.45rem .7rem;border:none;border-radius:4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.3rem;box-shadow:0 1px 2px var(--shadow)}.create-lpo-item-clear-btn{background:var(--secondaryDark);color:var(--textDark)}.create-lpo-item-clear-btn:hover:not(:disabled){background:#bdc3c7;transform:translateY(-1px)}.generate-btn{background:var(--primary);color:var(--textLight)}.generate-btn:hover:not(:disabled){background:var(--primaryDark);transform:translateY(-1px);box-shadow:0 4px 12px var(--shadowMedium)}.create-lpo-item-clear-btn:disabled,.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.toast-notification{position:fixed;top:15px;right:15px;padding:.5rem .75rem;border-radius:4px;color:var(--textLight);font-weight:500;box-shadow:0 4px 12px var(--shadowMedium);z-index:1001;animation:toastSlideIn .3s ease;max-width:250px;font-size:12px}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-notification.success{background:var(--accent)}.toast-notification.error{background:var(--danger)}.toast-notification.info{background:var(--primary)}.price-input-container{display:flex;align-items:center;gap:3px;width:100%}.price-input{width:70px;padding:3px 5px;border:1px solid var(--border);border-radius:4px;font-size:11px;text-align:right;background:var(--secondary);color:var(--textDark);transition:all .2s ease}.price-input:focus{border-color:var(--primary);outline:none;background:#fff;box-shadow:0 0 0 2px #00b8944d}.price-input.modified{border-color:var(--warning);background-color:#fff8e1;font-weight:600}.reset-price-btn{width:18px;height:18px;border:none;border-radius:50%;background:var(--warning);color:#fff;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.reset-price-btn:hover{background:var(--danger);transform:scale(1.1)}.price-modification-info{margin-top:2px;font-size:9px;color:var(--textMuted)}.original-price{font-style:italic;color:var(--textMuted)}.item-price{display:flex;flex-direction:column;align-items:flex-start;min-width:90px}.low-stock-badge{background:var(--danger);color:var(--textLight);font-size:8px;padding:1px 3px;border-radius:2px;font-weight:700}.loading-message,.no-items-message{text-align:center;padding:1rem;color:var(--textMuted);font-style:italic;font-size:12px}@media (max-width: 1024px){.create-lpo-content{grid-template-columns:1fr;gap:.75rem;padding:.75rem}.create-lpo-stock-panel,.lpo-panel{min-width:0;max-width:none;height:auto;max-height:none}}@media (max-width: 768px){.lpo-header{padding:.75rem 1rem}.panel-header{flex-direction:column;gap:.5rem;align-items:stretch}.lpo-panel,.create-lpo-stock-panel{border-radius:8px}.lpo-items-header,.create-lpo-stock-header,.lpo-item,.create-lpo-stock-item{font-size:10px}.action-buttons{flex-direction:column}}@media (max-width: 480px){.create-lpo-content{padding:.5rem;gap:.5rem}.lpo-header,.customer-selection-section{padding:.5rem .75rem}.panel-header,.lpo-totals,.amount-words-section,.notes-section,.action-buttons{padding:.5rem}.toast-notification{top:10px;right:10px}}.create-lpo-stock-item .create-lpo-stock-sku{text-align:left;font-family:Monaco,Menlo,monospace;font-size:10px;color:var(--primary);font-weight:500}.create-lpo-stock-item .create-lpo-stock-name{text-align:left;font-weight:500;color:var(--textDark)}.create-lpo-stock-item .create-lpo-stock-unit{text-align:center;color:var(--textMuted);font-size:10px}.create-lpo-stock-item .create-lpo-stock-qty{text-align:center;font-weight:500;justify-content:center}:root{--primary: #007B83;--primaryDark: #006C72;--secondary: #F6F9FA;--secondaryDark: #E0E0E0;--accent: #00B894;--danger: #E74C3C;--warning: #F39C12;--textDark: #2C3E50;--textLight: #FFFFFF;--textMuted: #7F8C8D;--border: #BDC3C7;--shadow: rgba(0, 0, 0, .1);--shadowMedium: rgba(0, 0, 0, .15);--shadowLarge: rgba(0, 0, 0, .2)}.view-lpos-container{width:100%;min-height:100vh;background:var(--secondary);padding:1.5rem;box-sizing:border-box}.view-lpos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight);border-radius:8px;box-shadow:0 2px 8px var(--shadow)}.view-lpos-header h1{margin:0;font-size:1.8rem;font-weight:600}.header-actions{display:flex;gap:.75rem}.new-lpo-btn{background:var(--accent);color:var(--textLight);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.new-lpo-btn:hover{background:#00a085;transform:translateY(-1px);box-shadow:0 4px 12px var(--shadowMedium)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px var(--shadow);text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px var(--shadowMedium)}.stat-card h3{margin:0 0 .5rem;font-size:14px;color:var(--textMuted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{margin:0;font-size:2rem;font-weight:700;color:var(--primary)}.filters-row{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center}.search-container{flex:1;max-width:400px}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:6px;font-size:14px;transition:all .3s ease;box-sizing:border-box}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.filter-container{min-width:150px}.status-filter{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:6px;font-size:14px;background:#fff;cursor:pointer;transition:all .3s ease}.status-filter:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #007b831a}.lpos-table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px var(--shadow);overflow:hidden;margin-bottom:1.5rem}.loading-state,.empty-state{text-align:center;padding:3rem 2rem;color:var(--textMuted)}.empty-state p{margin:0 0 1.5rem;font-size:1.1rem}.create-first-btn{background:var(--primary);color:var(--textLight);border:none;padding:.75rem 1.5rem;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.create-first-btn:hover{background:var(--primaryDark);transform:translateY(-1px)}.lpos-table{width:100%;border-collapse:collapse;font-size:14px}.lpos-table th{background:var(--secondary);padding:1rem .75rem;text-align:left;font-weight:600;color:var(--textDark);border-bottom:1px solid var(--border);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.lpos-table td{padding:1rem .75rem;border-bottom:1px solid var(--secondaryDark);vertical-align:middle}.lpos-table tr:hover{background-color:var(--secondary)}.view-lpo-number{font-family:Monaco,Menlo,monospace;font-weight:600;color:var(--primary)}.customer-info{display:flex;flex-direction:column;gap:.25rem}.customer-name{font-weight:500;color:var(--textDark)}.customer-phone{font-size:12px;color:var(--textMuted)}.amount{font-weight:600;color:var(--accent);text-align:right}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:11px;font-weight:600;color:var(--textLight);text-transform:uppercase;letter-spacing:.5px}.actions-cell{display:flex;gap:.5rem;flex-wrap:wrap}.view-btn,.approve-btn,.delete-btn,.print-btn{padding:.375rem .75rem;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.25px}.view-btn{background:var(--primary);color:var(--textLight)}.view-btn:hover{background:var(--primaryDark)}.print-btn{background:#9b59b6;color:var(--textLight);text-transform:none;font-size:11px}.approve-btn{background:var(--accent);color:var(--textLight)}.approve-btn:hover{background:#00a085}.delete-btn{background:var(--danger);color:var(--textLight)}.delete-btn:hover{background:#c0392b}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:1.5rem 0}.view-lpo-previous-pagination-btn{background:var(--primary);color:var(--textLight);border:none;padding:.5rem 1rem;border-radius:4px;font-size:14px;cursor:pointer;transition:all .3s ease}.view-lpo-previous-pagination-btn:hover:not(:disabled){background:var(--primaryDark)}.view-lpo-previous-pagination-btn:disabled{background:var(--textMuted);cursor:not-allowed}.page-info{font-weight:500;color:var(--textDark)}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:8px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px var(--shadowLarge)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,var(--primary),var(--primaryDark));color:var(--textLight)}.modal-header h2{margin:0;font-size:1.3rem;font-weight:600}.close-btn{background:none;border:none;color:var(--textLight);font-size:1.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:background .3s ease}.close-btn:hover{background:#fff3}.modal-body{padding:1.5rem;max-height:60vh;overflow-y:auto}.lpo-details{display:flex;flex-direction:column;gap:1.5rem}.detail-section{padding:1rem;border:1px solid var(--secondaryDark);border-radius:6px;background:var(--secondary)}.detail-section h3{margin:0 0 1rem;font-size:1.1rem;color:var(--primary);font-weight:600}.detail-section p{margin:.5rem 0;line-height:1.4}.detail-section strong{color:var(--textDark);font-weight:600}.items-list{display:flex;flex-direction:column;gap:.75rem}.item-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:1rem;padding:.75rem;background:#fff;border-radius:4px;border:1px solid var(--border);align-items:center;font-size:13px}.item-name{font-weight:500;color:var(--textDark)}.item-qty,.item-price,.item-total{text-align:right;font-weight:500}.item-total{color:var(--accent);font-weight:600}@media (max-width: 1024px){.view-lpos-container{padding:1rem}.view-lpos-header{flex-direction:column;gap:1rem;text-align:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.filters-row{flex-direction:column;align-items:stretch}.search-container{max-width:none}}@media (max-width: 768px){.view-lpos-header{padding:1rem}.view-lpos-header h1{font-size:1.5rem}.lpos-table-container{overflow-x:auto}.lpos-table{min-width:800px}.actions-cell{flex-direction:column;min-width:80px}.modal-content{margin:.5rem;max-height:95vh}.modal-header,.modal-body{padding:1rem}.item-row{grid-template-columns:1fr;gap:.5rem;text-align:left}.item-qty:before{content:"Qty: "}.item-price:before{content:"Price: "}.item-total:before{content:"Total: "}}@media (max-width: 480px){.view-lpos-container{padding:.5rem}.stats-grid{grid-template-columns:1fr}.stat-card{padding:1rem}.stat-value{font-size:1.5rem}.pagination{flex-direction:column;gap:.5rem}.modal-overlay{padding:0}.modal-content{border-radius:0;height:100vh;max-height:100vh}}.statement-container{width:100%;min-height:100vh;background-color:var(--secondary-color);padding:20px}.statement-header{margin-bottom:30px;text-align:center}.statement-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.statement-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.statement-form-section{margin-bottom:30px}.form-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:30px;margin-bottom:20px}.form-card h2{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:25px;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.quick-dates{margin-bottom:25px}.quick-dates label{display:block;font-weight:600;color:var(--text-primary);margin-bottom:10px}.quick-date-buttons{display:flex;gap:10px;flex-wrap:wrap}.quick-date-btn{padding:8px 16px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;font-size:.9rem}.quick-date-btn:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px}.form-group label{font-weight:600;color:var(--text-primary);margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select{padding:12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #007b831a}.form-group input.error,.form-group select.error{border-color:var(--error-color)}.error-message{color:var(--error-color);font-size:.875rem;margin-top:5px;display:block}.general-error{background:#e74c3c1a;border:1px solid var(--error-color);border-radius:var(--border-radius);padding:15px;margin-bottom:20px;text-align:center}.loading-text{color:var(--text-secondary);font-style:italic;font-size:.875rem;margin-top:5px}.form-options{display:flex;gap:20px;margin-bottom:25px;flex-wrap:wrap}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color)}.checkbox-group label{font-weight:500;color:var(--text-primary);cursor:pointer;margin:0}.form-actions{text-align:center;margin-top:30px}.generate-btn{background:var(--primary-color);color:#fff;border:none;padding:15px 40px;border-radius:var(--border-radius);font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;min-width:200px}.generate-btn:hover:not(:disabled){background:var(--primary-hover)}.generate-btn:disabled{background:var(--border-color);cursor:not-allowed}.statement-results-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.results-header{display:flex;justify-content:space-between;align-items:flex-start;padding:25px 30px;border-bottom:1px solid var(--border-color);background:var(--background-light)}.results-title h2{color:var(--text-primary);font-size:1.75rem;font-weight:600;margin:0 0 5px}.results-title p{color:var(--text-secondary);margin:0;font-size:1rem}.results-actions{display:flex;gap:12px;flex-wrap:wrap}.print-btn,.export-btn,.statement-clear-btn{padding:10px 20px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem}.print-btn{background:var(--primary-color);color:#fff}.print-btn:hover{background:var(--primary-hover)}.export-btn{background:var(--success-color);color:#fff}.export-btn:hover:not(:disabled){background:#009675}.export-btn:disabled{background:var(--border-color);cursor:not-allowed}.statement-clear-btn{background:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.statement-hereclear-btn:hover{background:var(--background-light)}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:25px 30px;border-bottom:1px solid var(--border-color)}.summary-card{background:var(--background-light);border-radius:var(--border-radius);padding:20px;text-align:center;border:1px solid var(--border-color)}.summary-card h3{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 10px;text-transform:uppercase;letter-spacing:.5px}.summary-value{color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.statement-table-container{width:100%;padding:30px}.statement-table-container h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0 0 20px}.table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border-color);border-radius:var(--border-radius)}.statement-table{width:100%;border-collapse:collapse;font-size:.9rem}.statement-table th{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));color:#fff;padding:15px 12px;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;position:sticky;top:0;z-index:10}.statement-table td{padding:15px 12px;border-bottom:1px solid var(--border-color);vertical-align:middle}.statement-table tbody tr:hover{background-color:var(--background-light)}.statement-table tbody tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.payment-method{text-transform:capitalize;font-weight:500}.pagination{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:20px;padding:20px;border-top:1px solid var(--border-color)}.statement-next-pagination-btn,.statement-previous-pagination-btn{background:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:background-color .2s ease}.statement-previous-pagination-btn:hover:not(:disabled){background:var(--primary-hover)}.pagination-btn:disabled{background:var(--border-color);cursor:not-allowed}.pagination-info{color:var(--text-primary);font-weight:500;padding:0 15px}.no-data{text-align:center;padding:40px 20px;color:var(--text-secondary);font-style:italic}.no-data p{margin:0;font-size:1.1rem}@media (max-width: 1200px){.form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}}@media (max-width: 1024px){.statement-container{padding:15px}.statement-header h1{font-size:2rem}.results-header{flex-direction:column;gap:20px;align-items:stretch}.results-actions{justify-content:center}.statement-table-container{padding:20px}}@media (max-width: 768px){.statement-header{margin-bottom:20px}.statement-header h1{font-size:1.75rem}.statement-header p{font-size:1rem}.form-card{padding:20px}.form-grid{grid-template-columns:1fr;gap:15px}.quick-date-buttons{flex-direction:column}.quick-date-btn{text-align:center}.summary-cards{grid-template-columns:repeat(2,1fr);gap:15px;padding:20px}.results-actions{flex-direction:column}.statement-table-container{padding:15px}.statement-table{font-size:.8rem}.statement-table th,.statement-table td{padding:10px 8px}.pagination{flex-direction:column;gap:10px}.pagination-info{text-align:center;padding:0}}@media (max-width: 480px){.statement-header h1{font-size:1.5rem}.statement-header p{font-size:.95rem}.form-card{padding:15px}.summary-cards{grid-template-columns:1fr}.statement-table{font-size:.75rem}.statement-table th,.statement-table td{padding:8px 6px}.generate-btn{width:100%;min-width:auto}}.create-pr-container{padding:16px;background-color:var(--background-light);min-height:100vh}.create-pr-header{margin-bottom:20px;text-align:center}.create-pr-header h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.create-pr-header p{font-size:1rem;color:var(--text-secondary);margin:0}.toast-notification{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:var(--border-radius);color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease-out}.create-pr-content{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;max-width:1600px;margin:0 auto}.create-pr-stock-panel{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.panel-header{padding:12px 16px;border-bottom:1px solid var(--border-color);background:var(--background-light)}.panel-header h2{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.stock-search-container{position:relative}.stock-search-input{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;transition:border-color .2s}.stock-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.create-pr-stock-list{flex:1;display:flex;flex-direction:column;overflow:hidden}.create-pr-stock-header{display:grid;grid-template-columns:100px 1fr 80px 100px 70px;gap:12px;padding:10px 16px;background:var(--background-light);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.85rem;align-items:center}.create-pr-stock-items-container{flex:1;overflow-y:auto;padding:4px;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.create-pr-stock-items-container::-webkit-scrollbar{width:6px}.create-pr-stock-items-container::-webkit-scrollbar-track{background:transparent}.create-pr-stock-items-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.create-pr-stock-item{display:grid;grid-template-columns:100px 1fr 80px 100px 70px;gap:12px;padding:10px;margin:2px 0;border:1px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;align-items:center;font-size:.9rem}.create-pr-stock-item:hover{background:var(--background-light);border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.create-pr-stock-item.low-stock{border-left:4px solid var(--warning-color);background:#fef3c7}.create-pr-stock-sku{font-weight:600;color:var(--text-primary);font-size:.8rem;text-align:left}.create-pr-stock-name{font-weight:500;color:var(--text-primary);text-align:left}.create-pr-stock-qty{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:500;text-align:center}.create-pr-stock-price{font-weight:600;color:var(--success-color);font-size:.85rem;text-align:right}.create-pr-stock-add{display:flex;justify-content:center;align-items:center}.create-pr-stock-header .create-pr-stock-sku,.create-pr-stock-header .create-pr-stock-name{text-align:left}.create-pr-stock-header .create-pr-stock-qty{text-align:center}.create-pr-stock-header .create-pr-stock-price{text-align:right}.create-pr-stock-header .create-pr-stock-add{text-align:center}.create-pr-stock-item .create-pr-stock-sku{text-align:left;font-weight:600;color:var(--text-primary);font-size:.8rem}.create-pr-stock-item .create-pr-stock-name{text-align:left;font-weight:500;color:var(--text-primary)}.create-pr-stock-item .create-pr-stock-qty{text-align:center;justify-content:center;font-weight:500}.create-pr-stock-item .create-pr-stock-price{text-align:right;font-weight:600;color:var(--success-color);font-size:.85rem}.create-pr-stock-item .create-pr-stock-add{justify-content:center}.low-stock-badge{background:var(--warning-color);color:#fff;padding:1px 4px;border-radius:4px;font-size:.7rem;font-weight:600}.add-btn{background:var(--primary-color);color:#fff;border:none;padding:4px 8px;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:background-color .2s;font-size:.8rem}.add-btn:hover{background:var(--primary-hover)}.loading-message,.no-stock-message{text-align:center;padding:20px;color:var(--text-secondary);font-style:italic}.pr-form-panel{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;max-height:calc(100vh - 120px);display:flex;flex-direction:column}.pr-form{flex:1;overflow-y:auto;padding:16px}.form-header{margin-bottom:16px}.form-header h2{font-size:1.2rem;font-weight:600;color:var(--text-primary);margin:0}.form-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.form-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;background-color:var(--background-light);padding:8px 12px;border-radius:var(--border-radius)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.form-group label{font-weight:500;color:var(--text-primary);margin-bottom:4px;font-size:.8rem}.form-group input,.form-group select,.form-group textarea{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:.9rem;transition:border-color .2s}.error-text{color:var(--error-color);font-size:.75rem;margin-top:2px;font-weight:500}.pr-items{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.pr-items-header{display:grid;grid-template-columns:80px 1fr 60px 100px 100px 80px 80px;gap:8px;padding:8px 12px;background:var(--background-light);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.8rem}.pr-items-list{max-height:300px;overflow-y:auto}.pr-items-list::-webkit-scrollbar{width:6px}.pr-items-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.pr-item{display:grid;grid-template-columns:80px 1fr 60px 100px 100px 80px 80px;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-color);align-items:center;font-size:.85rem}.pr-item:last-child{border-bottom:none}.item-sku{font-weight:600;color:var(--text-primary);font-size:.8rem}.item-description{font-weight:500;color:var(--text-primary)}.quantity-input,.price-input{padding:6px 8px!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;font-size:.8rem!important;width:100%}.quantity-input:focus,.price-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #2563eb1a!important}.quantity-input.error,.price-input.error{border-color:var(--error-color)!important}.item-total{font-weight:600;color:var(--success-color);font-size:.85rem}.urgency-select{padding:6px 8px!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;font-size:.8rem!important;background:#fff!important}.remove-btn{background:var(--error-color);color:#fff;border:none;padding:4px 8px;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:background-color .2s}.remove-btn:hover{background:#dc2626}.empty-pr-items{padding:20px;text-align:center;color:var(--text-secondary)}.empty-pr-items p{margin:4px 0;font-size:.9rem}.empty-pr-items p:first-child{font-weight:600;color:var(--text-primary)}.pr-totals{margin-top:12px;padding:12px 16px;background:var(--background-light);border-radius:var(--border-radius)}.total-row{display:flex;justify-content:space-between;align-items:center;padding:4px 0;font-size:.9rem}.total-row.estimated-total{border-top:2px solid var(--border-color);margin-top:4px;padding-top:8px;font-weight:600;font-size:1rem;color:var(--text-primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid var(--border-color);margin-top:16px}.purchase-request-clear-btn,.submit-btn{padding:8px 16px;border-radius:var(--border-radius);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.purchase-request-clear-btn{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.purchase-request-clear-btn:hover:not(:disabled){background:var(--background-light);border-color:var(--secondary-color)}.purchase-request-clear-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1400px){.create-pr-content{grid-template-columns:1fr;gap:16px}.create-pr-stock-panel,.pr-form-panel{max-height:600px}}@media (max-width: 1024px){.create-pr-container{padding:12px}.create-pr-header h1{font-size:1.6rem}.create-pr-stock-header,.create-pr-stock-item{grid-template-columns:80px 1fr 70px 90px 60px;gap:8px}.pr-items-header,.pr-item{grid-template-columns:70px 1fr 50px 90px 90px 70px 70px;gap:8px}}@media (max-width: 768px){.form-row{grid-template-columns:1fr;gap:12px}.create-pr-stock-header,.create-pr-stock-item{grid-template-columns:70px 1fr 50px 70px 50px;gap:6px;padding:8px}.pr-items-header{display:none}.pr-item{grid-template-columns:1fr;gap:6px;padding:12px;display:flex;flex-wrap:wrap}.pr-item>*{margin-right:8px;margin-bottom:6px}.pr-item .item-description{width:100%}.quantity-input,.price-input{width:70px!important}.urgency-select{width:80px!important}.form-actions{flex-direction:column}.toast-notification{right:12px;left:12px;top:12px}}@media (max-width: 480px){.create-pr-header h1{font-size:1.4rem}.create-pr-header p{font-size:.9rem}.panel-header,.pr-form{padding:12px}.stock-item,.pr-item{padding:8px}}.create-pr-success{background:linear-gradient(135deg,#00b894,#00a085);border-radius:var(--border-radius);color:#fff;padding:32px;margin:24px auto;max-width:500px;text-align:center;box-shadow:var(--shadow-md);animation:create-pr-slideIn .5s ease-out;border:2px solid #00A085}.create-pr-success-icon{background:#fff3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2.5rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3)}.create-pr-success h3{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:#fff}.create-pr-success p{font-size:1rem;margin:8px 0;color:#fffffff2;line-height:1.5}.create-pr-success p strong{color:#fff;font-weight:600}.create-pr-success p:last-child{margin-bottom:0;font-style:italic;opacity:.9}@keyframes create-pr-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.create-pr-success{margin:16px;padding:24px 20px;max-width:none}.create-pr-success-icon{width:50px;height:50px;font-size:2rem;margin-bottom:16px}.create-pr-success h3{font-size:1.25rem}.create-pr-success p{font-size:.9rem}}.manage-pr-container{padding:24px;background-color:var(--background-light);min-height:100vh}.manage-pr-header{margin-bottom:32px;text-align:center}.manage-pr-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.manage-pr-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.search-filter,.status-filter,.priority-filter,.department-filter{display:flex;flex-direction:column}.pr-table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.pr-table{width:100%;border-collapse:collapse}.pr-table th{background:var(--background-light);padding:16px 12px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.pr-table td{padding:16px 12px;border-bottom:1px solid var(--border-color);vertical-align:top}.pr-table tbody tr:hover{background:var(--background-light)}.pr-table tbody tr:last-child td{border-bottom:none}.pr-number{font-weight:600;color:var(--primary-color);font-size:.875rem}.requested-by .name{font-weight:500;color:var(--text-primary);margin-bottom:4px}.requested-by .approved-by{font-size:.75rem;color:var(--text-secondary);font-style:italic}.status-badge,.priority-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.cancelled{background:#f3f4f6;color:#6b7280}.status-badge.draft{background:#e0e7ff;color:#3730a3}.priority-badge.low{background:#f0fdf4;color:#166534}.priority-badge.medium{background:#fef3c7;color:#92400e}.priority-badge.high{background:#fed7aa;color:#9a3412}.priority-badge.urgent{background:#fee2e2;color:#991b1b}.view-btn,.print-btn,.approve-btn,.reject-btn,.lpo-btn,.delete-btn{padding:6px 12px;border:none;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.approve-btn{background:var(--success-color);color:#fff}.approve-btn:hover{background:#059669}.reject-btn{background:var(--error-color);color:#fff}.reject-btn:hover{background:#dc2626}.lpo-btn{background:var(--warning-color);color:#fff}.lpo-btn:hover{background:#d97706}.delete-btn{background:#6b7280;color:#fff}.delete-btn:hover{background:#4b5563}.modal-content.lpo-modal{max-width:800px}.modal-content.details-modal{max-width:900px}.pr-summary{background:var(--background-light);padding:16px;border-radius:var(--border-radius);margin-bottom:24px}.pr-summary p{margin:8px 0;font-size:.875rem}.approval-form .form-group{margin-bottom:20px}.approval-form label{display:block;font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.875rem}.approval-form input,.approval-form textarea{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s;font-family:inherit}.approval-form input:focus,.approval-form textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.lpo-form .form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.lpo-form .form-section:last-child{border-bottom:none;margin-bottom:0}.lpo-form h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.lpo-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.lpo-form .form-group{display:flex;flex-direction:column}.lpo-form .form-group label{font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.875rem}.lpo-form .form-group input,.lpo-form .form-group select,.lpo-form .form-group textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s}.lpo-form .form-group input:focus,.lpo-form .form-group select:focus,.lpo-form .form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.items-list{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.item-row{display:grid;grid-template-columns:100px 2fr 80px 80px 120px 120px;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border-color);align-items:center;font-size:.875rem}.item-row:last-child{border-bottom:none}.item-sku{font-weight:600;color:var(--text-primary)}.item-description{font-weight:500}.item-qty,.item-unit{text-align:center}.item-price,.item-total{text-align:right;font-weight:600;color:var(--success-color)}.confirm-btn.approve{background:var(--success-color)}.confirm-btn.approve:hover:not(:disabled){background:#059669}.confirm-btn.reject{background:var(--error-color)}.confirm-btn.reject:hover:not(:disabled){background:#dc2626}.confirm-btn.generate{background:var(--warning-color)}.confirm-btn.generate:hover:not(:disabled){background:#d97706}.pr-details .details-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.pr-details .details-section:last-child{border-bottom:none;margin-bottom:0}.pr-details h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.items-table table{width:100%;border-collapse:collapse;margin-top:16px}.items-table td{padding:12px 8px;border-bottom:1px solid var(--border-color);font-size:.875rem}@media (max-width: 1200px){.filters-row{grid-template-columns:1fr 1fr;gap:16px}.pr-table{font-size:.875rem}.actions-cell{flex-direction:column;gap:4px}}@media (max-width: 1024px){.manage-pr-container{padding:16px}.manage-pr-header h1{font-size:2rem}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.lpo-form .form-row{grid-template-columns:1fr;gap:16px}.details-grid{grid-template-columns:1fr;gap:12px}.item-row{grid-template-columns:1fr;gap:8px;text-align:left}.item-row>span{display:block;padding:4px 0}}@media (max-width: 768px){.filters-row{grid-template-columns:1fr;gap:16px}.pr-table-container{overflow-x:auto}.pr-table{min-width:800px}.modal-overlay{padding:10px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column}.toast-notification{right:16px;left:16px;top:16px}}@media (max-width: 480px){.manage-pr-header h1{font-size:1.75rem}.manage-pr-header p{font-size:1rem}.pagination{flex-direction:column;gap:12px;text-align:center}.page-info{order:-1}}:root{--primary-color: #007B83;--primary-hover: #006C72;--secondary-color: #F6F9FA;--success-color: #00B894;--error-color: #E74C3C;--warning-color: #f59e0b;--border-color: #E0E0E0;--background-light: #F6F9FA;--text-primary: #2C3E50;--text-secondary: #007B83;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px}.create-grn-container{padding:24px;background-color:var(--background-light);min-height:100vh}.create-grn-header{margin-bottom:32px;text-align:center}.create-grn-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.create-grn-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.toast-notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:var(--border-radius);color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease-out}.create-grn-content{display:grid;grid-template-columns:400px 1fr;gap:32px;max-width:1800px;margin:0 auto}.lpo-selection-panel{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;height:fit-content;position:sticky;top:24px}.panel-header{padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--background-light)}.panel-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.panel-header p{font-size:.875rem;color:var(--text-secondary);margin:0}.lpo-selection{padding:24px}.lpo-selection .form-group{margin-bottom:20px}.lpo-selection .form-group label{font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.875rem;display:block}.lpo-selection select{width:100%;padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s;background:#fff}.lpo-selection select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.lpo-selection select.error{border-color:var(--error-color)}.error-text{color:var(--error-color);font-size:.875rem;margin-top:4px;font-weight:500;display:block}.loading-message{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--text-secondary)}.lpo-details{padding:0 24px 24px;border-top:1px solid var(--border-color)}.lpo-details h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:20px 0 16px}.lpo-info-grid{display:grid;gap:12px}.info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color);font-size:.875rem}.info-item:last-child{border-bottom:none}.info-item label{font-weight:500;color:var(--text-secondary)}.info-item span{font-weight:600;color:var(--text-primary)}.grn-form-panel{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.grn-form{padding:24px}.form-header{margin-bottom:32px}.form-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.form-section h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s}.create-grn-items{border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.create-grn-items-header{display:grid;grid-template-columns:80px 1.5fr 60px 70px 70px 100px 100px 90px 90px;gap:8px;padding:12px 16px;background:var(--background-light);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.8rem;align-items:center}.create-grn-items-list{max-height:400px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.create-grn-items-list::-webkit-scrollbar{width:6px}.create-grn-items-list::-webkit-scrollbar-track{background:transparent}.create-grn-items-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.create-grn-item{display:grid;grid-template-columns:80px 1.5fr 60px 70px 70px 100px 100px 90px 90px;gap:8px;padding:12px 16px;border-bottom:1px solid var(--border-color);align-items:center;font-size:.85rem}.create-grn-item:last-child{border-bottom:none}.create-grn-item-sku{font-weight:600;color:var(--text-primary);font-size:.8rem;text-align:left}.create-grn-item-description{font-weight:500;color:var(--text-primary);font-size:.8rem;text-align:left}.create-grn-item-unit,.create-grn-item-ordered{text-align:center;font-size:.8rem;color:var(--text-secondary);font-weight:500}.create-grn-quantity-input,.create-grn-price-input{padding:6px 8px!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;font-size:.8rem!important;width:100%;text-align:center;font-weight:500}.create-grn-quantity-input:focus,.create-grn-price-input:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #007b831a!important;outline:none}.create-grn-quantity-input.error,.create-grn-price-input.error{border-color:var(--error-color)!important}.create-grn-item-total{font-weight:600;color:var(--success-color);text-align:right;font-size:.8rem}.create-grn-condition-select,.create-grn-quality-select{padding:6px 8px!important;border:1px solid var(--border-color)!important;border-radius:var(--border-radius)!important;font-size:.75rem!important;background:#fff!important;width:100%;font-weight:500;cursor:pointer;transition:all .2s ease}.create-grn-condition-select:focus,.create-grn-quality-select:focus{border-color:var(--primary-color)!important;box-shadow:0 0 0 2px #007b831a!important;outline:none}.create-grn-condition-select:hover,.create-grn-quality-select:hover{background:var(--background-light)!important}.grn-totals{margin-top:20px;padding:20px;background:var(--background-light);border-radius:var(--border-radius)}.totals-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:20px}.total-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.total-item span:first-child{font-size:.875rem;color:var(--text-secondary);margin-bottom:8px}.total-item span:last-child{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.total-item.grand-total{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.total-item.grand-total span{color:#fff}.create-grn-clear-btn,.submit-btn{padding:12px 24px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.create-grn-clear-btn{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.create-grn-clear-btn:hover:not(:disabled){background:var(--background-light);border-color:var(--secondary-color)}.create-grn-clear-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.create-grn-items{box-shadow:var(--shadow-sm);margin-top:16px}.create-grn-item:hover{background-color:#fafbfc;transition:background-color .2s ease}.create-grn-condition-select option,.create-grn-quality-select option{padding:8px}.create-grn-condition-select[value=Good],.create-grn-quality-select[value=Passed]{color:var(--success-color);font-weight:600}.create-grn-condition-select[value=Damaged],.create-grn-condition-select[value=Defective],.create-grn-quality-select[value=Failed]{color:var(--error-color);font-weight:600}.create-grn-condition-select[value=Fair],.create-grn-quality-select[value=Pending]{color:var(--warning-color);font-weight:600}@media (max-width: 1400px){.create-grn-content{grid-template-columns:1fr;gap:24px}.lpo-selection-panel{position:static}}@media (max-width: 1200px){.create-grn-items-header,.create-grn-item{grid-template-columns:70px 1fr 50px 60px 60px 90px 90px 80px 80px;gap:6px;padding:10px 12px;font-size:.75rem}.totals-grid{grid-template-columns:1fr 1fr;gap:16px}}@media (max-width: 1024px){.create-grn-container{padding:16px}.create-grn-header h1{font-size:2rem}.form-row{grid-template-columns:1fr;gap:16px}.create-grn-items-header{display:none}.create-grn-item{grid-template-columns:1fr;gap:8px;padding:16px;display:flex;flex-direction:column;align-items:stretch}.create-grn-item>*{margin-bottom:8px;width:100%}.create-grn-item .create-grn-item-sku:before{content:"SKU: ";font-weight:500;color:var(--text-secondary)}.create-grn-item .create-grn-item-description:before{content:"Description: ";font-weight:500;color:var(--text-secondary)}.create-grn-item .create-grn-item-unit:before{content:"Unit: ";font-weight:500;color:var(--text-secondary)}.create-grn-item .create-grn-item-ordered:before{content:"Ordered: ";font-weight:500;color:var(--text-secondary)}.create-grn-quantity-input,.create-grn-price-input,.create-grn-condition-select,.create-grn-quality-select{width:100%!important;margin-bottom:8px}.totals-grid{grid-template-columns:1fr;gap:12px}}@media (max-width: 768px){.lpo-info-grid{gap:8px}.info-item{flex-direction:column;align-items:flex-start;gap:4px}.form-actions{flex-direction:column}.toast-notification{right:16px;left:16px;top:16px}.create-grn-item{background:#fafbfc;border-radius:var(--border-radius);margin-bottom:12px;border:1px solid var(--border-color)}.create-grn-item>input,.create-grn-item>select{padding:10px 12px!important;font-size:.9rem!important;border-radius:var(--border-radius)!important}.create-grn-quantity-input::placeholder,.create-grn-price-input::placeholder{content:"Enter quantity..."}}@media (max-width: 480px){.create-grn-header h1{font-size:1.75rem}.create-grn-header p{font-size:1rem}.panel-header,.grn-form{padding:16px}.create-grn-item{padding:16px;margin-bottom:16px}.total-item{padding:12px}.total-item span:last-child{font-size:1.125rem}.create-grn-items-list{max-height:300px}.create-grn-quantity-input,.create-grn-price-input{padding:8px 10px!important;font-size:.85rem!important}.create-grn-condition-select,.create-grn-quality-select{padding:8px 10px!important;font-size:.8rem!important}}.create-grn-success{background:linear-gradient(135deg,#00b894,#00a085);border-radius:var(--border-radius);color:#fff;padding:32px;margin:24px auto;max-width:500px;text-align:center;box-shadow:var(--shadow-md);animation:create-grn-slideIn .5s ease-out;border:2px solid #00A085}.create-grn-success-icon{background:#fff3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2.5rem;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3)}.create-grn-success h3{font-size:1.5rem;font-weight:700;margin:0 0 16px;color:#fff}.create-grn-success p{font-size:1rem;margin:8px 0;color:#fffffff2;line-height:1.5}.create-grn-success p strong{color:#fff;font-weight:600}.create-grn-success p:last-child{margin-bottom:0;font-style:italic;opacity:.9}@keyframes create-grn-slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.create-grn-success{margin:16px;padding:24px 20px;max-width:none}.create-grn-success-icon{width:50px;height:50px;font-size:2rem;margin-bottom:16px}.create-grn-success h3{font-size:1.25rem}.create-grn-success p{font-size:.9rem}}:root{--primary-color: #007B83;--primary-hover: #006C72;--secondary-color: #F6F9FA;--success-color: #00B894;--error-color: #E74C3C;--warning-color: #f59e0b;--info-color: #007B83;--border-color: #E0E0E0;--background-light: #F6F9FA;--text-primary: #2C3E50;--text-secondary: #007B83;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--border-radius: 8px}.manage-grn-container{padding:24px;background-color:var(--background-light);min-height:100vh}.manage-grn-header{margin-bottom:32px;text-align:center}.manage-grn-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.manage-grn-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.filters-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:24px;margin-bottom:24px}.filters-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;align-items:end}.search-filter,.status-filter,.lpo-filter,.receivedby-filter{display:flex;flex-direction:column}.filters-row label{font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.875rem}.search-input,.filters-row select,.filters-row input{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s}.search-input:focus,.filters-row select:focus,.filters-row input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.grn-table-container{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.loading-state{padding:80px 20px;text-align:center}.grn-table{width:100%;border-collapse:collapse}.grn-table th{background:var(--background-light);padding:16px 12px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.grn-table td{padding:16px 12px;border-bottom:1px solid var(--border-color);vertical-align:top}.grn-table tbody tr:hover{background:var(--background-light)}.grn-table tbody tr:last-child td{border-bottom:none}.grn-number{font-weight:600;color:var(--primary-color);font-size:.875rem}.manage-grn-lpo-number{font-weight:600;color:#000;font-size:.875rem}.supplier-info .supplier-name{font-weight:500;color:var(--text-primary);margin-bottom:4px}.supplier-info .supplier-phone{font-size:.75rem;color:var(--text-secondary)}.items-count{font-size:.875rem;color:var(--text-secondary)}.total-amount{font-weight:600;color:var(--success-color)}.status-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-badge.received{background:#d1fae5;color:#065f46}.status-badge.partial{background:#fef3c7;color:#92400e}.status-badge.pending{background:#e0e7ff;color:#3730a3}.status-badge.approved{background:#d1fae5;color:#065f46}.status-badge.rejected{background:#fee2e2;color:#991b1b}.stock-status{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stock-status.updated{background:#d1fae5;color:#065f46}.stock-status.pending{background:#fef3c7;color:#92400e}.actions-cell{display:flex;gap:8px;flex-wrap:wrap}.view-btn,.print-btn,.stock-btn,.delete-btn{padding:6px 12px;border:none;border-radius:var(--border-radius);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.view-btn{background:var(--primary-color);color:#fff}.view-btn:hover{background:var(--primary-hover)}.print-btn{background:#9b59b6;color:#fff;text-transform:none;font-size:11px}.print-btn:hover{background:#8e44ad}.stock-btn{background:var(--success-color);color:#fff}.stock-btn:hover{background:#059669}.delete-btn{background:var(--error-color);color:#fff}.delete-btn:hover{background:#dc2626}.pagination{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--background-light)}.page-btn{padding:8px 16px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:var(--border-radius);cursor:pointer;font-weight:500;transition:all .2s}.page-btn:hover:not(:disabled){background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-info{color:var(--text-secondary);font-weight:500}.empty-state{padding:80px 20px;text-align:center;color:var(--text-secondary)}.empty-state h3{color:var(--text-primary);margin-bottom:8px}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-content.details-modal{max-width:1000px}.modal-content.stock-update-modal{max-width:700px}.modal-header{padding:20px 24px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:var(--background-light)}.modal-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-secondary);padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.close-btn:hover{background:var(--border-color);color:var(--text-primary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:20px 24px;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;background:var(--background-light)}.grn-details .details-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.grn-details .details-section:last-child{border-bottom:none;margin-bottom:0}.grn-details h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.details-grid>div{font-size:.875rem;line-height:1.5}.details-grid .full-width{grid-column:span 2}.quality-remarks{margin-top:16px}.quality-remarks p{margin:8px 0 0;padding:12px;background:var(--background-light);border-radius:var(--border-radius);border-left:4px solid var(--primary-color)}.items-table table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.875rem}.items-table th{background:var(--background-light);padding:12px 8px;text-align:left;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-color);font-size:.75rem;text-transform:uppercase}.items-table td{padding:12px 8px;border-bottom:1px solid var(--border-color)}.items-table tbody tr:hover{background:var(--background-light)}.totals-summary{margin-top:20px;padding:16px;background:var(--background-light);border-radius:var(--border-radius)}.total-row{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--text-primary)}.stock-update-info{display:flex;flex-direction:column;gap:24px}.warning-message{padding:16px;background:#fef3c7;border:1px solid var(--warning-color);border-radius:var(--border-radius);border-left:4px solid var(--warning-color)}.warning-message h4{margin:0 0 8px;color:#92400e;font-size:1rem}.warning-message p{margin:0;color:#92400e;font-size:.875rem}.grn-summary h4,.items-to-update h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:.875rem}.summary-grid>div{padding:8px 0;border-bottom:1px solid var(--border-color)}.summary-grid>div:nth-child(5),.summary-grid>div:nth-child(6){border-bottom:none}.items-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-y:auto}.stock-item{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;padding:16px;background:var(--background-light);border-radius:var(--border-radius);border:1px solid var(--border-color);align-items:center}.item-info{display:flex;flex-direction:column;gap:4px}.item-sku{font-weight:600;color:var(--text-primary);font-size:.875rem}.item-description{font-size:.875rem;color:var(--text-secondary)}.item-quantity{display:flex;flex-direction:column;align-items:center;gap:4px}.quantity-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.quantity-value{font-size:1.125rem;font-weight:700;color:var(--success-color)}.item-condition{display:flex;justify-content:center}.condition-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.condition-badge.good{background:#d1fae5;color:#065f46}.condition-badge.fair{background:#fef3c7;color:#92400e}.condition-badge.damaged,.condition-badge.defective{background:#fee2e2;color:#991b1b}.cancel-btn,.confirm-btn,.close-btn-footer{padding:12px 24px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;border:none}.cancel-btn,.close-btn-footer{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.cancel-btn:hover,.close-btn-footer:hover{background:var(--background-light);border-color:var(--secondary-color)}.confirm-btn{background:var(--primary-color);color:#fff}.confirm-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.confirm-btn.update-stock{background:var(--success-color)}.confirm-btn.update-stock:hover:not(:disabled){background:#059669}.confirm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1200px){.filters-row{grid-template-columns:1fr 1fr;gap:16px}.grn-table{font-size:.875rem}.actions-cell{flex-direction:column;gap:4px}}@media (max-width: 1024px){.manage-grn-container{padding:16px}.manage-grn-header h1{font-size:2rem}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.details-grid{grid-template-columns:1fr;gap:12px}.summary-grid{grid-template-columns:1fr;gap:8px}.stock-item{grid-template-columns:1fr;gap:12px;text-align:center}}@media (max-width: 768px){.filters-row{grid-template-columns:1fr;gap:16px}.grn-table-container{overflow-x:auto}.grn-table{min-width:900px}.modal-overlay{padding:10px}.modal-header,.modal-body,.modal-footer{padding:16px}.modal-footer{flex-direction:column}.toast-notification{right:16px;left:16px;top:16px}.items-list{max-height:200px}}@media (max-width: 480px){.manage-grn-header h1{font-size:1.75rem}.manage-grn-header p{font-size:1rem}.pagination{flex-direction:column;gap:12px;text-align:center}.page-info{order:-1}.stock-item{padding:12px}.item-quantity{flex-direction:row;justify-content:space-between}}.config-settings-container{padding:24px;background-color:var(--background-light);min-height:100vh}.config-settings-header{margin-bottom:32px;text-align:center}.config-settings-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.config-settings-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.loading-state{display:flex;justify-content:center;align-items:center;min-height:400px}.current-settings-overview{margin-bottom:32px}.current-settings-overview h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:20px}.settings-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.setting-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .2s,box-shadow .2s}.setting-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.card-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.setting-icon{font-size:1.5rem}.card-content{padding:24px}.setting-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:12px}.setting-details p{margin:4px 0;color:var(--text-secondary);font-size:.875rem}.vat-card .card-header{background:linear-gradient(135deg,#e0e7ff,#f0f9ff)}.currency-card .card-header{background:linear-gradient(135deg,#ecfdf5,#f0fdf4)}.config-tabs-section{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.config-tabs{display:flex;border-bottom:1px solid var(--border-color);background:var(--background-light)}.tab-btn{flex:1;padding:16px 24px;border:none;background:transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;color:var(--text-secondary);position:relative}.tab-btn:hover{background:#fff;color:var(--text-primary)}.tab-btn.active{background:#fff;color:var(--primary-color);border-bottom:3px solid var(--primary-color)}.tab-content{padding:32px}.tab-panel{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-header{margin-bottom:32px;text-align:center}.panel-header h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.panel-header p{color:var(--text-secondary);margin:0}.vat-form,.currency-form{max-width:800px;margin:0 auto}.form-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border-color)}.form-section:last-child{border-bottom:none;margin-bottom:0}.form-section h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:var(--error-color)}.error-text{color:var(--error-color);font-size:.875rem;margin-top:4px;font-weight:500}.field-hint{color:var(--text-secondary);font-size:.75rem;margin-top:4px;line-height:1.4}.vat-preview,.currency-preview{background:var(--background-light);border-radius:var(--border-radius);padding:20px;margin-top:24px}.vat-preview h4,.currency-preview h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.preview-grid{display:flex;flex-direction:column;gap:12px}.preview-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.preview-item:last-child{border-bottom:none}.preview-item.total{font-weight:600;color:var(--text-primary);border-top:2px solid var(--border-color);padding-top:12px;margin-top:8px}.preview-examples{display:flex;flex-direction:column;gap:12px}.example-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.example-item span:last-child{font-weight:600;color:var(--success-color)}.common-currencies{margin-bottom:32px}.common-currencies h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 20px;text-align:center}.currency-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.currency-option{padding:16px;background:#fff;border:2px solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;transition:all .2s;text-align:center;display:flex;flex-direction:column;gap:4px}.currency-option:hover{border-color:var(--primary-color);background:var(--background-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.currency-option.selected{border-color:var(--primary-color);background:#2563eb0d;box-shadow:0 0 0 3px #2563eb1a}.currency-code{font-weight:700;font-size:1.125rem;color:var(--text-primary)}.currency-symbol{font-size:1.5rem;color:var(--primary-color);margin:4px 0}.currency-name{font-size:.875rem;color:var(--text-secondary)}.form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:24px;border-top:1px solid var(--border-color);margin-top:32px}.reset-btn,.submit-btn{padding:12px 24px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.reset-btn{background:#fff;color:var(--text-secondary);border:1px solid var(--border-color)}.reset-btn:hover:not(:disabled){background:var(--background-light);border-color:var(--secondary-color)}.submit-btn{background:var(--primary-color);color:#fff;border:none}.submit-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.reset-btn:disabled,.submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.initialize-section{display:flex;justify-content:center;margin-top:32px}.initialize-card{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:32px;text-align:center;max-width:500px;width:100%}.initialize-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 12px}.initialize-card p{color:var(--text-secondary);margin:0 0 24px}.initialize-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px;margin:0 auto}.initialize-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.initialize-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 1024px){.config-settings-container{padding:16px}.config-settings-header h1{font-size:2rem}.settings-cards{grid-template-columns:1fr;gap:16px}.tab-content{padding:24px}.form-row{grid-template-columns:1fr;gap:16px}.currency-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}}@media (max-width: 768px){.config-tabs{flex-direction:column}.tab-btn{padding:12px 16px;border-bottom:1px solid var(--border-color)}.tab-btn.active{border-bottom:1px solid var(--border-color);border-left:3px solid var(--primary-color)}.tab-content{padding:16px}.panel-header{margin-bottom:24px}.form-actions{flex-direction:column}.currency-grid{grid-template-columns:1fr}.preview-grid,.preview-examples{gap:8px}.example-item,.preview-item{flex-direction:column;align-items:flex-start;gap:4px}.toast-notification{right:16px;left:16px;top:16px}}@media (max-width: 480px){.config-settings-header h1{font-size:1.75rem}.config-settings-header p{font-size:1rem}.card-content{padding:16px}.setting-value{font-size:1.5rem}.currency-option{padding:12px}.currency-symbol{font-size:1.25rem}.initialize-card{padding:24px 16px}}:root{--primary-color: #007B83;--primary-hover: #006C72;--secondary-color: #F6F9FA;--success-color: #00B894;--error-color: #E74C3C;--warning-color: #f59e0b;--info-color: #007B83;--border-color: #E0E0E0;--background-light: #F6F9FA;--text-primary: #2C3E50;--text-secondary: #007B83;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--border-radius: 8px}.reports-dashboard-container{padding:24px;background-color:var(--background-light);min-height:100vh}.reports-header{margin-bottom:32px;text-align:center}.reports-header h1{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:8px}.reports-header p{font-size:1.125rem;color:var(--text-secondary);margin:0}.toast-notification{position:fixed;top:20px;right:20px;padding:16px 24px;border-radius:var(--border-radius);color:#fff;font-weight:500;z-index:1000;animation:slideIn .3s ease-out;max-width:400px}.toast-notification.success{background-color:var(--success-color)}.toast-notification.error{background-color:var(--error-color)}.toast-notification.info{background-color:var(--primary-color)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.report-tabs{display:flex;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden;margin-bottom:24px}.tab-btn{flex:1;padding:16px 24px;border:none;background:transparent;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;color:var(--text-secondary);border-bottom:3px solid transparent}.tab-btn:hover{background:var(--background-light);color:var(--text-primary)}.tab-btn.active{background:var(--background-light);color:var(--primary-color);border-bottom-color:var(--primary-color)}.tab-icon{font-size:1.125rem}.report-filters{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:24px;margin-bottom:24px}.filters-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.filter-group{display:flex;flex-direction:column}.filter-group label{font-weight:500;color:var(--text-primary);margin-bottom:6px;font-size:.875rem}.filter-group input,.filter-group select{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:1rem;transition:border-color .2s}.filter-group input:focus,.filter-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.filter-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.generate-btn{background:var(--primary-color);color:#fff;border:none;padding:12px 24px;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.generate-btn:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.generate-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.export-buttons{display:flex;gap:8px}.export-btn{padding:8px 16px;border:1px solid var(--border-color);background:#fff;color:var(--text-primary);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.export-btn:hover{background:var(--background-light);border-color:var(--primary-color)}.export-btn.pdf{color:#dc2626;border-color:#fecaca}.export-btn.excel{color:#059669;border-color:#a7f3d0}.export-btn.csv{color:var(--warning-color);border-color:#fde68a}.report-content{background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-md);overflow:hidden}.report-header{padding:24px;border-bottom:1px solid var(--border-color);background:var(--background-light)}.report-header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 8px}.report-meta{display:flex;gap:24px;font-size:.875rem;color:var(--text-secondary)}.loading-state,.no-data-state{padding:80px 20px;text-align:center}.no-data-state h3{color:var(--text-primary);margin-bottom:8px}.no-data-state p{color:var(--text-secondary);margin:0}.report-data{padding:24px}.dashboard-report{display:flex;flex-direction:column;gap:32px;width:100%;overflow:hidden}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s;min-height:120px;box-sizing:border-box}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-icon{font-size:2.2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.card-content{flex:1;min-width:0}.card-content h3{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.card-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.2;word-break:break-word}.card-change{font-size:.8rem;font-weight:500;margin:0}.card-change.positive{color:var(--success-color)}.card-change.negative{color:var(--error-color)}.card-change.neutral{color:var(--text-secondary)}.sales-card .card-icon{background:linear-gradient(135deg,#007b83,#00a0aa);color:#fff}.purchases-card .card-icon{background:linear-gradient(135deg,#00b894,#00d2aa);color:#fff}.profit-card .card-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff}.vat-card .card-icon{background:linear-gradient(135deg,#e74c3c,#ff6b6b);color:#fff}.charts-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%;margin-top:20px}.chart-container{background:var(--background-light);border-radius:var(--border-radius);padding:16px;border:1px solid var(--border-color);box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;height:450px}.chart-container h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 12px;border-bottom:1px solid var(--border-color);padding-bottom:8px}.chart-placeholder{background:#fff;border-radius:var(--border-radius);padding:0;text-align:left;color:var(--text-secondary);border:1px solid var(--border-color);flex-grow:1;overflow:hidden;display:flex;flex-direction:column;width:100%}.reports-items-wrapper,.reports-transactions-wrapper{width:100%;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px #0000001a;background:#fff;margin-top:0;display:flex;flex-direction:column;height:100%;flex-grow:1;min-width:100%}.reports-items-header,.reports-transactions-header{display:grid;padding:12px 16px;background:var(--primary-color);color:#fff;font-weight:600;font-size:.85rem;border-bottom:2px solid var(--primary-color);width:100%;box-sizing:border-box}.reports-items-header{grid-template-columns:minmax(50%,1fr) minmax(20%,auto) minmax(20%,auto);gap:16px}.reports-transactions-header{grid-template-columns:minmax(25%,auto) minmax(30%,1fr) minmax(20%,auto) minmax(15%,auto);gap:16px}.reports-items-body,.reports-transactions-body{max-height:350px;overflow-y:auto;width:100%;box-sizing:border-box}.reports-item-row,.reports-transaction-row{display:grid;gap:16px;padding:12px 16px;border-bottom:1px solid var(--border-color);transition:all .2s ease;align-items:center;width:100%;box-sizing:border-box}.reports-item-row{grid-template-columns:minmax(50%,1fr) minmax(20%,auto) minmax(20%,auto)}.reports-transaction-row{grid-template-columns:minmax(25%,auto) minmax(30%,1fr) minmax(20%,auto) minmax(15%,auto)}.reports-item-row:hover,.reports-transaction-row:hover{background-color:var(--background-light);cursor:pointer}.reports-item-cell,.reports-transaction-cell{font-size:.875rem}.reports-header-cell{text-align:left;font-weight:600}.reports-header-cell.reports-quantity-header,.reports-header-cell.reports-payment-header{text-align:center}.reports-header-cell.reports-value-header,.reports-header-cell.reports-amount-header{text-align:right}.reports-item-cell.reports-item-name,.reports-transaction-cell.reports-customer-cell{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-item-cell.reports-item-quantity,.reports-transaction-cell.reports-payment-cell{text-align:center}.reports-item-cell.reports-item-value,.reports-transaction-cell.reports-amount-cell{text-align:right;font-weight:700;color:var(--success-color)}.reports-qty-badge{background:var(--secondary-color);color:var(--primary-color);padding:4px 12px;border-radius:12px;font-weight:600;font-size:.8rem;display:inline-block;min-width:60px;text-align:center}.reports-invoice-badge{background:var(--secondary-color);color:var(--primary-color);padding:4px 8px;border-radius:6px;font-weight:600;font-size:.75rem;display:inline-block;min-width:120px;text-align:center}.reports-payment-badge{padding:4px 8px;border-radius:4px;font-weight:600;font-size:.75rem;display:inline-block;min-width:60px;text-align:center;text-transform:uppercase}.reports-payment-cash{background:#d1fae5;color:#065f46}.reports-payment-pdc{background:#fef3c7;color:#92400e}.reports-payment-card{background:#dbeafe;color:#1e40af}.reports-payment-mixed{background:#f3e8ff;color:#7c3aed}.reports-no-data{text-align:center;color:var(--text-secondary);font-style:italic;padding:24px 16px;background:var(--background-light);border-radius:var(--border-radius);margin:0;border:2px dashed var(--border-color);flex-grow:1;display:flex;align-items:center;justify-content:center}.report-summary{margin-bottom:24px;padding:20px;background:var(--background-light);border-radius:var(--border-radius)}.report-summary h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.stat-item span:first-child{color:var(--text-secondary);font-size:.875rem}.stat-item span:last-child{font-weight:600;color:var(--text-primary)}.rep-supplier-report{display:flex;flex-direction:column;gap:24px}.rep-supplier-summary{margin-bottom:24px;padding:20px;background:var(--background-light);border-radius:var(--border-radius)}.rep-supplier-summary h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.rep-supplier-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rep-supplier-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.rep-supplier-stat-item span:first-child{color:var(--text-secondary);font-size:.875rem}.rep-supplier-stat-item span:last-child{font-weight:600;color:var(--text-primary)}.rep-supplier-table{overflow-x:auto;width:100%}.rep-supplier-section{margin-bottom:24px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.rep-supplier-section h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding:16px 20px;background:var(--background-light);border-bottom:1px solid var(--border-color)}.rep-supplier-section table{width:100%;border-collapse:collapse}.rep-supplier-section th{text-align:left;padding:12px 16px;background:var(--secondary-color);color:var(--text-primary);font-weight:600;font-size:.875rem;border-bottom:1px solid var(--border-color)}.rep-supplier-section td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.875rem}.rep-supplier-section tr:hover{background-color:var(--background-light)}.rep-supplier-section p{padding:20px;text-align:center;color:var(--text-secondary);margin:0}.rep-period-report{display:flex;flex-direction:column;gap:24px}.rep-period-summary{margin-bottom:24px;padding:20px;background:var(--background-light);border-radius:var(--border-radius)}.rep-period-summary h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 16px}.rep-period-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.rep-period-stat-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border-radius:var(--border-radius);border:1px solid var(--border-color)}.rep-period-stat-item span:first-child{color:var(--text-secondary);font-size:.875rem}.rep-period-stat-item span:last-child{font-weight:600;color:var(--text-primary)}.rep-period-table{overflow-x:auto;width:100%}.rep-period-section{margin-bottom:24px;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow-sm);overflow:hidden}.rep-period-section h5{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;padding:16px 20px;background:var(--background-light);border-bottom:1px solid var(--border-color)}.rep-period-section table{width:100%;border-collapse:collapse}.rep-period-section th{text-align:left;padding:12px 16px;background:var(--secondary-color);color:var(--text-primary);font-weight:600;font-size:.875rem;border-bottom:1px solid var(--border-color)}.rep-period-section td{padding:12px 16px;border-bottom:1px solid var(--border-color);font-size:.875rem}.rep-period-section tr:hover{background-color:var(--background-light)}.rep-period-section p{padding:20px;text-align:center;color:var(--text-secondary);margin:0}.suppliers-table,.items-table,.periods-table,.departments-table{overflow-x:auto}.performance-badge{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.performance-badge.excellent{background:#d1fae5;color:#065f46}.performance-badge.good{background:#dbeafe;color:#1e40af}.performance-badge.average{background:#fef3c7;color:#92400e}.performance-badge.poor{background:#fee2e2;color:#991b1b}.status-badge{padding:3px 8px;border-radius:4px;font-size:.8rem;font-weight:500}.status-badge.low{background-color:var(--warning-color);color:#fff}.status-badge.normal{background-color:var(--success-color);color:#fff}.low-stock-indicator{color:var(--warning-color);font-weight:700}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:20px}.metric-card{background:var(--secondary-color);padding:15px;border-radius:var(--border-radius);text-align:center;border:1px solid var(--border-color)}.metric-card h6{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px;font-weight:500}.metric-value{font-size:1.4rem;font-weight:700;color:var(--primary-color)}.metric-value.warning{color:var(--warning-color)}.metric-value.error{color:var(--error-color)}.operations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.operation-section{background:var(--background-light);padding:15px;border-radius:var(--border-radius);border:1px solid var(--border-color)}.operation-section h6{color:var(--primary-color);font-size:1rem;margin-bottom:10px;font-weight:600}@media (max-width: 1200px){.charts-section{grid-template-columns:1fr;gap:16px}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.summary-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.report-data{padding:16px}.chart-container{height:auto;min-height:350px}.reports-items-body,.reports-transactions-body{max-height:300px}}@media (max-width: 1024px){.reports-dashboard-container{padding:16px}.reports-header h1{font-size:2rem}.filter-actions{flex-direction:column;gap:12px}.export-buttons{flex-wrap:wrap;gap:8px}.report-meta{font-size:.8rem;flex-direction:column;gap:4px}.summary-cards{grid-template-columns:1fr;gap:12px}.summary-card{padding:16px;min-height:100px}.card-icon{font-size:1.8rem;width:48px;height:48px}.card-value{font-size:1.5rem}.chart-container{min-height:300px}.reports-items-body,.reports-transactions-body{max-height:250px}.charts-section{display:flex;flex-direction:column;gap:20px}}@media (max-width: 768px){.report-tabs{overflow-x:auto;scrollbar-width:thin}.tab-btn{flex-shrink:0;padding:10px 16px;font-size:.8rem}.tab-btn.active{min-width:auto}.filters-row{flex-direction:column;gap:12px}.summary-cards{gap:10px}.summary-card{padding:12px;min-height:80px;flex-direction:column;text-align:center;gap:8px}.card-icon{margin-bottom:4px}.summary-stats{grid-template-columns:1fr;gap:8px}.chart-container{padding:10px}.chart-container h4{font-size:.85rem;margin-bottom:8px}.chart-placeholder{max-height:200px}.report-data{padding:12px}.suppliers-table,.items-table,.periods-table,.company-sections{overflow-x:auto;-webkit-overflow-scrolling:touch}.toast-notification{left:10px;right:10px;transform:none}}@media (max-width: 480px){.reports-header h1{font-size:1.5rem}.reports-header p{font-size:.8rem}.summary-card{padding:10px;min-height:70px}.card-icon{font-size:1.5rem;width:40px;height:40px}.card-value{font-size:1.2rem}.card-content h3{font-size:.75rem}.card-change{font-size:.7rem}.export-buttons{justify-content:center}.stat-item{flex-direction:column;text-align:center}.chart-container{min-height:250px}.reports-items-body,.reports-transactions-body{max-height:200px}.reports-items-header,.reports-item-row,.reports-transactions-header{grid-template-columns:1fr 1fr}.reports-transaction-row{grid-template-columns:1fr 1fr;gap:8px}.reports-header-cell.reports-quantity-header,.reports-header-cell.reports-payment-header{display:none}.reports-item-cell.reports-item-quantity,.reports-transaction-cell.reports-payment-cell{grid-column:2;text-align:right}.reports-item-cell.reports-item-name,.reports-transaction-cell.reports-customer-cell{grid-column:1}.reports-item-cell.reports-item-value,.reports-transaction-cell.reports-amount-cell{grid-column:1 / span 2;text-align:right;margin-top:8px}.reports-invoice-cell{grid-column:1 / span 2;margin-bottom:4px}}@media print{@page{margin:.3in;size:A4}*{-webkit-print-color-adjust:exact!important;color-adjust:exact!important;print-color-adjust:exact!important;box-shadow:none!important;text-shadow:none!important;border:none!important;outline:none!important}body{font-family:Arial,sans-serif!important;margin:0!important;padding:8pt!important;font-size:8pt!important;line-height:1.1!important;color:#000!important;background:#fff!important;position:relative!important;min-height:100vh!important}.sidebar,.app-sidebar,.navigation,.nav-sidebar,.menu-sidebar,.side-nav,.app-nav{display:none!important}.main-content,.app-main,.content-area,.main-wrapper{margin:0!important;padding:0!important;width:100%!important;max-width:none!important}.app-container{display:block!important;width:100%!important;margin:0!important;padding:0!important}.reports-dashboard-container{width:100%!important;margin:0!important;padding:0!important;background:#fff!important;box-shadow:none!important}.report-tabs,.report-filters,.filter-actions,.export-buttons,.generate-btn,.toast-notification,button,.tab-btn{display:none!important}.reports-header{text-align:center!important;margin-bottom:8pt!important;padding:6pt!important;border:1pt solid #000!important}.reports-header h1{font-size:16pt!important;font-weight:700!important;color:#007b83!important;margin:0 0 3pt!important}.reports-header p{font-size:8pt!important;color:#666!important;margin:0!important}.report-content{width:100%!important;margin:0!important;padding:0!important;background:#fff!important}.report-header{text-align:center!important;margin:6pt 0!important;border-bottom:1pt solid #000!important;padding-bottom:3pt!important}.report-header h2{font-size:12pt!important;font-weight:700!important;color:#007b83!important;margin:0!important}.report-meta{font-size:7pt!important;color:#666!important;margin-top:3pt!important}.report-meta span{margin-right:15pt!important}.report-data{margin:6pt 0!important}.dashboard-report{width:100%!important;margin:0!important}.summary-cards{display:table!important;width:100%!important;border-collapse:collapse!important;margin-bottom:8pt!important}.summary-card{display:table-row!important;background:none!important;box-shadow:none!important}.summary-card:hover{background:none!important}.card-icon{display:none!important}.card-content{display:table-cell!important;padding:6pt 8pt!important;border:1pt solid #000!important;vertical-align:middle!important;text-align:left!important}.card-content h3{font-size:8pt!important;font-weight:700!important;color:#000!important;margin:0 0 2pt!important;text-transform:uppercase!important}.card-content h3:after{content:":"!important}.card-value{font-size:10pt!important;font-weight:700!important;color:#007b83!important;margin:0!important}.card-change{font-size:6pt!important;color:#666!important;margin-top:1pt!important}.card-change:before{content:"("!important}.card-change:after{content:")"!important}.charts-section{width:100%!important;margin:8pt 0!important}.chart-container{width:100%!important;margin-bottom:12pt!important;page-break-inside:avoid!important;background:#fff!important;box-shadow:none!important;border:none!important}.chart-container h4{font-size:10pt!important;font-weight:700!important;color:#007b83!important;margin:0 0 6pt!important;text-align:left!important;border-bottom:1pt solid #000!important;padding-bottom:2pt!important}.chart-placeholder{width:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;box-shadow:none!important}.reports-items-wrapper,.reports-transactions-wrapper{width:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;border-radius:0!important}.reports-items-header .reports-header-cell,.reports-transactions-header .reports-header-cell{font-size:7pt!important;font-weight:700!important;color:#000!important;padding:3pt!important;text-align:left!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:none!important}.reports-item-row,.reports-transaction-row{background:#fff!important;border-bottom:1pt solid #ddd!important}.reports-item-cell,.reports-transaction-cell{font-size:6.5pt!important;padding:2pt!important;color:#000!important;text-align:left!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border:none!important}.reports-item-cell:last-child,.reports-transaction-cell:last-child{text-align:right!important}.reports-item-cell.reports-item-value,.reports-transaction-cell.reports-amount-cell{font-weight:700!important;color:#007b83!important}th{background-color:#f2f2f2!important;border-bottom:1pt solid #000!important;padding:3pt!important;text-align:left!important;font-weight:700!important;font-size:7pt!important;color:#000!important;border-left:none!important;border-right:none!important;border-top:none!important}tr{background:#fff!important;page-break-inside:avoid!important}tr:hover{background:#fff!important}.reports-qty-badge,.reports-invoice-badge,.reports-payment-badge,.status-badge,.performance-badge{font-size:6pt!important;padding:1pt 3pt!important;background:#f0f0f0!important;color:#000!important;border:1pt solid #ccc!important;border-radius:2pt!important;font-weight:700!important;text-transform:uppercase!important}.reports-no-data,.no-data-message,.no-data-state p{font-size:8pt!important;color:#666!important;text-align:center!important;padding:12pt!important;font-style:italic!important}.report-summary,.rep-supplier-summary,.rep-period-summary{margin-bottom:6pt!important;padding:4pt!important;background:#f9f9f9!important;border:1pt solid #ddd!important}.report-summary h4,.rep-supplier-summary h4,.rep-period-summary h4{font-size:9pt!important;font-weight:700!important;color:#007b83!important;margin:0 0 4pt!important;text-transform:uppercase!important}.summary-stats,.rep-supplier-stats,.rep-period-stats{display:grid!important;grid-template-columns:1fr 1fr!important;gap:4pt!important}.stat-item,.rep-supplier-stat-item,.rep-period-stat-item{display:flex!important;justify-content:space-between!important;font-size:7pt!important;padding:2pt 0!important;border-bottom:1pt solid #eee!important}.stat-item span,.rep-supplier-stat-item span,.rep-period-stat-item span{color:#000!important}.stat-item span:last-child,.rep-supplier-stat-item span:last-child,.rep-period-stat-item span:last-child{font-weight:700!important;color:#007b83!important}.metrics-grid{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:4pt!important}.metric-card{padding:4pt!important;background:#f9f9f9!important;border:1pt solid #ddd!important;text-align:center!important;page-break-inside:avoid!important}.metric-card h6{font-size:7pt!important;font-weight:700!important;color:#000!important;margin:0 0 2pt!important;text-transform:uppercase!important}.metric-card h6:after{content:":"!important}.metric-value{font-size:9pt!important;font-weight:700!important;color:#007b83!important}.operations-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8pt!important}.operation-section{width:100%!important;page-break-inside:avoid!important;background:#fff!important;border:1pt solid #ddd!important;padding:4pt!important}.operation-section h6{font-size:8pt!important;font-weight:700!important;color:#007b83!important;margin:0 0 4pt!important;text-transform:uppercase!important;border-bottom:1pt solid #ddd!important;padding-bottom:2pt!important}.rep-supplier-report,.item-report,.rep-period-report,.company-report{width:100%!important;margin:0!important;padding:0!important}.rep-supplier-section,.report-section,.rep-period-section{width:100%!important;margin-bottom:12pt!important;page-break-inside:avoid!important;background:#fff!important;border:1pt solid #ddd!important;padding:4pt!important}.rep-supplier-section h5,.report-section h5,.rep-period-section h5{font-size:9pt!important;font-weight:700!important;color:#007b83!important;margin:0 0 6pt!important;text-transform:uppercase!important;border-bottom:1pt solid #007B83!important;padding-bottom:2pt!important}.loading-state{display:none!important}.no-data-state h3{font-size:12pt!important;color:#666!important;text-align:center!important}.no-data-state p{font-size:9pt!important;color:#999!important;text-align:center!important}.dashboard-report,.rep-supplier-report,.item-report,.rep-period-report,.company-report,.chart-container{page-break-inside:avoid!important}thead{display:table-header-group!important}tfoot{display:table-footer-group!important}*{scrollbar-width:none!important}*::-webkit-scrollbar{display:none!important}table,.rep-supplier-section table,.report-section table,.rep-period-section table{table-layout:fixed!important;width:100%!important;font-size:6.5pt!important;border-collapse:collapse!important;margin:4pt 0!important;border:1pt solid #000!important}table th,table td{padding:2pt!important;font-size:6.5pt!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:normal!important;-webkit-hyphens:none!important;hyphens:none!important;border-left:none!important;border-right:none!important}table th:first-child,table td:first-child,.rep-supplier-section table th:first-child,.rep-supplier-section table td:first-child,.report-section table th:first-child,.report-section table td:first-child,.rep-period-section table th:first-child,.rep-period-section table td:first-child{display:none!important}.operation-section table th:nth-child(1),.operation-section table td:nth-child(1){width:40%!important}.operation-section table th:nth-child(2),.operation-section table td:nth-child(2){width:30%!important}.operation-section table th:nth-child(3),.operation-section table td:nth-child(3){width:30%!important}.rep-supplier-section table th:nth-child(1),.rep-supplier-section table td:nth-child(1){width:25%!important}.rep-supplier-section table th:nth-child(2),.rep-supplier-section table td:nth-child(2){width:15%!important}.rep-supplier-section table th:nth-child(3),.rep-supplier-section table td:nth-child(3){width:12%!important}.rep-supplier-section table th:nth-child(4),.rep-supplier-section table td:nth-child(4){width:18%!important}.rep-supplier-section table th:nth-child(5),.rep-supplier-section table td:nth-child(5){width:15%!important}.rep-supplier-section table th:nth-child(6),.rep-supplier-section table td:nth-child(6){width:15%!important}.report-section table th:nth-child(1),.report-section table td:nth-child(1){width:15%!important}.report-section table th:nth-child(2),.report-section table td:nth-child(2){width:25%!important}.report-section table th:nth-child(3),.report-section table td:nth-child(3){width:10%!important}.report-section table th:nth-child(4),.report-section table td:nth-child(4){width:15%!important}.report-section table th:nth-child(5),.report-section table td:nth-child(5){width:12%!important}.report-section table th:nth-child(6),.report-section table td:nth-child(6){width:12%!important}.report-section table th:nth-child(7),.report-section table td:nth-child(7){width:11%!important}.rep-period-section table th:nth-child(1),.rep-period-section table td:nth-child(1){width:12%!important}.rep-period-section table th:nth-child(2),.rep-period-section table td:nth-child(2){width:10%!important}.rep-period-section table th:nth-child(3),.rep-period-section table td:nth-child(3){width:15%!important}.rep-period-section table th:nth-child(4),.rep-period-section table td:nth-child(4){width:12%!important}.rep-period-section table th:nth-child(5),.rep-period-section table td:nth-child(5){width:13%!important}.rep-period-section table th:nth-child(6),.rep-period-section table td:nth-child(6){width:12%!important}.rep-period-section table th:nth-child(7),.rep-period-section table td:nth-child(7){width:13%!important}.rep-period-section table th:nth-child(8),.rep-period-section table td:nth-child(8){width:13%!important}.reports-items-wrapper,.reports-transactions-wrapper{border:1pt solid #000!important}.reports-items-header,.reports-transactions-header{background:#f2f2f2!important;border-bottom:1pt solid #000!important}.reports-items-header .reports-header-cell,.reports-transactions-header .reports-header-cell{padding:3pt!important;font-weight:700!important;text-align:left!important;font-size:7pt!important;color:#000!important;border:none!important}.reports-items-body,.reports-transactions-body{background:#fff!important}.reports-item-row,.reports-transaction-row{border-bottom:1pt solid #ddd!important}.reports-item-cell,.reports-transaction-cell{padding:2pt!important;font-size:6.5pt!important;color:#000!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;border:none!important}.reports-items-header .reports-header-cell:nth-child(1),.reports-item-cell:nth-child(1){width:50%!important}.reports-items-header .reports-header-cell:nth-child(2),.reports-item-cell:nth-child(2){width:25%!important}.reports-items-header .reports-header-cell:nth-child(3),.reports-item-cell:nth-child(3){width:25%!important}.reports-transactions-header .reports-header-cell:nth-child(1),.reports-transaction-cell:nth-child(1){width:20%!important}.reports-transactions-header .reports-header-cell:nth-child(2),.reports-transaction-cell:nth-child(2){width:30%!important}.reports-transactions-header .reports-header-cell:nth-child(3),.reports-transaction-cell:nth-child(3){width:25%!important}.reports-transactions-header .reports-header-cell:nth-child(4),.reports-transaction-cell:nth-child(4){width:25%!important}.vat-report{display:flex;flex-direction:column;gap:24px;width:100%}.vat-summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:20px}.vat-summary-card{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s;min-height:120px;box-shadow:var(--shadow-sm)}.vat-summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.vat-card-icon{font-size:2.2rem;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--primary-color),#00A0AA);color:#fff}.vat-card-content{flex:1;min-width:0}.vat-card-content h3{font-size:.9rem;font-weight:500;color:var(--text-secondary);margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.vat-card-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.2;word-break:break-word}.vat-card-change{font-size:.8rem;font-weight:500;margin:0}.vat-card-change.positive{color:var(--success-color)}.vat-card-change.negative{color:var(--error-color)}.vat-card-change.neutral{color:var(--text-secondary)}.vat-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:20px;margin-bottom:24px;box-shadow:var(--shadow-sm)}.vat-section h5{margin:0 0 16px;color:var(--text-primary);font-size:1.1rem;font-weight:600;border-bottom:2px solid var(--primary-color);padding-bottom:10px}.vat-section table{width:100%;border-collapse:collapse;margin-top:10px;box-shadow:var(--shadow-sm);border:1px solid var(--border-color);border-radius:var(--border-radius);overflow:hidden}.vat-section table th,.vat-section table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-color)}.vat-section table th{background:var(--primary-color);font-weight:600;color:#fff;border-bottom:2px solid var(--primary-hover);white-space:nowrap}.vat-section table tbody tr:nth-child(2n){background-color:var(--background-light)}.vat-section table tbody tr:hover{background-color:#007b830d}.vat-section table td:last-child,.vat-section table th:last-child{text-align:right}.vat-section table td.amount,.vat-section table th.amount{text-align:right;font-weight:600}.comparison-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.comparison-stats .stat-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--background-light);border-radius:var(--border-radius);border-left:4px solid var(--primary-color);box-shadow:var(--shadow-sm)}.comparison-stats .stat-item span:first-child{font-weight:500;color:var(--text-secondary)}.comparison-stats .stat-item span:last-child{font-weight:600;color:var(--text-primary)}.comparison-stats .positive{color:var(--success-color)!important;border-left-color:var(--success-color)}.comparison-stats .negative{color:var(--error-color)!important;border-left-color:var(--error-color)}.comparison-stats .neutral{color:var(--text-secondary)!important}.vat-filters{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;align-items:center}.vat-filter-group{display:flex;align-items:center;gap:8px}.vat-filter-group label{font-weight:500;font-size:.9rem;color:var(--text-primary)}.vat-filter-group select,.vat-filter-group input{padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background:#fff}.vat-checkbox-group{display:flex;align-items:center;gap:8px}.vat-checkbox-group label{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-primary);cursor:pointer}.vat-checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.vat-print-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:10px 16px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:16px}.vat-print-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 1024px){.vat-summary-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.vat-summary-card{padding:16px;min-height:100px}.vat-card-icon{font-size:1.8rem;width:48px;height:48px}.vat-card-value{font-size:1.5rem}.vat-section{padding:16px}.vat-section table th,.vat-section table td{padding:10px 12px}.comparison-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}}@media (max-width: 768px){.vat-summary-cards{grid-template-columns:1fr;gap:12px}.vat-section table{display:block;overflow-x:auto;white-space:nowrap}.vat-section table th,.vat-section table td{padding:8px 10px}.comparison-stats{grid-template-columns:1fr;gap:10px}.vat-filters{flex-direction:column;align-items:flex-start;gap:12px}}.vat-report{page-break-inside:avoid}.vat-summary-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12pt;margin-bottom:16pt}.vat-summary-card{border:1pt solid #000;padding:8pt;background:#fff!important;box-shadow:none!important;min-height:auto}.vat-card-icon{display:none!important}.vat-card-content h3{font-size:8pt!important;font-weight:700!important;color:#000!important;margin:0 0 2pt!important;text-transform:uppercase!important}.vat-card-value{font-size:10pt!important;font-weight:700!important;color:#007b83!important;margin:0!important}.vat-section{border:1pt solid #000;margin-bottom:12pt;padding:8pt;background:#fff!important;box-shadow:none!important;break-inside:avoid}.vat-section h5{border-bottom:1pt solid #000;margin-bottom:8pt;padding-bottom:4pt;font-size:10pt!important;font-weight:700!important;color:#000!important}.vat-section table{border-collapse:collapse;width:100%;border:1pt solid #000;box-shadow:none!important}.vat-section table th,.vat-section table td{border:1pt solid #000;padding:4pt;font-size:8pt!important}.vat-section table th{background:#f0f0f0!important;font-weight:700;color:#000!important}.comparison-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8pt;margin-top:8pt}.comparison-stats .stat-item{border:1pt solid #000;padding:4pt;background:#f9f9f9!important;box-shadow:none!important}.comparison-stats .stat-item span:first-child{font-size:7pt!important;font-weight:400!important;color:#000!important}.comparison-stats .stat-item span:last-child{font-size:8pt!important;font-weight:700!important;color:#000!important}.vat-filters,.vat-print-btn{display:none!important}}.report-dashboard-vat-container{width:100%;display:flex;flex-direction:column;gap:20px;background:#fff;padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.report-dashboard-vat-header{text-align:center;margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--primary-color)}.report-dashboard-vat-header h3{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0 0 8px}.report-dashboard-vat-period{font-size:.9rem;color:var(--text-secondary)}.report-dashboard-vat-no-data{padding:40px 20px;text-align:center;background:var(--background-light);border-radius:var(--border-radius);border:1px dashed var(--border-color)}.report-dashboard-vat-no-data h3{font-size:1.25rem;color:var(--text-primary);margin-bottom:10px}.report-dashboard-vat-no-data p{color:var(--text-secondary);margin:5px 0}.report-dashboard-vat-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:20px}.report-dashboard-vat-card{background:linear-gradient(to right,#f9f9f9,#fff);border:1px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:var(--border-radius);padding:15px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow-sm);transition:all .2s ease}.report-dashboard-vat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.report-dashboard-vat-card-icon{font-size:1.8rem;width:45px;height:45px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#007b831a;color:var(--primary-color);flex-shrink:0}.report-dashboard-vat-card-content{flex:1}.report-dashboard-vat-card-content h4{font-size:.85rem;color:var(--text-secondary);margin:0 0 5px;font-weight:500}.report-dashboard-vat-card-value{font-size:1.4rem;font-weight:700;color:var(--text-primary);white-space:nowrap}.report-dashboard-vat-section{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);margin-bottom:20px;overflow:hidden}.report-dashboard-vat-section-title{background:var(--primary-color);color:#fff;padding:12px 15px;margin:0;font-size:1rem;font-weight:600}.report-dashboard-vat-table-container{padding:10px;overflow-x:auto}.report-dashboard-vat-table{width:100%;border-collapse:collapse;font-size:.9rem}.report-dashboard-vat-table th{background:#f5f5f5;color:var(--text-primary);font-weight:600;text-align:left;padding:10px 12px;border-bottom:2px solid var(--border-color)}.report-dashboard-vat-table td{padding:10px 12px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.report-dashboard-vat-table tr:hover{background-color:#007b830d}.report-dashboard-vat-table tr:nth-child(2n){background-color:#fafafa}.report-dashboard-vat-amount{text-align:right;font-family:monospace;font-weight:600}.report-dashboard-vat-center{text-align:center}.report-dashboard-vat-comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:15px}.report-dashboard-vat-comparison-item{background:#f9f9f9;padding:12px 15px;border-radius:var(--border-radius);border:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.report-dashboard-vat-comparison-item span:first-child{font-weight:500;color:var(--text-secondary)}.report-dashboard-vat-comparison-item span:last-child{font-weight:600;color:var(--text-primary);font-family:monospace}.report-dashboard-vat-positive{border-left:3px solid var(--success-color)}.report-dashboard-vat-positive span:last-child{color:var(--success-color)}.report-dashboard-vat-negative{border-left:3px solid var(--error-color)}.report-dashboard-vat-negative span:last-child{color:var(--error-color)}.report-dashboard-vat-actions{display:flex;justify-content:center;margin-top:10px}.report-dashboard-vat-print-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--border-radius);padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.report-dashboard-vat-print-btn:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 992px){.report-dashboard-vat-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.report-dashboard-vat-container{padding:15px;gap:15px}.report-dashboard-vat-header h3{font-size:1.3rem}.report-dashboard-vat-comparison{grid-template-columns:1fr}}@media (max-width: 576px){.report-dashboard-vat-summary{grid-template-columns:1fr}.report-dashboard-vat-card-value{font-size:1.2rem}.report-dashboard-vat-section-title{font-size:.9rem}.report-dashboard-vat-table th,.report-dashboard-vat-table td{padding:8px 10px;font-size:.8rem}}@media print{.report-dashboard-vat-container{background:#fff!important;padding:0!important;box-shadow:none!important;border:none!important}.report-dashboard-vat-header{text-align:center;border-bottom:2pt solid #000!important;padding-bottom:8pt!important;margin-bottom:15pt!important}.report-dashboard-vat-header h3{font-size:14pt!important;font-weight:700!important;color:#000!important;margin-bottom:4pt!important}.report-dashboard-vat-period{font-size:9pt!important;margin-bottom:4pt!important}.report-dashboard-vat-summary{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10pt!important;margin-bottom:15pt!important}.report-dashboard-vat-card{border:1pt solid #000!important;padding:6pt!important;background:#f5f5f5!important;box-shadow:none!important}.report-dashboard-vat-card-icon{display:none!important}.report-dashboard-vat-card-content h4{font-size:8pt!important;font-weight:700!important;color:#000!important;margin:0 0 2pt!important}.report-dashboard-vat-card-value{font-size:10pt!important;font-weight:700!important;color:#000!important}.report-dashboard-vat-section{border:1pt solid #000!important;margin-bottom:15pt!important;page-break-inside:avoid!important;box-shadow:none!important}.report-dashboard-vat-section-title{background:#f5f5f5!important;color:#000!important;font-weight:700!important;padding:6pt 10pt!important;font-size:10pt!important;border-bottom:1pt solid #000!important}.report-dashboard-vat-table-container{padding:5pt!important}.report-dashboard-vat-table{border-collapse:collapse!important;width:100%!important}.report-dashboard-vat-table th{background:#f5f5f5!important;font-weight:700!important;text-align:left!important;padding:4pt!important;border-bottom:1pt solid #000!important;font-size:8pt!important}.report-dashboard-vat-table td{padding:4pt!important;border-bottom:1pt solid #ddd!important;font-size:8pt!important}.report-dashboard-vat-comparison{padding:8pt!important;gap:8pt!important}.report-dashboard-vat-comparison-item{padding:5pt!important;font-size:8pt!important;border:1pt solid #ddd!important}.report-dashboard-vat-actions{display:none!important}}.report-dashboard-vat-filters{background:#f9f9f9;border:1px solid var(--border-color);border-radius:var(--border-radius);padding:15px;margin-bottom:15px;box-shadow:var(--shadow-sm)}.report-dashboard-vat-filters-row{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}.report-dashboard-vat-filter-group{flex:1;min-width:200px}.report-dashboard-vat-filter-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:5px;color:var(--text-primary)}.report-dashboard-vat-select{width:100%;padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:#fff;font-size:.9rem;color:var(--text-primary);transition:all .2s;appearance:auto}.report-dashboard-vat-select:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 0 2px #007b8333}.report-dashboard-vat-options{display:flex;flex-direction:column;gap:12px;flex:1;min-width:200px}.report-dashboard-vat-checkbox-wrapper{display:flex;align-items:center}.report-dashboard-vat-checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.report-dashboard-vat-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.report-dashboard-vat-checkbox-text{font-size:.9rem;font-weight:500;color:var(--text-primary)}@media (max-width: 992px){.report-dashboard-vat-filters-row{flex-direction:row;flex-wrap:wrap}.report-dashboard-vat-filter-group,.report-dashboard-vat-options{min-width:180px}}@media (max-width: 768px){.report-dashboard-vat-filters{padding:12px}.report-dashboard-vat-filters-row{gap:15px}.report-dashboard-vat-filter-group,.report-dashboard-vat-options{flex:1 0 calc(50% - 15px)}}@media (max-width: 576px){.report-dashboard-vat-filters-row{flex-direction:column;gap:12px}.report-dashboard-vat-filter-group,.report-dashboard-vat-options{width:100%}.report-dashboard-vat-options{flex-direction:row;gap:15px}.report-dashboard-vat-checkbox-wrapper{flex:1}}@media print{.report-dashboard-vat-filters{display:none!important}}