:root{--sidebar-width:250px;--sidebar-collapsed-width:60px;--sidebar-bg:#2e3192;--sidebar-color:#fff;--sidebar-active-bg:#23258a;--sidebar-hover-bg:#3a3da8;--sidebar-accent:#f1592a;--transition-speed:0.3s}.sidebar{background:#2e3192;background:var(--sidebar-bg);color:#fff;color:var(--sidebar-color);height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:all .3s ease;transition:all var(--transition-speed) ease;width:250px;width:var(--sidebar-width);z-index:1000}.sidebar.collapsed{width:60px;width:var(--sidebar-collapsed-width)}.sidebar-header{background:linear-gradient(135deg,#25278a,#2e3192);border-bottom:1px solid #f1592a40;justify-content:space-between;padding:14px 12px}.logo-wrapper,.sidebar-header{align-items:center;display:flex}.logo-wrapper{background:#fff;border-radius:18px;box-shadow:0 8px 22px #0000002e;height:95px;justify-content:center;padding:8px;width:150px}.sidebar-logo{height:100%;object-fit:contain;width:100%}.toggle-btn{background:#fff;border-radius:8px;padding:7px}.sidebar-header h2{color:#fff;color:var(--sidebar-color);font-size:1.2rem;margin:0;white-space:nowrap}.toggle-btn{background:none;border:none;color:#f1592a;color:var(--sidebar-accent);cursor:pointer;font-size:1.3rem;padding:5px}.sidebar-nav ul{list-style:none;margin:0;padding:0}.sidebar-nav li{position:relative}.menu-item{align-items:center;color:#fff;color:var(--sidebar-color);cursor:pointer;display:flex;padding:12px 15px;text-decoration:none;transition:background .3s,color .3s;transition:background var(--transition-speed),color var(--transition-speed);white-space:nowrap}.menu-item:hover{background:#3a3da8;background:var(--sidebar-hover-bg)}.menu-item.active{background:#23258a;background:var(--sidebar-active-bg)}.menu-item .icon{color:#f1592a;color:var(--sidebar-accent);font-size:1.15rem;margin-right:12px}.menu-item.active .icon{color:#fff}.menu-item .arrow{color:#f1592a;color:var(--sidebar-accent);margin-left:auto}.submenu{background:#ffffff0d;max-height:0;overflow:hidden;transition:max-height .3s ease;transition:max-height var(--transition-speed) ease}.submenu.open{max-height:600px}.submenu li a{align-items:center;color:#fff;color:var(--sidebar-color);display:flex;padding:10px 15px 10px 45px;text-decoration:none;transition:background .3s,color .3s;transition:background var(--transition-speed),color var(--transition-speed)}.submenu li a:hover{background:#3a3da8;background:var(--sidebar-hover-bg)}.submenu li a.active{background:#23258a;background:var(--sidebar-active-bg)}.submenu-icon{color:#f1592a;color:var(--sidebar-accent);margin-right:10px}.submenu li a.active .submenu-icon{color:#fff}.mobile-menu-button{background:#2e3192;background:var(--sidebar-bg);border:none;border-radius:6px;color:#f1592a;color:var(--sidebar-accent);cursor:pointer;display:none;left:10px;padding:8px;position:fixed;top:10px;z-index:999}.sidebar-overlay{background:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar.mobile{transform:translateX(-100%);transition:transform .3s ease;transition:transform var(--transition-speed) ease;width:250px;width:var(--sidebar-width)}.sidebar.mobile.open{transform:translateX(0)}@media (max-width:767px){.mobile-menu-button{display:block}.sidebar:not(.mobile){display:none}.sidebar.collapsed{width:250px;width:var(--sidebar-width)}}@media (min-width:768px){.mobile-menu-button,.sidebar-overlay{display:none}.sidebar.mobile{transform:translateX(0)}}.modal-overlay{height:100%;width:100%}.modal-content{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:10px;box-shadow:0 10px 25px #0003;max-width:90%;padding:20px 25px;width:400px}.modal-header{gap:10px;margin-bottom:15px}.modal-header-icon{color:#00028b;font-size:24px}.modal-header h3{color:#000;font-size:1.4rem}.modal-form label{color:#333;display:block;font-weight:500;margin-top:15px}.modal-form input{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-top:5px;padding:10px 12px;transition:border .2s;width:100%}.modal-form input:focus{border-color:#00028b;outline:none}.modal-actions{margin-top:20px}.btn-save{align-items:center;background-color:#00028b;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;gap:5px;padding:10px 18px;transition:background .2s}.btn-save:hover{background-color:#ff8601}.btn-cancel{align-items:center;background-color:#f5f5f5;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;gap:5px;padding:10px 18px;transition:background .2s}.btn-cancel:hover{background-color:#e0e0e0}:root{--header-bg:#fff;--text-primary:#1f2937;--text-secondary:#6b7280;--accent-color:#2e3192;--accent-secondary:#f1592a;--border-color:#e5e7eb;--hover-bg:#f3f4f6;--shadow:0 1px 3px #0000001a}.app-header{align-items:center;background:#fff;background:var(--header-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000001a;box-shadow:var(--shadow);display:flex;height:70px;justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.mobile-menu-btn{background:none;border:none;border-radius:6px;color:#1f2937;color:var(--text-primary);cursor:pointer;display:none;font-size:1.25rem;padding:.5rem;transition:background-color .2s}.mobile-menu-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.search-container{flex:1 1;margin:0 2rem;max-width:400px}.search-form{width:100%}.search-input-group{align-items:center;display:flex;position:relative}.search-icon{color:#6b7280;color:var(--text-secondary);z-index:1}.search-input{background:#f9fafb;border:1px solid #e5e7eb;border:1px solid var(--border-color);transition:all .2s}.search-input:focus{background:#fff;border-color:var(--accent-color)}.notification-btn{background:none;border:none;border-radius:6px;color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:1.25rem;padding:.5rem;position:relative;transition:background-color .2s}.notification-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.notification-badge{align-items:center;background:#ef4444;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:2px;top:2px;width:18px}.user-profile-container{position:relative}.user-profile-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.5rem;transition:background-color .2s}.user-profile-btn:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.user-avatar{background:linear-gradient(135deg,#2e3192,#f1592a);overflow:hidden}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{align-items:flex-start;flex-direction:column}.user-name{color:#1f2937;color:var(--text-primary);font-size:.9rem}.user-role{color:#6b7280;color:var(--text-secondary);font-size:.8rem;text-transform:capitalize}.dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;margin-top:.5rem;position:absolute;right:0;top:100%;width:280px;z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background:#f9fafb;border-radius:8px 8px 0 0;display:flex;gap:.75rem;padding:1rem}.dropdown-avatar{align-items:center;background:linear-gradient(135deg,#2e3192,#f1592a);border-radius:50%;color:#fff;display:flex;font-weight:600;height:48px;justify-content:center;overflow:hidden;width:48px}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-user-info{display:flex;flex-direction:column}.dropdown-name{color:#1f2937;color:var(--text-primary);font-weight:600}.dropdown-email{color:#6b7280;color:var(--text-secondary);font-size:.8rem}.dropdown-divider{background:#e5e7eb;background:var(--border-color);height:1px;margin:.25rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background-color .2s;width:100%}.dropdown-item:hover{background-color:#f3f4f6;background-color:var(--hover-bg)}.dropdown-icon{color:#6b7280;color:var(--text-secondary);font-size:1.1rem}.logout-item,.logout-item .dropdown-icon{color:#ef4444}.dropdown-overlay{background:#0000;bottom:0;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:768px){.app-header{padding:0 1rem}.mobile-menu-btn{display:block}.search-container{margin:0 1rem;max-width:300px}.user-info{display:none}.dropdown-menu{right:-10px;width:250px}}@media (max-width:480px){.notification-btn,.search-container{display:none}.header-actions{gap:.5rem}}.pending-user-item{border-bottom:1px solid #eee;display:flex;flex-direction:column;padding:10px}.pending-user-link{align-items:center;color:inherit;display:flex;justify-content:space-between;margin-bottom:8px;padding:5px 0;text-decoration:none}.pending-user-link:hover{background-color:#f5f5f5}.view-icon{color:#2e3192;cursor:pointer}.view-icon:hover{color:#f1592a}.pending-user-actions{display:flex;gap:5px;justify-content:flex-end}.pending-user-actions button{border:none;border-radius:3px;cursor:pointer;font-size:12px;padding:4px 8px}.approve-btn{background-color:#2e3192}.approve-btn:hover{background-color:#23258a}.reject-btn{background-color:#dc3545}.reject-btn:hover{background-color:#c82333}.needs-changes-btn{background-color:#f1592a;color:#fff}.needs-changes-btn:hover{background-color:#e04a1a}.dropdown-menu{max-height:400px;min-width:300px;overflow-y:auto}@media (max-width:768px){.pending-user-actions{flex-wrap:wrap}.pending-user-actions button{flex:1 1;min-width:70px}}.currency-form-container{max-width:600px}.add-button,.add-button:hover{background:linear-gradient(90deg,#2e3192,#2e3192)}.currency-form{display:flex;flex-direction:column;gap:1.5rem}@media (max-width:640px){.form-wrapper{padding:1rem}.currency-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.button-group{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.header{background:linear-gradient(135deg,#2e3192,#2e3192)}.add-button{background:#2e3192!important}.info{margin-top:.5rem}.currency-table{border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden}.currency-table td{border-bottom:1px solid #e2e8f0}.currency-name strong{color:#121349;font-size:1rem;font-weight:600}.currency-table td:nth-child(3),.currency-table td:nth-child(4){color:#4a5568;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}.add-button:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}@media (max-width:1024px){.currency-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}}@media (max-width:768px){.currency-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.stats-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.currency-table{font-size:.85rem}.currency-table td,.currency-table th{padding:.75rem 1rem}.currency-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn{height:32px;width:32px}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.info,.stats-bar{font-size:.8rem}.stats-bar{padding:.75rem 1rem}.currency-table{display:block;overflow-x:auto;white-space:nowrap}.currency-name strong{font-size:.9rem}}.country-form-container h2{align-items:center;color:#121349;display:flex;font-size:1.75rem;font-weight:600;gap:8px;justify-content:center;margin-bottom:1.5rem;text-align:center}.country-form button{background:linear-gradient(90deg,#2e3192,#2e3192);border:none;border-radius:8px;box-shadow:0 4px 6px #1213494d;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.875rem 1.5rem;transition:all .3s ease}.country-form button:hover{background:linear-gradient(90deg,#1a237e,#283593);box-shadow:0 6px 12px #12134966;transform:translateY(-2px)}.country-form button:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}.loading{padding:3rem}@media (max-width:640px){.form-wrapper{padding:1rem}.country-form-container{padding:1.5rem}.country-form-container h2{font-size:1.5rem}.country-form button{width:100%}}.country-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.country-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden;width:100%}.country-table td,.country-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.country-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.country-table th:last-child{text-align:center}.country-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.country-table tbody tr:nth-child(2n){background:#f8fafc}.country-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.country-name strong{color:#121349;font-size:1rem;font-weight:600}.country-table td:nth-child(3),.country-table td:nth-child(4){color:#4a5568;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}@media (max-width:1024px){.country-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}}@media (max-width:768px){.country-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.stats-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.country-table{font-size:.85rem}.country-table td,.country-table th{padding:.75rem 1rem}.country-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn{height:32px;width:32px}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.company-info,.stats-bar{font-size:.8rem}.stats-bar{padding:.75rem 1rem}.country-table{display:block;overflow-x:auto;white-space:nowrap}.country-name strong{font-size:.9rem}}.businesstype-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;transition:all .3s ease;width:100%}.businesstype-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input{height:56px}.form-field input:focus{border-color:#121349;box-shadow:0 0 0 2px #12134933}.form-field input:focus+label,.form-field.filled label{color:#121349}@media (max-width:640px){.form-wrapper{padding:1rem}.businesstype-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.button-group{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.businesstype-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.businesstype-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden;width:100%}.businesstype-table td,.businesstype-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.businesstype-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.businesstype-table th:last-child{text-align:center}.businesstype-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.businesstype-table tbody tr:nth-child(2n){background:#f8fafc}.businesstype-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.businesstype-name strong{color:#121349;font-size:1rem;font-weight:600}.businesstype-table td:nth-child(3),.businesstype-table td:nth-child(4){color:#4a5568;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}@media (max-width:1024px){.businesstype-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}}@media (max-width:768px){.businesstype-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.stats-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.businesstype-table{font-size:.85rem}.businesstype-table td,.businesstype-table th{padding:.75rem 1rem}.businesstype-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn{height:32px;width:32px}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.company-info,.stats-bar{font-size:.8rem}.stats-bar{padding:.75rem 1rem}.businesstype-table{display:block;overflow-x:auto;white-space:nowrap}.businesstype-name strong{font-size:.9rem}}.productcategory-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:40px;position:relative}.close-btn{background:none;padding:8px}.close-btn:hover{background:#f5f5f5}.form-subtitle{line-height:1.5}.role-indicator{gap:12px;margin-bottom:30px;padding:12px 20px}.form-grid{grid-template-columns:1fr}.form-field{margin-bottom:25px}.form-field input,.form-field select,.form-field textarea{background:#f8f9fa;border:2px solid #e1e5e9;padding:12px 15px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#fff}.form-field label{margin-left:-5px;top:12px}.form-field input:focus~label,.form-field select:focus~label,.form-field textarea:focus~label,.form-field.filled label{font-weight:600;left:10px;top:-10px}.field-error,.form-field.required label:after{color:#ff4757}.field-error,.field-hint{margin-top:5px}.field-hint.error{color:#ff4757}.info-section{background:#f8f9fa;border:1px solid #e9ecef;margin:20px 0}.info-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.info-item{flex-direction:column}.info-item label{color:#666;font-size:12px;margin-bottom:5px;text-transform:uppercase}.info-item span{color:#333;font-size:14px;font-weight:500}.form-actions{border-top:1px solid #eee;margin-top:30px}.cancel-btn{border:2px solid #dee2e6;color:#495057;font-size:16px}.cancel-btn:hover:not(:disabled){border-color:#adb5bd}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.submit-btn:hover:not(:disabled){box-shadow:0 5px 20px #667eea66}.productcategory-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.header-actions{gap:.75rem}.filter-btn{background:#0000;font-size:.95rem;padding:.75rem 1.25rem}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff80}.filters-container{grid-gap:1rem;animation:slideDown .3s ease;background:linear-gradient(135deg,#121349,#1a237e);box-shadow:0 4px 12px #12134926;color:#fff;gap:1rem;grid-template-columns:1fr auto}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-group label{color:#bbdefb}.select-wrapper select{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff;font-size:.9rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .3s ease}.select-wrapper select:focus{border-color:#64b5f6;box-shadow:0 0 0 2px #64b5f64d}.select-wrapper select option{background:#121349;color:#fff}.select-icon{color:#bbdefb}.clear-filters{border:1px solid #ffffff4d;border-radius:8px;color:#fff;font-size:.9rem;padding:.75rem 1.5rem}.clear-filters:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.search-box{margin-bottom:.75rem}.search-input{padding:12px 18px 12px 45px}.stats{justify-content:space-between}.filter-badge{background:#1213491a;border:1px solid #12134933}.styled-table thead{background:linear-gradient(135deg,#121349,#1a237e)}.styled-table th{padding:1rem 1.25rem}.styled-table th:first-child{width:60px}.styled-table th:last-child{width:150px}.styled-table td{font-size:.95rem;padding:1rem 1.25rem}.category-name{align-items:center;display:flex;gap:.5rem}.category-name strong{color:#121349;font-size:1rem;font-weight:600}.category-name svg{color:#f89a3a}.company-cell{gap:.5rem}.company-cell small{font-size:.8rem;margin-top:.125rem}.user-cell{gap:.5rem}.user-cell div{display:flex;flex-direction:column}.user-cell small{color:#666;font-size:.8rem;margin-top:.125rem}.styled-table td:nth-child(5){color:#4a5568;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}.status-badge.active{background:#2ecc711a;border:1px solid #2ecc714d;color:#27ae60}.status-badge.inactive{background:#e74c3c1a;border:1px solid #e74c3c4d;color:#c0392b}.action-buttons{gap:.5rem}.action-btn{box-shadow:0 2px 4px #12134926}.action-btn.view-btn{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.action-btn.view-btn:hover{background:linear-gradient(135deg,#2980b9,#1f639d);box-shadow:0 4px 12px #3498db4d;transform:translateY(-2px)}.action-btn.view-btn:active{transform:translateY(0)}.action-btn.edit-btn{background:linear-gradient(135deg,#121349,#1a237e);color:#fff}.action-btn.edit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.action-btn.edit-btn:active{transform:translateY(0)}.action-btn.delete-btn{background:linear-gradient(135deg,#8b0000,#b22222);color:#fff}.action-btn.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#b22222,#dc2626);box-shadow:0 4px 12px #b222224d;transform:translateY(-2px)}.action-btn.delete-btn:active{transform:translateY(0)}.action-btn:disabled{transform:none!important}.no-data div{align-items:center;display:flex;flex-direction:column;gap:1rem}.no-data p{color:#718096;font-style:italic;margin:0}.no-data .add-button{margin-top:.5rem}.loading-container{box-shadow:0 5px 20px #00000014}.loading-container p{color:#121349}@media (max-width:1024px){.productcategory-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{justify-content:space-between;width:100%}.table-container{overflow-x:auto}}@media (max-width:768px){.productcategory-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.filters-container{gap:1rem;grid-template-columns:1fr}.clear-filters{width:100%}.stats{align-items:flex-start;flex-direction:column;gap:.5rem}.styled-table{font-size:.85rem;min-width:800px}.styled-table td,.styled-table th{padding:.75rem 1rem}.styled-table th{font-size:.8rem}.action-buttons{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button,.filter-btn{font-size:.85rem;padding:.6rem 1rem}.company-info{font-size:.8rem}.search-input{font-size:13px;padding:10px 15px 10px 40px}.category-name strong{font-size:.9rem}.status-badge{font-size:.7rem;padding:.2rem .5rem}}.form-wrapper{min-height:calc(100vh - 80px)}.uom-form-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;overflow:hidden;padding:2.5rem;position:relative;width:100%}.uom-form-container:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-title{color:#2d3748;font-size:1.8rem;gap:.75rem}.form-title svg{color:#667eea}.permission-banner{align-items:center;background:linear-gradient(90deg,#dbeafe,#eff6ff);border-left:4px solid #3b82f6;border-radius:8px;color:#1e40af;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1.5rem;padding:.75rem 1rem}.permission-banner svg{flex-shrink:0}.permission-denied{padding:2rem 1rem;text-align:center}.shield-icon{color:#9ca3af;margin-bottom:1rem}.permission-denied h3{color:#374151;font-size:1.5rem;margin-bottom:.5rem}.permission-denied p{color:#6b7280;margin-bottom:.5rem}.permission-detail{color:#9ca3af;font-size:.9rem;margin-bottom:2rem!important}.permission-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.view-btn{align-items:center;background:linear-gradient(90deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.view-btn:hover{box-shadow:0 10px 20px #3b82f64d}.dashboard-btn{background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.dashboard-btn:hover{background:#f9fafb;border-color:#d1d5db}.user-info-card{background:#f9fafb;border-radius:10px;margin-top:2rem;padding:1.5rem;text-align:left}.info-row{border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-row .label{color:#6b7280;font-weight:500}.info-row .value{color:#374151;font-weight:600}.company-info-card{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;margin:1rem 0;padding:1rem}.company-info-card .info-row{align-items:center;border:none;display:flex;gap:.5rem;padding:.25rem 0}.company-info-card .info-row div{color:#0369a1;font-size:.9rem}.view-button{align-items:center;background:linear-gradient(90deg,#f15928,#f15928);border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.view-button:hover{box-shadow:0 5px 15px #10b9814d;transform:translateY(-2px)}.uom-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input,.form-field select{background:#fff;border:2px solid #e5e7eb;padding:.75rem}.form-field label{color:#9ca3af;font-size:.9rem;left:.75rem;padding:0 .25rem}.form-field input:focus+label,.form-field select:focus+label,.form-field.filled label{color:#667eea;font-size:.75rem;font-weight:600;top:0}.form-field input:disabled,.form-field select:disabled{background:#f9fafb}.field-hint{color:#9ca3af}.form-info{background:#fef3c7;border-left:4px solid #f59e0b;color:#92400e;padding:.75rem}.cancel-btn{border:2px solid #e5e7eb;color:#374151;padding:.875rem}.cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.submit-btn{background:linear-gradient(90deg,#667eea,#764ba2);padding:.875rem}.submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea66}.spinner{animation:spin 1s ease-in-out infinite}@media (max-width:640px){.form-wrapper{padding:1rem}.uom-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-actions,.permission-actions{flex-direction:column}.view-button{font-size:.8rem;padding:.4rem .8rem}}.uom-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.search-input{border-radius:10px;padding:12px 40px 12px 18px}.search-input:focus{border-color:#121349;box-shadow:0 0 0 3px #1213491a}.clear-search-btn{right:12px}.clear-search-btn:hover{background:#f0f0f0;color:#666}.uom-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden;width:100%}.uom-table td,.uom-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.uom-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.uom-table th:last-child{text-align:center}.uom-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.uom-table tbody tr:nth-child(2n){background:#f8fafc}.uom-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.uom-name{align-items:center;display:flex;gap:8px}.uom-name strong{color:#121349;font-size:1rem;font-weight:600}.type-badge{border:1px solid #12134933;padding:6px 12px}.uom-table td:nth-child(4){color:#4a5568;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}@media (max-width:1024px){.uom-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}}@media (max-width:768px){.uom-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.stats-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.uom-table{display:block;font-size:.85rem;overflow-x:auto;white-space:nowrap}.uom-table td,.uom-table th{padding:.75rem 1rem}.uom-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn{height:32px;width:32px}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.company-info,.stats-bar{font-size:.8rem}.stats-bar{padding:.75rem 1rem}.uom-name strong{font-size:.9rem}}.products-container{margin:0 auto;max-width:1600px;padding:20px}.header{border-bottom:2px solid #f0f0f0;padding-bottom:15px}.header h2{font-size:28px}.filter-btn{border:1px solid #dee2e6;border-radius:6px;padding:8px 16px}.filter-btn:hover{background:#f8f9fa;border-color:#2e3192;color:#2e3192}.add-button{background:linear-gradient(135deg,#2e3192,#f1592a);border-radius:6px;padding:10px 20px}.add-button:hover{box-shadow:0 5px 15px #2e31924d;opacity:.9}.inventory-summary{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.summary-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;display:flex;gap:15px;padding:20px;transition:transform .3s ease}.summary-card:hover{transform:translateY(-5px)}.summary-icon{align-items:center;border-radius:10px;color:#fff;display:flex;height:50px;justify-content:center;width:50px}.summary-content h3{color:#2e3192;font-size:24px;font-weight:600;margin:0}.summary-content p{color:#666;font-size:14px;margin:5px 0 0}.filters-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px}.filters-grid{grid-gap:20px;gap:20px;margin-bottom:15px}.clear-filters{border:1px solid #dc3545;color:#dc3545;font-weight:500;padding:8px 16px}.clear-filters:hover{background:#dc3545}.search-box{max-width:600px}.search-input{border:2px solid #e0e0e0;padding:12px 16px 12px 40px}.search-input:focus{box-shadow:0 0 0 3px #2e31921a}.stats{font-size:14px}.filter-badge{color:#1976d2;font-size:12px;padding:4px 12px}.table-container{border:1px solid #e9ecef;box-shadow:0 2px 10px #0000001a}.styled-table{min-width:1400px}.styled-table thead th{background:#2e3192;color:#fff;font-size:13px;font-weight:600;padding:15px;text-align:left;white-space:nowrap}.styled-table tbody tr{border-bottom:1px solid #e9ecef;transition:all .3s ease}.styled-table tbody tr:hover{background-color:#f8f9fa}.styled-table tbody td{color:#333;font-size:13px;padding:12px 15px;vertical-align:middle}.no-data p{margin:15px 0}.product-name,.product-number{color:#2e3192;font-weight:600}.company-cell small{font-size:11px}.category-cell{align-items:center;display:flex;gap:8px}.type-badge{white-space:nowrap}.type-badge.stock{background:#cce5ff;color:#004085}.type-badge.non-stock{background:#fff3cd;color:#856404}.uom-cell{align-items:center;display:flex;gap:8px}.uom-type{color:#666;font-size:10px;margin-left:4px}.costing-badge{align-items:center;background:#e8f5e9;border-radius:20px;color:#2e7d32;display:inline-flex;font-size:11px;gap:5px;padding:4px 10px;white-space:nowrap}.quantity-value{display:block}.quantity-value.low-stock{color:#ff9800}.quantity-value.out-of-stock{color:#f44336}.reorder-info{color:#666;display:block;font-size:10px;margin-top:2px}.price-cell{font-weight:500;text-align:right}.price-cell.total-value{color:#2196f3;font-weight:600}.price-cell.sale-price{color:#4caf50}.margin-cell{align-items:center;display:flex;font-size:12px;font-weight:500;gap:5px;white-space:nowrap}.margin-cell.positive{color:#4caf50}.margin-cell.negative{color:#f44336}.margin-cell.neutral{color:#666}.margin-percentage{font-size:10px;opacity:.8}.taxable-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;gap:5px;padding:4px 8px;white-space:nowrap}.taxable-badge.taxable{background:#d4edda;color:#155724}.taxable-badge.non-taxable{background:#f8d7da;color:#721c24}.status-badge{white-space:nowrap}.action-btn:hover:not(:disabled){box-shadow:0 3px 10px #0003}.view-btn{background:#e3f2fd;color:#1976d2}.view-btn:hover:not(:disabled){background:#bbdefb}.edit-btn{background:#e8f5e9;color:#2e7d32}.edit-btn:hover:not(:disabled){background:#c8e6c9}.delete-btn{background:#ffebee;color:#c62828}.delete-btn:hover:not(:disabled){background:#ffcdd2}@media (max-width:768px){.products-container{padding:10px}.header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.inventory-summary{grid-template-columns:repeat(2,1fr)}.filters-grid{grid-template-columns:1fr}.search-container{align-items:flex-start;flex-direction:column}.search-box{max-width:none;width:100%}.stats{color:#fff;justify-content:space-between;width:100%}}@media (max-width:480px){.inventory-summary{grid-template-columns:1fr}.summary-card{padding:15px}}.products-header .company-info,.products-header h2{color:#fff!important}.edit-puomc-wrapper{align-items:center;background:#f4f6fb;display:flex;justify-content:center;min-height:100vh;padding:20px}.edit-puomc-form-container{background:#fff;border-radius:14px;box-shadow:0 12px 35px #12134926;max-width:700px;overflow:hidden;position:relative;width:100%}.edit-puomc-form-header{background:linear-gradient(135deg,#121349,#1a237e);padding:28px 32px;position:relative;text-align:center}.edit-puomc-form-title{color:#fff;font-size:26px;font-weight:700;letter-spacing:.5px;line-height:1.3;margin:0}.edit-puomc-form-subtitle{color:#ffffffe6;font-size:16px;font-weight:400;line-height:1.5;margin:10px auto 0;max-width:600px}.edit-puomc-form-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:1fr;padding:36px 32px}.edit-puomc-form-grid .form-field{height:56px;margin-bottom:8px;position:relative;width:100%}.edit-puomc-form-grid .form-field input,.edit-puomc-form-grid .form-field select{background:#fff;border:1.5px solid #e1e5eb;border-radius:10px;box-sizing:border-box;color:#333;font-family:inherit;font-size:15px;height:56px;line-height:56px;outline:none;padding:0 16px;transition:all .3s ease;width:100%}.edit-puomc-form-grid .form-field input:focus,.edit-puomc-form-grid .form-field select:focus{background:#fff;border-color:#f89a3a;box-shadow:0 0 0 3px #f89a3a26}.edit-puomc-form-grid .form-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121349' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:18px;cursor:pointer;font-weight:500;padding-right:46px}.edit-puomc-form-grid .form-field select option{background:#fff;color:#333;font-size:15px;font-weight:500;height:45px;line-height:45px;padding:14px 16px}.edit-puomc-form-grid .form-field label{background:#fff;color:#7a7a7a;font-size:15px;font-weight:500;left:16px;letter-spacing:.3px;line-height:1;padding:0 8px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .25s ease;z-index:1}.edit-puomc-form-grid .form-field input:focus+label,.edit-puomc-form-grid .form-field input:not(:placeholder-shown)+label,.edit-puomc-form-grid .form-field select:focus+label,.edit-puomc-form-grid .form-field select:not([value=""])+label{background:#fff;border-radius:4px;box-shadow:0 2px 4px #1213491a;color:#121349;font-size:13px;font-weight:600;padding:0 10px;top:-8px}.edit-puomc-form-grid .form-field.required label:after{color:#f89a3a;content:" *";font-weight:700}.conversion-help{background:#f8f9fa;border-left:3px solid #121349;border-radius:6px;color:#666;display:block;font-size:13px;font-style:italic;line-height:1.5;margin-top:6px;padding:8px 12px}.puomc-status-field{background:#fff;border:1.5px solid #e1e5eb;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:56px;justify-content:center;margin-bottom:8px;padding:0 16px;transition:all .3s ease}.puomc-status-field:focus-within{border-color:#f89a3a;box-shadow:0 0 0 3px #f89a3a26}.puomc-status-label{color:#121349;display:block;font-size:15px;font-weight:600;letter-spacing:.3px;margin-bottom:14px}.puomc-radio-group{display:flex;gap:28px;margin-top:8px}.puomc-radio-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:12px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.puomc-radio-option:hover{color:#121349}.puomc-radio-option input[type=radio]{accent-color:#121349;cursor:pointer;flex-shrink:0;height:20px;margin:0;width:20px}.puomc-radio-option span{font-weight:500;letter-spacing:.3px}.puomc-form-actions{border-top:1px solid #eaeaea;display:flex;gap:18px;margin-top:36px;padding-top:26px}.puomc-cancel-btn{align-items:center;background:#f5f5f5;border:1.5px solid #dcdcdc;border-radius:10px;box-sizing:border-box;color:#121349;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:12px;justify-content:center;letter-spacing:.4px;min-height:56px;padding:18px 24px;transition:all .3s ease}.puomc-cancel-btn:hover:not(:disabled){background:#e8e8e8;border-color:#121349;box-shadow:0 6px 15px #0000001f;transform:translateY(-2px)}.puomc-submit-btn{align-items:center;background:linear-gradient(135deg,#121349,#1a237e);border:none;border-radius:10px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex:1 1;font-family:Poppins,sans-serif;font-size:16px;font-weight:600;gap:12px;justify-content:center;letter-spacing:.4px;min-height:56px;overflow:hidden;padding:18px 24px;position:relative;transition:all .3s ease}.puomc-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 8px 25px #1213494d;transform:translateY(-3px)}.puomc-submit-btn:disabled{background:#a0a0a0;cursor:not-allowed;opacity:.7;transform:none!important}.puomc-submit-btn:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:0;position:absolute;top:0;transform:translateX(-100%);width:100%}.puomc-submit-btn:hover:not(:disabled):after{animation:shimmer 1.5s infinite}.puomc-close-btn{align-items:center;background:#ffffff26;border:1px solid #ffffff40;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:44px;justify-content:center;position:absolute;right:28px;top:28px;transition:all .3s ease;width:44px;z-index:10}.puomc-close-btn:hover{background:#fff;border-color:#fff;box-shadow:0 4px 12px #00000026;color:#121349;transform:rotate(90deg)}.puomc-loading-container{align-items:center;color:#666;display:flex;flex-direction:column;justify-content:center;padding:100px 40px;text-align:center}.puomc-loading-container svg{color:#f89a3a;font-size:48px;margin-bottom:24px}.puomc-loading-container p{color:#121349;font-size:18px;font-weight:500;margin:0}.puomc-animate-spin{animation:spin 1s linear infinite}.puomc-field-hint{color:#666;display:block;font-size:13px;font-style:italic;line-height:1.4;margin-top:8px;padding-left:8px}.edit-puomc-form-grid .form-field.error input,.edit-puomc-form-grid .form-field.error select{background:#fff5f5;border-color:#dc3545}.edit-puomc-form-grid .form-field.error label{background:#fff5f5;color:#dc3545}.puomc-error-message{align-items:center;color:#dc3545;display:flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px;padding-left:8px}.edit-puomc-form-grid .form-field.success input,.edit-puomc-form-grid .form-field.success select{border-color:#28a745}.edit-puomc-form-grid .form-field.success label{color:#28a745}.conversion-factor-badge{align-items:center;background:#e8f4fd;border:1px solid #12134926;border-radius:20px;color:#121349;display:inline-flex;font-size:13px;font-weight:500;gap:6px;margin-top:8px;padding:6px 12px}.conversion-factor-badge strong{color:#121349;font-weight:600}@media (max-width:768px){.edit-puomc-wrapper{padding:16px}.edit-puomc-form-container{border-radius:12px;max-width:100%}.edit-puomc-form-header{padding:24px 20px}.edit-puomc-form-title{font-size:22px}.edit-puomc-form-subtitle{font-size:15px}.edit-puomc-form-grid{gap:22px;padding:28px 24px}.edit-puomc-form-grid .form-field{height:52px}.edit-puomc-form-grid .form-field input,.edit-puomc-form-grid .form-field select{border-radius:8px;font-size:15px;height:52px;line-height:52px;padding:0 14px}.edit-puomc-form-grid .form-field label{font-size:14px;left:14px}.edit-puomc-form-grid .form-field input:focus+label,.edit-puomc-form-grid .form-field input:not(:placeholder-shown)+label,.edit-puomc-form-grid .form-field select:focus+label,.edit-puomc-form-grid .form-field select:not([value=""])+label{font-size:12px;top:-8px}.puomc-form-actions{flex-direction:column;gap:14px;margin-top:28px;padding-top:22px}.puomc-cancel-btn,.puomc-submit-btn{border-radius:8px;font-size:15px;min-height:52px;padding:16px 20px;width:100%}.puomc-radio-group{flex-direction:column;gap:16px}.puomc-status-field{border-radius:8px;height:52px;padding:0 14px}.puomc-close-btn{font-size:18px;height:40px;right:22px;top:22px;width:40px}.conversion-help{font-size:12px;padding:6px 10px}}@media (max-width:480px){.edit-puomc-wrapper{padding:12px}.edit-puomc-form-grid{gap:20px;padding:24px 20px}.edit-puomc-form-title{font-size:20px}.edit-puomc-form-subtitle{font-size:14px}.edit-puomc-form-grid .form-field{height:50px}.edit-puomc-form-grid .form-field input,.edit-puomc-form-grid .form-field select{font-size:14px;height:50px;line-height:50px;padding:0 12px}.edit-puomc-form-grid .form-field label{font-size:13px;left:12px}.edit-puomc-form-grid .form-field select{background-position:right 12px center;padding-right:40px}.puomc-close-btn{font-size:16px;height:36px;right:18px;top:18px;width:36px}.puomc-status-field{height:50px;padding:0 12px}.puomc-cancel-btn,.puomc-submit-btn{font-size:14px;min-height:50px;padding:14px 18px}.conversion-factor-badge{font-size:12px;padding:5px 10px}}@media print{.edit-puomc-wrapper{background:#fff;padding:0}.edit-puomc-form-container{border:1px solid #ddd;box-shadow:none}.puomc-close-btn,.puomc-form-actions{display:none}.puomc-status-field{border:1px solid #ccc}}.duplicate-alert{align-items:flex-start;animation:slideIn .3s ease-out;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px}.duplicate-alert.warning{background-color:#fff3cd;border:1px solid #ffeaa7}.duplicate-alert.error{background-color:#f8d7da;border:1px solid #f5c6cb}.duplicate-alert svg{flex-shrink:0;margin-top:2px}.duplicate-alert.warning svg{color:#ffc107}.duplicate-alert.error svg{color:#dc3545}.duplicate-content{flex:1 1}.duplicate-content strong{display:block;font-size:16px;margin-bottom:8px}.duplicate-alert.warning strong{color:#856404}.duplicate-alert.error strong{color:#721c24}.duplicate-content p{font-size:14px;line-height:1.4;margin:0 0 12px}.duplicate-alert.warning p{color:#856404}.duplicate-alert.error p{color:#721c24}.existing-info{background-color:#ffffff80;border:1px solid #0000001a;border-radius:6px;margin-bottom:12px;padding:12px}.info-item{margin-bottom:6px}.info-label{color:#666;font-weight:600}.info-value{background-color:#0000000d;border-radius:3px;font-family:monospace;margin-left:8px;padding:2px 6px}.status-badge{margin-left:8px;padding:2px 8px}.status-badge.active{background-color:#d4edda;border:1px solid #c3e6cb}.status-badge.inactive{background-color:#f8d7da;border:1px solid #f5c6cb}.action-buttons{gap:10px;margin-top:12px}.clear-btn,.edit-btn,.reactivate-btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:6px;justify-content:center;padding:8px 16px;transition:all .2s}.reactivate-btn{background-color:#28a745;color:#fff}.reactivate-btn:hover:not(:disabled){background-color:#218838}.edit-btn{background-color:#007bff}.edit-btn:hover{background-color:#0056b3}.clear-btn{background-color:#6c757d;color:#fff}.clear-btn:hover{background-color:#5a6268}.reactivate-btn:disabled{background-color:#6c757d;cursor:not-allowed;opacity:.6}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.action-buttons{flex-direction:column}.clear-btn,.edit-btn,.reactivate-btn{justify-content:center;width:100%}.duplicate-alert{align-items:flex-start;flex-direction:column}.duplicate-alert svg{margin-bottom:8px}}.puomc-container{padding:20px}.puomc-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.puomc-header h2{color:#121349}.add-btn{background:#f89a3a;border:none;border-radius:6px;color:#fff;gap:6px;padding:8px 14px}.add-btn:hover{opacity:.9}.puomc-table{border-collapse:collapse;width:100%}.puomc-table th{background:#2e3192;color:#fff;padding:10px}.puomc-table td{border-bottom:1px solid #eee;padding:10px}.icon{cursor:pointer}.icon.edit{color:#121349}.icon.delete{color:red}.status{border-radius:5px;font-size:12px;padding:4px 8px;text-transform:capitalize}.status.active{background:#d4edda;color:#155724}.status.inactive{background:#f8d7da;color:#721c24}.loader{padding:40px;text-align:center}.spin{animation:spin 1s linear infinite}.no-data{padding:20px}.barcodes-container{background:#f8fafc;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.header{box-shadow:0 4px 15px #12134933}.company-info{gap:8px;margin-top:8px;opacity:.9}.header-actions{gap:15px}.add-button{background:linear-gradient(90deg,#f89a3a,#f55a42);box-shadow:0 4px 12px #f89a3a4d}.add-button:hover{background:linear-gradient(90deg,#e68a2a,#e54a32);box-shadow:0 6px 15px #f89a3a66}.filter-btn{background:#667eea;border:none;gap:8px;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.stats-container{grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{box-shadow:0 2px 10px #00000014;transition:transform .3s ease}.stat-card:hover{transform:translateY(-3px)}.stat-icon{background:#e8f4fd;border-radius:50%;color:#121349;height:50px;width:50px}.stat-icon.primary{background:#e8f5e9;color:#2e7d32}.stat-icon.active{background:#f0f9ff;color:#0369a1}.stat-number{color:#121349;font-size:1.75rem;line-height:1}.stat-label{font-size:.9rem;margin-top:5px}.filters-container{box-shadow:0 2px 10px #00000014;padding:25px}.filter-group{margin-bottom:20px}.select-wrapper select{border:2px solid #e2e8f0;color:#333;padding:12px 40px 12px 15px}.select-wrapper select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.checkbox-label{gap:10px;margin:0}.checkbox-label input{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.filter-actions{border-top:1px solid #e0e0e0;gap:15px;margin-top:25px;padding-top:20px}.apply-filters,.clear-filters{padding:10px 20px}.clear-filters{border:2px solid #e0e0e0}.apply-filters:hover{background:#5a6fd8}.search-container{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 10px #00000014;gap:20px;margin-bottom:25px;padding:20px}.search-box svg{color:#666;left:15px}.search-input{border:2px solid #e2e8f0;padding:12px 40px 12px 45px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clear-search{color:#666;font-size:1.2rem;height:20px;right:15px;width:20px}.clear-search:hover{color:#333}.search-actions{gap:20px}.refresh-btn{border:none;border-radius:50%;height:40px;width:40px}.refresh-btn:hover{transform:rotate(180deg)}.stats{gap:15px}.filter-badge{background:#e8f4fd;color:#121349;gap:5px;padding:5px 12px}.table-container{box-shadow:0 2px 15px #00000014}.styled-table th{background:#f5f7fa;border-bottom:2px solid #121349;color:#121349}.styled-table tbody tr.primary-row{background:linear-gradient(90deg,#2e7d320d,#2e7d3205)}.barcode-cell{align-items:center;display:flex;gap:10px}.barcode-cell strong{color:#333;font-family:Monaco,Courier New,monospace;font-size:.95rem}.primary-badge{align-items:center;background:#e8f5e9;border-radius:12px;color:#2e7d32;display:inline-flex;font-size:.7rem;font-weight:600;gap:4px;margin-left:8px;padding:3px 8px;text-transform:uppercase}.company-cell,.product-cell,.uom-cell,.user-cell{align-items:center;display:flex;gap:10px}.company-cell div,.product-cell div,.user-cell div{display:flex;flex-direction:column}.company-cell small,.product-cell small,.user-cell small{color:#666;font-size:.85rem;margin-top:2px}.view-btn:hover{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.primary-btn:hover{background:#e8f5e9;border-color:#2e7d32;color:#2e7d32}.edit-btn:hover{background:#e8f4fd;border-color:#121349;color:#121349}.delete-btn:hover{background:#ffebee;border-color:#c62828;color:#c62828}.no-data svg{margin-bottom:15px}.no-data p{color:#666;font-size:1rem;margin-bottom:20px}@media (max-width:768px){.barcodes-container{padding:15px}.header{flex-direction:column;gap:20px;padding:20px;text-align:center}.header h2{font-size:1.5rem}.header-actions{justify-content:center;width:100%}.stats-container{grid-template-columns:1fr}.search-actions,.search-container{align-items:stretch;flex-direction:column}.search-actions{gap:10px}.stats{justify-content:space-between}.filter-actions{flex-direction:column}.styled-table{font-size:.85rem}.action-buttons{flex-wrap:wrap;justify-content:center}.action-btn{height:32px;width:32px}}@media (max-width:480px){.header{padding:15px}.header h2{font-size:1.25rem}.add-button,.filter-btn{font-size:.85rem;padding:8px 16px}.stat-card{padding:15px}.stat-number{font-size:1.5rem}.filters-container,.search-container{padding:15px}.search-input,.select-wrapper select{font-size:.9rem;padding:10px 35px 10px 10px}}.warehouses-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;transition:all .3s ease;width:100%}.header{justify-content:flex-end}.add-button{background:linear-gradient(90deg,#121349,#1a237e)}.add-button:hover{background:linear-gradient(90deg,#1a237e,#283593)}.warehouses-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input,.form-field select{border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d}.form-field input:focus,.form-field select:focus{border-color:#121349;box-shadow:0 0 0 2px #12134933}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field.filled label{color:#121349;font-size:.75rem;margin-left:-.25rem;padding:0 .25rem;top:.75rem;transform:translateY(0)}.form-field select option{padding:8px}.field-hint{opacity:0;pointer-events:none;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:opacity .3s ease}.form-field input:focus~.field-hint,.form-field.filled .field-hint{opacity:1}.form-field input:focus~.field-hint small,.form-field.filled .field-hint small{color:#4a5568}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field.filled label{padding-right:5rem}.button-group{gap:12px}.cancel-btn{padding:10px 18px}.cancel-btn:active{transform:translateY(0)}.company-banner{border-left:4px solid #121349;border-radius:8px;color:#2d3748;font-size:.9rem}.company-banner svg{color:#121349}.company-banner strong{color:#121349;font-weight:600}.form-info{border-left:3px solid #121349}.form-info small{gap:.5rem;margin-bottom:.25rem}.form-info small:last-child{margin-bottom:0}.form-info strong{color:#121349;font-weight:600}.entity-info{background:#f8fafc;border:1px solid #e2e8f0;border-left:4px solid #121349;border-radius:.5rem}.info-item{color:#4b5563;font-size:.85rem;gap:.5rem;margin-bottom:.5rem}.info-item svg{color:#121349}.info-item strong{margin-left:.25rem}.loading{font-size:1rem}@media (max-width:768px){.form-wrapper{padding:1rem}.warehouses-form-container{max-width:100%;padding:1.5rem}.form-title{font-size:1.5rem}.button-group{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.field-hint{display:none}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field.filled label{padding-right:.25rem}}@media (max-width:480px){.form-title{font-size:1.25rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.entity-info{padding:.75rem}.info-item{font-size:.8rem}}.warehouses-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.stats-bar span:first-child:before{content:"📊";font-size:1rem}.stats-bar span:last-child:before{content:"👤";font-size:1rem}.warehouses-table{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden}.warehouses-table td,.warehouses-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.warehouses-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.9rem;letter-spacing:.5px}.warehouses-table th:last-child{text-align:center}.warehouses-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.warehouses-table tbody tr:nth-child(2n){background:#f8fafc}.warehouses-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.warehouse-name{gap:8px}.warehouse-name strong{color:#121349;font-size:1rem;font-weight:600}.location-info{color:#4a5568;gap:.5rem}.location-info svg{color:#6b7280}.no-location{color:#9ca3af;font-size:.9rem}.status-badge{border-radius:9999px;padding:.25rem .75rem}.warehouses-table td:nth-child(5){color:#4a5568;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9rem}.edit-btn:active{box-shadow:0 2px 4px #12134933}.delete-btn:active{box-shadow:0 2px 4px #b2222233}@media (max-width:1024px){.warehouses-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}}@media (max-width:768px){.warehouses-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.stats-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.warehouses-table{font-size:.85rem}.warehouses-table td,.warehouses-table th{padding:.75rem 1rem}.warehouses-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn{height:32px;width:32px}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.company-info,.stats-bar{font-size:.8rem}.stats-bar{padding:.75rem 1rem}.warehouses-table{display:block;overflow-x:auto;white-space:nowrap}.warehouse-name strong{font-size:.9rem}.status-badge{font-size:.7rem;padding:.2rem .6rem}}.warehouses-container{margin:0 auto;max-width:1200px;padding:20px}.header{background:linear-gradient(135deg,#121349,#0f1140);color:#fff;margin-bottom:30px;padding:25px}.header-left{flex-direction:column;gap:10px}.company-banner{background:#ffffff1a;border-radius:20px;gap:8px;padding:8px 16px}.add-button{background:#f89a3a;font-weight:600;padding:12px 24px}.add-button:hover{background:#e68a2a}.filters-bar{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:20px;padding:15px}.stats{gap:20px}.stat-label{font-size:14px}.stat-value{font-size:16px}.stat-value.active{color:#2e7d32}.stat-value.inactive{color:#dc2626}.filter-controls{gap:15px}.filter-controls,.search-box{align-items:center;display:flex}.search-box{background:#fff;border:1px solid #ddd;border-radius:8px;gap:8px;padding:8px 12px}.search-box input{border:none;outline:none;width:200px}.status-filter{background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:8px 12px}.table-container{margin-bottom:20px}.warehouses-table{border-collapse:collapse;min-width:1000px;width:100%}.warehouses-table th{background:#f5f5f5;border-bottom:2px solid #121349;color:#121349;font-size:14px;font-weight:600;padding:16px;text-align:left;text-transform:uppercase}.warehouses-table td{border-bottom:1px solid #e0e0e0;padding:16px;vertical-align:middle}.warehouse-row:hover{background:#f8f9fa}.warehouse-code{align-items:center;display:flex;font-family:Monaco,Courier New,monospace;gap:8px}.warehouse-code code{background:#1213491a;border:1px solid #12134933;border-radius:4px;padding:4px 8px}.warehouse-name{gap:10px}.location-info,.warehouse-name{align-items:center;display:flex}.location-info{color:#666;gap:8px}.no-location{color:#999;font-style:italic}.status-badge.active{border:1px solid #2e7d3233}.status-badge.inactive{background:#dc26261a;border:1px solid #dc262633}.user-info{gap:10px}.user-info small{color:#666;font-size:12px}.actions{gap:8px}.delete-btn,.edit-btn{background:#fff;border:1px solid #ddd}.edit-btn:hover{background:#2196f31a;border-color:#2196f3;color:#2196f3}.no-data{padding:60px 20px}.empty-state{gap:20px}.empty-state svg{color:#ccc}.empty-btn{background:#121349;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px}.empty-btn:hover{background:#0f1140}.clear-search-btn{border:1px solid #ddd;border-radius:6px;color:#666;font-size:12px;padding:6px 12px}.table-footer{align-items:center;background:#f8f9fa;border:1px solid #e0e0e0;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.summary{color:#666}.search-info,.summary{font-size:14px}.spinner{border:3px solid #f89a3a;height:40px;width:40px}.loading-text{color:#666;font-size:16px}@media (max-width:768px){.header{gap:20px;text-align:center}.filters-bar,.header{flex-direction:column}.filters-bar{align-items:stretch;gap:15px}.filter-controls{flex-direction:column;width:100%}.search-box input{width:100%}.table-footer{flex-direction:column;gap:10px;text-align:center}}.supplier-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.supplier-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input,.form-field select{background:#0000}.form-field input:disabled,.form-field select:disabled{background-color:#f9fafb}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field.filled label{background:#fff}.form-checkbox{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:10px;display:flex;gap:10px;margin:1rem 0;padding:15px}.form-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:18px;width:18px}.form-checkbox label{align-items:center;color:#2d3748;cursor:pointer;display:flex;font-weight:500;margin:0;position:static;transform:none}@media (max-width:768px){.form-wrapper{padding:1rem}.supplier-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.close-btn{right:1rem;top:1rem}}@media (max-width:480px){.form-title{font-size:1.25rem}.form-subtitle{font-size:.9rem}.role-indicator{flex-direction:column;gap:8px;text-align:center}.form-field input,.form-field select{font-size:.9rem;height:48px}.form-checkbox{padding:10px}.info-section{padding:1rem}}.styled-table td{border-bottom:1px solid #283593}.supplier-name-cell{align-items:center;display:flex;gap:10px}.supplier-name-cell strong{color:#000;font-size:1rem}.supplier-id{color:#666;font-family:Monaco,Courier New,monospace;font-size:.8rem;margin-top:3px}.contact-cell{display:flex;flex-direction:column;gap:5px}.contact-info{gap:5px}.contact-item{color:#000;font-size:.9rem;gap:8px}.no-contact{color:#999;font-size:.85rem;font-style:italic}.action-btn{color:#f0f0f0}.account-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:700px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.role-indicator{background:linear-gradient(135deg,#2e3192,#f1592a);box-shadow:0 4px 15px #2e31924d}.account-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2e3192;box-shadow:0 0 0 3px #2e31921a}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field textarea:focus+label,.form-field.filled label,.form-section-title,.info-item strong,.info-item svg,.info-section h4{color:#2e3192}.entity-info{border-left:4px solid #f1592a}.submit-btn{background:linear-gradient(90deg,#2e3192,#f1592a);box-shadow:0 4px 15px #2e31924d}.submit-btn:hover{background:linear-gradient(90deg,#23258a,#e04a1a);box-shadow:0 6px 20px #2e319266}@media (max-width:768px){.form-wrapper{padding:1rem}.account-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.close-btn{right:1rem;top:1rem}}.balance-cell{align-items:center;display:flex;gap:6px}.positive-balance{color:#2e7d32;font-weight:500}.negative-balance{color:#c62828;font-weight:500}.stat-icon.balance{background:#e8f5e9;color:#2e7d32}.role-indicator{background:#00008b!important}.role-indicator,.role-subtitle{color:#fff!important}.accounts-container{margin:0 auto;max-width:1400px;padding:20px}.add-button:hover{box-shadow:0 4px 12px #2e31924d}.select-wrapper select:focus{border-color:#2e3192}.apply-filters{background:#2e3192}.apply-filters:hover{background:#23258a}.search-box input:focus{border-color:#2e3192;box-shadow:0 0 0 3px #2e31921a}.styled-table th{background:#2e3192}.view-btn:hover{background:#f1592a;border-color:#f1592a}.edit-btn:hover{border-color:#2e3192}.paymenttype-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:1200px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.predefined-type-card.cash{border-left:3px solid #52c41a}.predefined-type-card.cash .type-card-header{color:#52c41a}.predefined-type-card.bank{border-left:3px solid #1890ff}.predefined-type-card.bank .type-card-header{color:#1890ff}.predefined-type-card.mobile{border-left:3px solid #fa8c16}.predefined-type-card.mobile .type-card-header{color:#fa8c16}.predefined-type-card.credit{border-left:3px solid #722ed1}.predefined-type-card.credit .type-card-header{color:#722ed1}.paymenttype-form{display:flex;flex-direction:column;gap:1.5rem}.form-section-title{grid-column:span 2;margin-top:1rem}.info-section{grid-column:span 2}.info-grid{grid-gap:12px;gap:12px}.info-item strong{color:#4b5563;min-width:100px}.validation-info{grid-column:span 2}@media (max-width:768px){.form-wrapper{padding:1rem}.paymenttype-form-container{margin:.5rem;padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.predefined-types-grid{grid-template-columns:1fr}.quick-select-container{padding:15px}.info-item{align-items:flex-start;flex-direction:column;gap:4px}.info-item strong{min-width:auto}.info-grid{grid-template-columns:1fr}.form-section-title,.info-section,.validation-info{grid-column:span 1}}@media (max-width:480px){.paymenttype-form-container{padding:1.25rem}.form-title{font-size:1.25rem}.form-field input,.form-field select,.form-field textarea{font-size:.95rem}.close-btn{height:28px;right:12px;top:12px;width:28px}.form-header{margin-right:30px}.category-title,.type-name{font-size:12px}.validation-item{font-size:.8rem}}.paymenttype-form{margin:0 auto;max-width:1400px;padding:20px}.stats-container{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-icon.asset{background:#e3f2fd;color:#1565c0}.stat-icon.liability{background:#fff3e0;color:#ef6c00}.stat-icon.capital{background:#f3e5f5;color:#7b1fa2}.stat-icon.revenue{background:#e8f5e8;color:#2e7d32}.account-name-cell{align-items:center;display:flex;gap:10px}.account-name-cell strong{color:#000;font-size:1rem}.account-id{color:#666;font-family:Monaco,Courier New,monospace;font-size:.8rem;margin-top:3px}.type-badge.asset{background:#e3f2fd;border:1px solid #90caf9;color:#1565c0}.type-badge.liability{background:#fff3e0;border:1px solid #ffb74d;color:#ef6c00}.type-badge.capital{background:#f3e5f5;border:1px solid #ce93d8;color:#7b1fa2}.type-badge.revenue{background:#e8f5e8;border:1px solid #a5d6a7;color:#2e7d32}.description-cell{max-width:250px}.company-cell,.user-cell{gap:10px}.company-cell div,.user-cell div{display:flex;flex-direction:column}.company-cell div div,.user-cell div div{color:#000}.company-cell small,.user-cell small{color:#666;font-size:.85rem;margin-top:2px}.action-btn.transactions-btn{background:#52c41a;border-color:#52c41a;color:#fff}.action-btn.transactions-btn:hover{background:#389e0d;box-shadow:0 4px 8px #52c41a4d;transform:translateY(-2px)}.expense-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.expense-form{display:flex;flex-direction:column;gap:1.5rem}.form-field:has(textarea){grid-column:span 2}.form-field{margin-bottom:.5rem}.form-field input:focus+label,.form-field input:not([value=""])+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field textarea:focus+label,.form-field.filled label{background:#fff;color:#667eea;font-size:.8rem;padding:0 .5rem;top:0;transform:translateY(-50%)}.form-actions{margin-top:1rem}@media (max-width:768px){.form-wrapper{padding:1rem}.expense-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-grid{grid-template-columns:1fr}.form-field:has(textarea){grid-column:span 1}.form-actions{flex-direction:column}.close-btn{right:1rem;top:1rem}}@media (max-width:480px){.form-title{font-size:1.25rem}.form-subtitle{font-size:.9rem}.role-indicator{flex-direction:column;gap:8px;text-align:center}.form-field input,.form-field select,.form-field textarea{font-size:.9rem}}.expenses-container{margin:0 auto;max-width:1400px;padding:20px}.stat-icon.active{background:#e8f5e9;color:#2e7d32}.filter-group{min-width:180px}.date-input,.select-wrapper select{border:2px solid #e0e0e0;cursor:pointer;padding:10px 35px 10px 12px}.date-input:focus,.select-wrapper select:focus{border-color:#121349}.expense-name-cell{align-items:center;display:flex;gap:10px}.expense-name-cell strong{color:#000;font-size:1rem}.expense-id{color:#666;font-family:monospace;font-size:.8rem;margin-top:3px}.account-cell,.amount-cell,.company-cell,.date-cell,.invoice-cell{align-items:center;display:flex;gap:6px}.category-badge{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.category-badge.operating{background:#e3f2fd;color:#1565c0}.category-badge.administrative{background:#fff3e0;color:#ef6c00}.category-badge.selling{background:#e8f5e8;color:#2e7d32}.category-badge.financial{background:#f3e5f5;color:#7b1fa2}.category-badge.other{background:#e0e0e0;color:#424242}.status-badge.paid{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.inventory-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.error-badge,.header-actions{align-items:center}.error-badge{background:#dc262633;border:1px solid #ef44444d;border-radius:6px;color:#fecaca;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.error-badge svg{color:#f87171}.refresh-button{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3!important;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-button:hover{background:#ffffff4d!important;transform:translateY(-2px)}.refresh-button:disabled{cursor:not-allowed;opacity:.7}.refresh-button svg{color:#fff!important}.stats-bar{grid-template-columns:repeat(6,1fr)}@media (max-width:1400px){.stats-bar{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-bar{grid-template-columns:1fr}}.stat-item{background:#2e3192;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1rem 1.25rem;transition:transform .2s}.stat-item:hover{transform:translateY(-2px)}.stat-item svg{color:#f1592a}.stat-item.warning{background:#f1592a}.stat-item.warning .stat-value,.stat-item.warning svg{color:#fff}.stat-label{color:#fffc;font-size:.8rem}.filter-header{color:#2e3192;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-header h4{font-size:1rem;margin:0}.filter-toggle{color:#2e3192;font-weight:700;margin-left:auto}.filter-content{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.filter-fields{grid-template-columns:2fr 1fr 1fr auto auto auto}@media (max-width:1400px){.filter-fields{grid-template-columns:repeat(3,1fr)}}.filter-select:focus,.search-input:focus{border-color:#f1592a;box-shadow:0 0 0 2px #f1592a33}.checkbox-filter,.checkbox-filter label{align-items:center;display:flex;gap:.5rem}.checkbox-filter label{color:#4b5563;cursor:pointer;font-size:.95rem}.checkbox-filter input[type=checkbox]{accent-color:#2e3192;cursor:pointer;height:18px;width:18px}.clear-filters-btn{border:1px solid #dc2626;border-radius:8px;color:#dc2626;font-size:.95rem;font-weight:500;padding:.75rem 1rem;white-space:nowrap}.clear-filters-btn:hover{background:#dc2626}.actions-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;padding:0 .5rem}.results-count{color:#4b5563;font-size:.9rem;font-weight:500}.export-button{background:linear-gradient(135deg,#10b981,#059669)}.export-button:hover{box-shadow:0 4px 12px #10b9814d}.export-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.error-container{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;margin-bottom:1.5rem;padding:1.5rem}.error-container svg{color:#dc2626;flex-shrink:0}.error-message{color:#7f1d1d;flex:1 1}.error-message pre{word-wrap:break-word;color:#991b1b;font-size:.875rem;margin:.5rem 0 0;white-space:pre-wrap}.retry-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.retry-btn:hover{background:#b91c1c;transform:translateY(-1px)}.table-container{margin-bottom:1.5rem}.inventory-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;width:100%}.inventory-table td,.inventory-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.inventory-table th{background:linear-gradient(135deg,#2e3192,#23258a);border-bottom:2px solid #1a1c6e;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.inventory-table th:last-child{text-align:center}.inventory-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;vertical-align:middle}.inventory-table tbody tr:nth-child(2n){background:#f8fafc}.inventory-table tbody tr:hover{background:linear-gradient(90deg,#2e31920d,#23258a0d)}.inventory-table tbody tr.low-stock-row{background:linear-gradient(90deg,#f1592a0d,#f1592a14);border-left:3px solid #f1592a}.stock-id-cell{display:flex;flex-direction:column;gap:4px}.ref-id-badge{color:#2e3192;gap:6px}.ref-id-badge svg{color:#2e3192}.ref-id-badge strong{font-size:.95rem;font-weight:600}.ref-id-sub{color:#6b7280}.product-info svg,.warehouse-info svg{color:#f1592a}.product-details,.warehouse-details{display:flex;flex-direction:column}.product-details strong,.warehouse-details strong{color:#2d3748;font-size:.95rem;font-weight:600;margin-bottom:2px}.product-codes,.warehouse-codes{display:flex;flex-direction:column;gap:2px}.product-codes small,.warehouse-codes small{color:#6b7280;font-size:.8rem}.quantity-row{align-items:center;display:flex;gap:1rem;justify-content:space-between}.quantity-label{color:#6b7280;font-size:.85rem;min-width:70px}.quantity-value{color:#2e3192;font-size:.9rem;min-width:50px;text-align:right}.quantity-value.warning{color:#f1592a;font-weight:700}.cost-cell{display:flex;flex-direction:column;gap:8px}.cost-row{align-items:center;color:#4b5563;display:flex;font-size:.9rem;gap:6px}.cost-row svg{color:#f59e0b}.cost-row strong{color:#2e7d32;font-weight:600}.status-cell{display:flex;flex-direction:column;gap:8px}.status-badge{font-size:.75rem;justify-content:center;padding:6px 12px}.status-badge.active{border:1px solid #10b981}.status-badge.inactive{background:#e5e7eb;border:1px solid #9ca3af;color:#4b5563}.low-stock-alert{align-items:center;background:#f1592a1a;border-radius:4px;color:#f1592a;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:4px 8px;width:-webkit-fit-content;width:fit-content}.low-stock-alert svg{color:#f1592a}.delete-btn,.edit-btn,.view-btn{align-items:center;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.view-btn{background:#fff;border:1px solid #e0e0e0}.view-btn svg{color:#374151}.view-btn:hover{background:#f8fafc;box-shadow:0 4px 8px #00000026}.edit-btn{background:#2e3192}.edit-btn:hover{background:#23258a;box-shadow:0 4px 12px #2e31924d}.edit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.delete-btn{background:linear-gradient(135deg,#dc2626,#b91c1c)}.delete-btn:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc26264d}.no-data{border-bottom:none!important;color:#6b7280}.no-data button{background:#2e3192;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.no-data button:hover{background:#23258a;transform:translateY(-2px)}.summary-footer{background:linear-gradient(135deg,#2e3192,#23258a);border-radius:12px;box-shadow:0 2px 8px #2e319226;margin-bottom:1.5rem;padding:1.5rem}.summary-items{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.summary-items{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.summary-items{grid-template-columns:1fr}}.summary-item{gap:.5rem}.summary-label{color:#bbdefb;font-size:.9rem;font-weight:500}.summary-value{color:#fff;font-size:1.5rem;font-weight:700}.summary-value.warning{color:#fbbf24}.pagination{gap:1rem;margin-top:2rem}.pagination-btn{background:#2e3192;border:none;border-radius:8px;min-width:100px;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#23258a;box-shadow:0 4px 8px #2e31924d;transform:translateY(-2px)}.pagination-btn:disabled{box-shadow:none;transform:none}.page-numbers{align-items:center;gap:.5rem}.page-btn{border:1px solid #e5e7eb;color:#4b5563;min-width:40px;padding:.5rem 1rem;transition:all .3s ease}.page-btn:hover{background:#f3f4f6;border-color:#d1d5db}.page-btn.active{background:#2e3192;border-color:#2e3192}.ellipsis{color:#9ca3af;padding:0 .5rem}.loading-container{gap:1.5rem}.loading-spinner{border:3px solid #e2e8f0;border-top-color:#2e3192}.loading{color:#2e3192}@media (max-width:1024px){.inventory-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{align-self:stretch;justify-content:flex-end}}@media (max-width:768px){.inventory-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.stats-bar{gap:.75rem}.stat-item{padding:1rem}.stat-value{font-size:1.25rem}.inventory-table td,.inventory-table th{padding:.75rem 1rem}.inventory-table th{font-size:.8rem}.actions{gap:.25rem}.delete-btn,.edit-btn,.view-btn{height:32px;width:32px}.delete-btn svg,.edit-btn svg,.view-btn svg{height:14px;width:14px}}@media (max-width:480px){.header h2{font-size:1.25rem}.header-actions{flex-direction:column;width:100%}.export-button,.refresh-button{justify-content:center;width:100%}.company-info{font-size:.8rem}.stat-label{font-size:.75rem}.summary-value{font-size:1.25rem}.inventory-table{font-size:.8rem}.inventory-table td,.inventory-table th{padding:.5rem .75rem}.pagination{flex-direction:column;gap:.75rem}.pagination-btn{width:100%}}@media print{.inventory-container{background:#fff;padding:0}.actions,.actions-bar,.export-button,.filters-container,.header-actions,.pagination,.refresh-button,.summary-footer{display:none!important}.header{background:#fff!important;border:1px solid #000!important;box-shadow:none!important}.header,.header h2{color:#000!important}.company-info{color:#666!important}.stats-bar{grid-template-columns:repeat(2,1fr)!important}.stat-item,.stats-bar{border:1px solid #000!important}.stat-item{background:#fff!important}.stat-item,.stat-label,.stat-value{color:#000!important}.inventory-table{border:1px solid #000!important;box-shadow:none!important}.inventory-table th{background:#f0f0f0!important;border-bottom:2px solid #000!important;color:#000!important}.inventory-table tr{break-inside:avoid;page-break-inside:avoid}}.district-table th{background:linear-gradient(135deg,#2e3192,#2e3192)}.stats-bar .stat-label,.stats-bar .stat-value{color:blue!important}.form-wrapper{background:linear-gradient(135deg,#667eea,#764ba2)}.openingbalance-form-container{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:1000px;padding:30px;position:relative;width:100%}.close-btn{background:#f8f9fa}.close-btn:hover{background:#e9ecef;color:#dc3545}.form-header svg{color:#667eea;margin-bottom:10px}.form-title{margin:0 0 8px}.tab-navigation{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:30px;padding-bottom:10px}.tab-btn{background:#f8f9fa;border-radius:8px;flex:1 1;font-size:15px;font-weight:600;justify-content:center;padding:12px 20px;transition:all .3s}.tab-btn:hover{background:#e9ecef;color:#495057}.tab-btn.active{background:#667eea;box-shadow:0 4px 12px #667eea66}.openingbalance-form{width:100%}.form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.form-field{margin-bottom:10px}.form-field.full-width{grid-column:1/-1}.form-field.required label:after{color:#dc3545}.form-field input:focus~label,.form-field select:focus~label,.form-field textarea:focus~label,.form-field.filled label{background:#fff;color:#667eea;font-size:12px;left:12px;padding:0 8px;top:-12px}.form-field label{padding:0 5px}.form-field textarea~label{top:22px;transform:none}.form-field textarea.filled~label,.form-field textarea:focus~label{top:-12px;transform:none}.form-field input,.form-field select,.form-field textarea{font-size:15px;padding:16px 15px 16px 45px}.form-field input.error-input,.form-field select.error-input,.form-field textarea.error-input{background:#fff5f5;border-color:#dc3545}.form-field input[type=date]{padding-right:15px}.form-field .field-icon{color:#999;left:15px;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s}.form-field input:focus~.field-icon,.form-field.filled .field-icon{color:#667eea}.select-wrapper select{padding-right:40px}.field-error{color:#dc3545}.field-error,.field-hint{font-size:12px;margin-top:4px}.field-hint.warning{color:#ff9800}.info-section{padding:0}.loading-container{padding:60px 20px}.loading-container svg{margin-bottom:15px}.error-container{color:#666;padding:60px 20px}.error-container svg{margin-bottom:20px}.error-container h2{color:#dc3545;margin-bottom:10px}.back-btn{background:#667eea;border-radius:8px;font-size:15px;margin-top:20px;padding:12px 30px;transition:all .3s}.back-btn:hover{background:#5a6fd8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.form-actions{border-top:2px solid #f0f0f0}.cancel-btn,.submit-btn{border-radius:8px;font-size:15px;font-weight:600;padding:14px 30px}.cancel-btn{background:#f8f9fa;min-width:100px}.cancel-btn:hover:not(:disabled){background:#e9ecef;color:#495057}.submit-btn{background:#667eea;min-width:180px}.submit-btn:hover:not(:disabled){background:#5a6fd8;box-shadow:0 4px 12px #667eea4d}.submit-btn:disabled:hover{box-shadow:none;transform:none}.bulk-upload-content{animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.openingbalance-form-container{margin:10px;padding:20px}.form-grid{gap:15px;grid-template-columns:1fr}.form-title{font-size:24px}.form-actions,.tab-navigation{flex-direction:column}.cancel-btn,.submit-btn{width:100%}}.district-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.add-button,.upload-button{align-items:center;background:#121349!important;border:none;border-radius:8px;box-shadow:0 2px 8px #12134933;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-button svg,.upload-button svg{color:#fff!important}.add-button:hover,.upload-button:hover{background:#1a237e!important;box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.upload-button{background:linear-gradient(90deg,#4caf50,#2e7d32)!important}.upload-button:hover{background:linear-gradient(90deg,#2e7d32,#1b5e20)!important}.stats-bar{grid-gap:1rem;display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.stats-bar{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.stats-bar{grid-template-columns:1fr}}.stat-item{background:linear-gradient(135deg,#121349,#1a237e);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #12134926;gap:1rem;padding:1.25rem}.stat-item svg{color:#bbdefb;flex-shrink:0}.stat-value{display:block}.filter-fields{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:2fr 1fr 1fr auto}@media (max-width:1024px){.filter-fields{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.filter-fields{grid-template-columns:1fr}}.filter-field{position:relative}.search-input{font-size:.95rem}.search-input:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33}.filter-field svg{color:#718096;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.filter-select{border-radius:8px;font-size:.95rem;padding:.75rem 1rem;width:100%}.filter-select:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33}.export-button{align-items:center;background:linear-gradient(135deg,#4caf50,#2e7d32);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .3s ease;white-space:nowrap}.export-button:hover{box-shadow:0 4px 12px #4caf504d;transform:translateY(-2px)}.district-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden;width:100%}.district-table td,.district-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.district-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.district-table th:last-child{text-align:center}.district-table td{border-bottom:1px solid #e2e8f0;color:#2d3748;vertical-align:middle}.district-table tbody tr:nth-child(2n){background:#f8fafc}.district-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.product-info,.warehouse-info{align-items:center;display:flex;gap:.75rem}.product-info svg,.warehouse-info svg{color:#121349;flex-shrink:0}.product-info div,.warehouse-info div{display:flex;flex-direction:column}.product-info strong,.warehouse-info strong{color:#2d3748;font-size:.95rem;font-weight:600}.product-info small,.warehouse-info small{color:#718096;font-size:.8rem;margin-top:.125rem}.quantity-cell{flex-direction:column}.quantity-value{color:#121349;font-size:1.1rem;font-weight:600}.quantity-cell small{color:#718096;font-size:.8rem}.total-cost-cell{color:#2e7d32;font-size:1rem;font-weight:600}.batch-badge{background:#e3f2fd;border-radius:4px;color:#1976d2;font-size:.85rem;font-weight:500;padding:.25rem .5rem}.empty-field{color:#a0aec0;font-style:italic}.user-info{color:#4a5568;font-weight:500;gap:.5rem}.user-info svg{color:#121349}.actions{gap:.75rem}.delete-btn,.edit-btn{border-radius:8px;height:36px;width:36px}.edit-btn{background:#121349}.delete-btn svg,.edit-btn,.edit-btn svg{color:#121349}@media (max-width:1024px){.district-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{align-self:flex-end}}@media (max-width:768px){.district-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.add-button,.upload-button{font-size:.85rem;padding:.6rem 1rem}.district-table{display:block;overflow-x:auto;white-space:nowrap}.district-table td,.district-table th{padding:.75rem 1rem}.district-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn{height:32px;width:32px}}.header .company-info,.header h2,.white-text{color:#fff!important}.white-text{color:#fff}.white-text .stat-label,.white-text .stat-value{color:inherit}.branch-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:800px;padding:30px;position:relative}.form-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:15px}.company-banner{background:#e6f7ff;border:1px solid #91d5ff;border-radius:4px;color:#0050b3;padding:12px 16px}.add-button{background:#52c41a;font-size:14px;gap:8px;transition:all .3s}.add-button:hover{background:#73d13d}.branch-form{gap:20px}.form-field{margin-bottom:20px}.form-field input,.form-field select,.form-field textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:12px;transition:all .3s}.form-field label{color:#999;font-size:14px;left:12px;padding:0 4px;transition:all .3s}.form-field textarea+label{top:12px;transform:none}.form-field input:focus+label,.form-field select:focus+label,.form-field textarea:focus+label,.form-field.filled label{color:#1890ff;font-size:12px;top:0;transform:translateY(-50%)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-field select{cursor:pointer}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background:#f5f5f5;cursor:not-allowed}.inline-icon{display:inline-block;margin-right:4px}.adjustment-preview{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin:20px 0;padding:16px}.preview-header{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:600;gap:8px;margin-bottom:12px;padding-bottom:8px}.preview-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.preview-item{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:4px;display:flex;gap:8px;padding:8px}.preview-item span:first-child{color:#666;font-size:13px}.preview-value{align-items:center;display:flex;font-weight:600;gap:4px}.preview-value.in{color:#52c41a}.preview-value.out{color:#ff4d4f}.preview-value.pending{color:#fa8c16}.form-info{background:#f6ffed;border:1px solid #b7eb8f;border-radius:4px;color:#52c41a;gap:8px;margin:20px 0;padding:12px}.form-info small{align-items:center;display:flex;font-size:13px;gap:6px}.submit-btn{border-radius:4px;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:all .3s;width:100%}.cancel-btn{font-size:14px;transition:all .3s}.button-group{gap:10px;margin-top:20px}.entity-info{grid-gap:12px;border:1px solid #bae7ff;border-radius:8px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:16px}.info-item{color:#333}.info-item strong{color:#1890ff}.info-item .status-pending{color:#fa8c16}.info-item .status-approved{color:#52c41a}.info-item .status-rejected{color:#ff4d4f}.status-pending{color:#fa8c16}.status-approved{color:#52c41a}.status-rejected{color:#ff4d4f}@media (max-width:768px){.form-wrapper{padding:10px}.branch-form-container{padding:20px}.form-title{font-size:20px}.entity-info,.preview-details{grid-template-columns:1fr}.button-group{flex-direction:column}.button-group button{width:100%}}.stock-adjustments-container{background:#f5f5f5;min-height:100vh;padding:20px}.stock-adjustments-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px}.stock-adjustments-header h2{align-items:center;color:#333;display:flex;font-size:24px;gap:10px;margin:0}.add-adjustment-button{align-items:center;background:#2e3192;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s}.add-adjustment-button:hover{background:#23258a}.stats-bar{border-radius:8px;box-shadow:0 2px 4px #0000001a}.stat-item{border-right:1px solid #fff3;color:#fff;gap:8px;padding:5px 15px}.stat-item:last-child{border-right:none}.stat-item strong{color:#fff;font-size:16px;margin-left:5px}.stat-item svg{color:#fff}.search-container{position:relative}.search-input{background:#fff;box-shadow:0 2px 4px #0000000d;padding:12px 40px 12px 16px;transition:all .3s}.clear-search-btn{background:none;color:#999;font-size:18px;padding:5px;right:40px}.clear-search-btn:hover{color:#ff4d4f}.search-info{color:#999;font-size:12px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.stock-adjustments-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;width:100%}.stock-adjustments-table thead{background:#f5f5f5}.stock-adjustments-table th{border-bottom:2px solid #ddd;color:#333;font-weight:600;padding:15px;text-align:left}.stock-adjustments-table td{border-bottom:1px solid #f0f0f0;padding:15px;vertical-align:middle}.stock-adjustments-table tbody tr:hover{background:#fafafa}.stock-adjustments-table tbody tr.status-approved{border-left:3px solid #52c41a}.stock-adjustments-table tbody tr.status-pending{border-left:3px solid #f1592a}.stock-adjustments-table tbody tr.status-rejected{border-left:3px solid #ff4d4f}.adj-id{color:#333;margin-bottom:4px}.adj-date{color:#999;font-size:11px}.adj-product{color:#333;margin-bottom:6px}.adj-product,.adj-warehouse{align-items:center;display:flex;gap:6px}.adj-warehouse{color:#666;font-size:13px}.adj-details{display:flex;flex-direction:column;gap:6px}.adj-type{font-weight:600}.type-in{color:#52c41a}.type-in,.type-out{align-items:center;display:flex;gap:4px}.type-out{color:#ff4d4f}.adj-reason{color:#666;font-size:12px;line-height:1.4;max-width:250px}.status-badge{gap:5px;padding:5px 10px}.status-badge.status-pending{background:#fff7e6;border:1px solid #f1592a;color:#f1592a}.status-badge.status-approved{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.status-badge.status-rejected{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.actions{flex-wrap:wrap;gap:5px}.approve-btn,.delete-btn,.edit-btn,.reject-btn{align-items:center;background:#f5f5f5;border:none;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;font-size:12px;gap:4px;justify-content:center;padding:6px 10px;transition:all .3s}.approve-btn{background:#52c41a;color:#fff}.approve-btn:hover{background:#73d13d}.reject-btn{background:#ff4d4f;color:#fff}.reject-btn:hover{background:#ff7875}.no-data{background:#fafafa}.no-data-message{color:#999;gap:15px}.no-data-icon{font-size:48px;line-height:1}.loading-container{border-radius:8px}.loading{flex-direction:column;gap:15px}.loading:after{animation:spin 1s linear infinite;border:3px solid #f0f0f0;border-radius:50%;border-top-color:#2e3192;content:"";height:40px;width:40px}@media (max-width:1024px){.stock-adjustments-table{font-size:13px}.actions{flex-direction:column}.actions button{width:100%}}@media (max-width:768px){.stock-adjustments-header{align-items:flex-start;flex-direction:column;gap:15px}.stats-bar{flex-direction:column;gap:10px}.stat-item{border-bottom:1px solid #fff3;border-right:none;padding:8px 0}.stat-item:last-child{border-bottom:none}.search-info{display:none}.stock-adjustments-table{display:block;overflow-x:auto}.adj-reason{max-width:150px}}.transfer-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);max-width:1200px}.close-btn{background:#f0f0f0}.form-header h2{align-items:center;color:#121349;display:flex;font-size:1.5rem;font-weight:600;gap:8px}.form-subtitle{color:#718096;margin-top:.25rem}.info-banner{align-items:center;background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px 16px}.info-banner svg{color:#1890ff;flex-shrink:0}.info-banner div{flex:1 1}.info-banner strong{color:#1890ff;display:block;margin-bottom:2px}.info-banner p{color:#0050b3;font-size:13px;margin:0}.sales-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-template-columns:repeat(2,1fr)}.form-group{gap:.5rem}.form-group label{align-items:center;color:#4a5568;display:flex;font-size:.9rem;gap:4px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.form-group textarea{min-height:80px}.total-field{background:#f5f5f5!important;color:#1890ff;cursor:default;font-weight:600}.transfer-item-card{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:20px;padding:20px;position:relative}.transfer-item-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:2fr 2fr 2fr 1fr 1fr 1fr;margin-bottom:10px}@media (max-width:1200px){.transfer-item-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.transfer-item-grid{grid-template-columns:1fr}}.stock-info{border-radius:4px;font-size:12px;gap:8px;margin-top:8px;padding:8px}.stock-info.sufficient{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}.stock-info.insufficient{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.warning{color:#ff4d4f;font-weight:600;margin-left:4px}.batch-expiry-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:10px}.batch-expiry-row input,.item-notes{border:1px solid #ddd;border-radius:4px;padding:8px;width:100%}.error-message{align-items:center;background:#fff2f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;display:flex;gap:8px;margin-bottom:15px;padding:10px}.error-message.small{font-size:12px;margin-bottom:5px;margin-top:5px;padding:5px 8px}.add-item-btn{align-items:center;background:#0000;border:2px dashed #1890ff;border-radius:4px;color:#1890ff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:10px 20px;transition:all .3s ease}.add-item-btn:hover{background:#e6f7ff;border-color:#096dd9}.add-item-btn:disabled{cursor:not-allowed;opacity:.5}.remove-item-btn{align-items:center;background:#fff1f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:10px;top:10px;transition:all .3s ease}.remove-item-btn:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.totals-summary{background:#f5f5f5;border-radius:8px;margin-bottom:20px;padding:20px}.totals-summary h4{color:#121349;font-size:1rem;font-weight:600;margin:0 0 15px}.totals-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.totals-grid{gap:10px;grid-template-columns:1fr}}.total-item{background:#fff;box-shadow:0 2px 4px #0000000d;padding:15px;text-align:center}.total-label{color:#666;font-size:13px;margin-bottom:5px}.total-value{color:#333;font-size:24px;font-weight:700}.total-value.highlight{color:#1890ff}.action-buttons{gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.mode-indicator{align-items:center;border-radius:8px;display:flex;gap:10px;margin-bottom:20px;padding:12px 20px}.mode-indicator.transfer-out{background:#fff2f0;border:1px solid #ffccc7;color:#ff4d4f}.mode-indicator.transfer-in{background:#f6ffed;border:1px solid #b7eb8f;color:#52c41a}@media (max-width:768px){.form-wrapper{padding:1rem}.transfer-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}.action-buttons,.button-group{flex-direction:column}.action-buttons button,.button-group button{width:100%}.transfer-item-card{padding:15px}.remove-item-btn{justify-content:center;margin-top:10px;position:static;width:100%}}.stock-transfer-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.header h2 svg{color:#f89a3a}.filter-group input,.filter-group select{border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease;width:100%}.filter-group input:focus,.filter-group select:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33}.reference-cell{display:flex;flex-direction:column}.reference-no{color:#121349;font-weight:600}.transfer-id{color:#718096;font-size:11px;margin-top:2px}.product-cell{align-items:center;display:flex;gap:8px}.product-cell svg{color:#1890ff;flex-shrink:0}.product-name{color:#2d3748}.product-code{color:#718096}.warehouse-cell{align-items:center;display:flex;gap:8px}.warehouse-cell svg{color:#52c41a;flex-shrink:0}.warehouse-code{color:#718096}.quantity-cell{align-items:center;display:flex;font-weight:600;gap:6px}.quantity-cell svg{color:#1890ff}.date-cell{color:#718096;font-size:.9rem;gap:6px}.date-cell svg{color:#fa8c16}.action-btn.view{background:#e6f7ff;color:#1890ff}.action-btn.view:hover{background:#1890ff;color:#fff}.action-btn.edit{background:#fff7e6;color:#fa8c16}.action-btn.edit:hover{background:#fa8c16;color:#fff}.action-btn.delete{background:#fff1f0;color:#ff4d4f}.action-btn.delete:hover{background:#ff4d4f;color:#fff}.no-data-message{align-items:center;display:flex;flex-direction:column;gap:16px}.no-data-message svg{color:#cbd5e0}.no-data-message p{color:#718096;margin:0}.pagination-pages{display:flex;gap:4px}.pagination-info{border-top:1px solid #e2e8f0;padding:10px 20px;text-align:right}@media (max-width:1024px){.stock-transfer-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{align-self:flex-end}.styled-table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:768px){.stock-transfer-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.add-button,.apply-filters,.export-btn,.filter-btn,.refresh-btn{font-size:.85rem;padding:.6rem 1rem}.styled-table td,.styled-table th{padding:.75rem 1rem}.styled-table th{font-size:.8rem}.action-buttons{gap:4px}.action-btn{height:28px;width:28px}.pagination{align-items:center;flex-direction:column}.pagination-info{text-align:center}}.status-badge.partially_delivered{background:#fff7e6;color:#fa8c16}.account-select,.amount-input,.method-select,.ref-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.prepaid{color:#52c41a}@media (max-width:768px){.convert-container{padding:10px}.summary-grid{grid-template-columns:1fr}.totals-section{max-width:100%}.items-table{font-size:12px}.items-table td,.items-table th{padding:8px}.header-title{align-items:flex-start;flex-direction:column}.payment-row{gap:8px;grid-template-columns:1fr}.account-select,.amount-input,.method-select,.ref-input{width:100%}.remove-payment{width:auto}}.form-wrapper{background:#f5f5f5}.order-form-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:0 auto;max-width:1400px;padding:30px;position:relative}.close-btn{transition:all .3s}.close-btn:hover{background:#ff4d4f}.form-header{border-bottom:2px solid #f0f0f0;gap:10px}.form-header h2{color:#333;font-size:24px;margin:0}.loading-container{padding:60px;text-align:center}.loading-container svg{margin-bottom:20px}.error-container{color:#dc3545;padding:60px}.error-container h3{margin:20px 0 10px}.form-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#555;font-size:14px;margin-bottom:5px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.form-group textarea{min-height:60px;resize:vertical}.section-title{border-bottom:1px solid #eee;color:#333;font-size:18px;margin:30px 0 20px;padding-bottom:10px}.item-row{background:#fafafa;border:1px solid #ddd;border-radius:4px;margin-bottom:20px;padding:20px;position:relative}.item-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:10px}.item-field{display:flex;flex-direction:column}.item-field label{color:#666;font-size:12px;margin-bottom:4px}.item-field input,.item-field select{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px}.item-field input.readonly{background:#f5f5f5;color:#666}.stock-info{align-items:center;color:#52c41a;display:flex;font-size:11px;gap:4px;margin-top:4px}.item-notes{margin-top:10px}.notes-input{border:1px solid #ddd;border-radius:4px;font-size:13px;padding:6px 8px;width:100%}.remove-btn{align-items:center;background:#fff1f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;cursor:pointer;display:flex;font-size:12px;gap:4px;padding:4px 8px;position:absolute;right:10px;top:10px;transition:all .3s}.remove-btn:hover{background:#ff4d4f;border-color:#ff4d4f;color:#fff}.add-btn{align-items:center;background:#0000;border:2px dashed #1890ff;border-radius:4px;color:#1890ff;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:8px 16px;transition:all .3s}.add-btn:hover{background:#e6f7ff}.add-btn:disabled{background:#0000;border-color:#ddd;color:#999;cursor:not-allowed}.warning-message{background:#fff7e6;border:1px solid #ffe7ba;border-radius:4px;color:#fa8c16;font-size:13px;margin-bottom:20px;padding:8px 12px}.approval-checkbox{background:#f9f9f9;border-radius:4px;margin:20px 0;padding:10px}.approval-checkbox label{align-items:center;color:#666;cursor:pointer;display:flex;gap:8px}.totals-section{background:#f5f5f5;border-radius:4px;margin:20px 0}.total-row{margin-bottom:8px;padding:4px 0}.total-row .discount{color:#e53935}.grand-total{border-top:2px solid #ddd;font-size:18px;margin-top:10px;padding-top:10px}.actions{gap:10px;margin-top:30px}.cancel-btn,.submit-btn{border:none;border-radius:4px;font-size:14px;padding:10px 20px;transition:all .3s}.cancel-btn:hover{border-color:#999}.submit-btn{background:#1890ff}.submit-btn:hover{background:#40a9ff}.submit-btn:disabled{background:#bae7ff}@media (max-width:768px){.form-wrapper{padding:10px}.order-form-container{padding:20px}.form-grid,.item-grid{grid-template-columns:1fr}.actions{flex-direction:column}.actions button{justify-content:center;width:100%}}.convert-container{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.convert-header{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;display:flex;gap:20px;margin-bottom:30px;padding:15px 20px}.convert-header .back-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background .2s}.convert-header .back-btn:hover{background:#f0f0f0}.header-title{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.header-title h2{color:#333;margin:0}.order-summary{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.order-summary h3{color:#333;font-size:16px;margin:0 0 15px}.summary-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.summary-item{display:flex;flex-direction:column;gap:5px}.summary-item .label{color:#666;font-size:12px;font-weight:500}.summary-item .value{color:#333;font-size:14px;font-weight:500}.status-badge{font-size:12px;padding:4px 12px}.status-badge.draft{background:#fff7e6;color:#fa8c16}.status-badge.confirmed{background:#e6f7ff;color:#1890ff}.status-badge.processing{background:#f9f0ff;color:#722ed1}.status-badge.partially_received{background:#fff7e6;color:#fa8c16}.status-badge.delivered{background:#f6ffed;color:#52c41a}.items-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h3{color:#333;font-size:16px;margin:0}.select-all{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.items-table-container{overflow-x:auto}.items-table{border-collapse:collapse;width:100%}.items-table th{background:#fafafa;border-bottom:1px solid #e8e8e8;color:#666;font-size:13px;font-weight:600;padding:12px;text-align:left}.items-table td{border-bottom:1px solid #f0f0f0;font-size:13px;padding:12px}.product-info{align-items:center}.product-name{color:#333}.quantity-cell{text-align:center}.quantity-cell.remaining{color:#1890ff;font-weight:600}.quantity-input{border:1px solid #ddd;border-radius:4px;padding:6px 8px;text-align:center;width:80px}.total-cell{color:#1890ff;font-weight:600}.totals-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;margin-left:auto;max-width:400px;padding:20px}.total-row{font-size:14px;padding:8px 0}.grand-total,.total-row{display:flex;justify-content:space-between}.grand-total{border-bottom:1px solid #e8e8e8;border-top:1px solid #e8e8e8;font-size:16px;font-weight:700;margin:8px 0;padding:12px 0}.discount{color:#ff4d4f}.actions{gap:15px;justify-content:flex-end;margin-top:20px}.cancel-btn{background:#fff;border:1px solid #ddd;padding:10px 20px;transition:all .2s}.cancel-btn:hover{background:#f5f5f5}.convert-btn{align-items:center;background:#52c41a;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .2s}.convert-btn:hover:not(:disabled){background:#389e0d}.convert-btn:disabled{cursor:not-allowed;opacity:.6}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:400px}.error-state p,.loading-state p{color:#666}.error-state h3{color:#ff4d4f;margin:0}.back-btn{background:#1890ff;border:none;border-radius:4px;color:#fff}@media (max-width:768px){.convert-container{padding:10px}.summary-grid{grid-template-columns:1fr}.totals-section{max-width:100%}.items-table{font-size:12px}.items-table td,.items-table th{padding:8px}.header-title{align-items:flex-start;flex-direction:column}}.payments-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:20px;padding:20px}.payments-section h3{color:#333;font-size:16px;margin:0 0 15px}.payment-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:1.5fr 2fr 1fr auto;margin-bottom:10px}.account-select,.amount-input,.method-select{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:8px 12px;width:100%}.account-select{background-color:#fff;cursor:pointer}.remove-payment{align-items:center;background:#fff1f0;border:1px solid #ffccc7;border-radius:4px;color:#ff4d4f;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s}.remove-payment:hover{background:#ffccc7}.add-payment{align-items:center;background:#0000;border:2px dashed #52c41a;border-radius:4px;color:#52c41a;cursor:pointer;display:inline-flex;gap:8px;margin-top:10px;padding:8px 16px;transition:all .2s}.add-payment:hover{background:#f6ffed}.net-total{display:flex;font-size:16px;font-weight:700;justify-content:space-between;padding:12px 0}.balance-due,.overpaid{color:#ff4d4f}.paid{color:#52c41a}.transactiontype-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:1200px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.close-btn{height:32px;width:32px}.close-btn:hover{color:#333}.form-header{gap:12px;justify-content:center}.form-header svg{color:#f89a3a}.form-title{margin:0}.form-subtitle{color:#6c757d;font-size:.9rem;margin-top:.5rem;text-align:center}.transactiontype-form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{grid-template-columns:repeat(2,1fr)}.form-field{margin-bottom:0}.form-field input:focus+label,.form-field select:focus+label,.form-field textarea.filled+label,.form-field textarea:focus+label,.form-field.filled label{top:.5rem}.select-wrapper select{padding-right:2.5rem}.select-icon{color:#94a3b8}.field-hint{color:#6c757d;font-size:.7rem}.form-actions{margin-top:20px}.cancel-btn{background:#e74c3c;box-shadow:0 2px 4px #e74c3c33;color:#fff;flex:1 1;font-weight:600;justify-content:center;padding:12px 24px}.cancel-btn:hover:not(:disabled){background:#c0392b;box-shadow:0 4px 8px #c0392b4d}.submit-btn{flex:2 1;padding:12px 24px}.cancel-btn:disabled,.submit-btn:disabled{background:#cbd5e0;box-shadow:none!important}.quick-select-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:25px;padding:20px}.quick-select-title{align-items:center;color:#1e293b;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 8px}.quick-select-subtitle{color:#64748b;font-size:.85rem;margin-bottom:20px}.category-section{margin-bottom:25px}.category-section:last-child{margin-bottom:0}.category-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#333;display:flex;font-size:14px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.predefined-types-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.predefined-type-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;padding:12px;text-align:left;transition:all .2s ease;width:100%}.predefined-type-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.predefined-type-card.adjustment{border-left:3px solid #722ed1}.predefined-type-card.adjustment .type-card-header{color:#722ed1}.predefined-type-card.order{background:linear-gradient(135deg,#f5f0ff,#e9e2ff);border-left:3px solid #8b5cf6}.predefined-type-card.order:hover{background:linear-gradient(135deg,#e9e2ff,#ddd6fe);box-shadow:0 4px 12px #8b5cf633;transform:translateY(-2px)}.predefined-type-card.order .type-card-header{color:#6d28d9}.predefined-type-card.order .type-name{color:#5b21b6;font-weight:600}.predefined-type-card.order .type-sign.neutral{background:#ede9fe;color:#6d28d9}.type-card-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.type-name{color:#1f2937;font-size:14px}.type-card-details{display:flex;font-size:12px;gap:12px;margin-bottom:8px}.type-ref{color:#6b7280}.type-ref strong{color:#374151;font-weight:600}.type-sign{border-radius:20px;font-size:11px;font-weight:600;padding:2px 8px}.type-sign.positive{background:#dcfce7;color:#15803d}.type-sign.negative{background:#fee2e2;color:#b91c1c}.type-sign.neutral{background:#f3f4f6;color:#4b5563}.type-notes{border-top:1px solid #f3f4f6;color:#6b7280;font-size:11px;line-height:1.4;margin-top:6px;padding-top:6px}.info-section{margin-top:10px;padding:15px}.info-section h4{font-size:.9rem;gap:6px;margin:0 0 8px}.info-grid{display:flex;flex-direction:column;gap:8px}.info-item{color:#2c3e50}.info-item label{color:#4b5563;font-weight:600;min-width:100px}.info-item span{color:#1f2937}.loading-container p{color:#6c757d;font-size:.9rem}.error-container{padding:40px}.error-container h3{color:#dc2626;margin:16px 0 8px}.error-container p{color:#6c757d;margin-bottom:20px}.role-indicator{background:linear-gradient(135deg,#f89a3a,#f55a42);border-radius:8px;gap:10px;margin-bottom:20px;padding:10px 20px}@media (max-width:768px){.form-wrapper{padding:1rem}.transactiontype-form-container{margin:.5rem;padding:1.5rem}.form-grid{gap:1rem;grid-template-columns:1fr}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{width:100%}.predefined-types-grid{grid-template-columns:1fr}.quick-select-container{padding:15px}.info-item{align-items:flex-start;flex-direction:column;gap:4px}.info-item label{min-width:auto}}@media (max-width:480px){.transactiontype-form-container{padding:1.25rem}.form-title{font-size:1.25rem}.form-field input,.form-field select,.form-field textarea{font-size:.95rem}.close-btn{height:28px;right:12px;top:12px;width:28px}.form-header{margin-right:30px}.category-title,.type-name{font-size:12px}.type-card-details{flex-wrap:wrap;gap:8px}}.transactiontype-container{margin:0 auto;max-width:1400px;padding:20px}.category-badge{background:#f0f0f0;border-radius:4px;color:#666;height:18px;justify-content:center;margin-left:6px;width:18px}tr.category-adjustment td:first-child{border-left:3px solid #722ed1}tr.category-stock td:first-child{border-left:3px solid #52c41a}tr.category-transfer td:first-child{border-left:3px solid #fa8c16}tr.category-order td:first-child{border-left:3px solid #1890ff}.type-header{gap:8px}.system-badge{background:#fef3c7;color:#d97706;font-size:10px;font-weight:600}.updated-info{color:#9ca3af;font-size:10px}.reference-type-cell .ref-badge{background:#e0e7ff;border-radius:12px;color:#4338ca;font-family:monospace;font-size:11px;font-weight:600;padding:4px 8px}.sign-badge{font-size:12px;padding:4px 8px}.sign-badge.plus{background:#dcfce7;color:#15803d}.sign-badge.minus{background:#fee2e2;color:#b91c1c}.sign-badge.zero{background:#f3f4f6;color:#4b5563}.sign-description{font-size:10px;opacity:.7}.notes-cell{word-wrap:break-word}.company-cell small{color:#9ca3af;font-size:10px}.user-cell{align-items:center;display:flex;gap:8px}.user-cell small{color:#9ca3af;font-size:10px}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{color:#b91c1c}.status-badge.archived{background:#f3f4f6;color:#4b5563}.action-btn{transition:all .2s ease}.action-btn.view-btn{background:#e0e7ff;color:#4338ca}.action-btn.view-btn:hover{background:#c7d2fe;transform:scale(1.05)}.action-btn.edit-btn{background:#fef3c7;color:#d97706}.action-btn.edit-btn:hover:not(:disabled){background:#fde68a;transform:scale(1.05)}.action-btn.status-btn{background:#e2e3e5;color:#495057}.action-btn.status-btn:hover:not(:disabled){background:#d4d5d7;transform:scale(1.05)}.action-btn.delete-btn{background:#fee2e2;color:#b91c1c}.action-btn.delete-btn:hover:not(:disabled){background:#fecaca;transform:scale(1.05)}.styled-table{border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.styled-table thead tr{background:#f8fafc;border-bottom:2px solid #e2e8f0}.styled-table th{color:#1e293b}.styled-table td,.styled-table th{padding:12px 16px}.styled-table tbody tr:hover{background:#f8fafc}.stats-bar{background:#fff;box-shadow:0 1px 3px #0000001a;gap:20px;margin-bottom:20px;padding:15px 20px}.stat-item{align-items:baseline;font-size:14px;gap:6px}.stat-label{color:#6c757d}.stat-value{color:#1e293b}.stat-value.active,.stat-value.positive{color:#15803d}.stat-value.negative{color:#b91c1c}.stat-value.neutral{color:#4b5563}.stat-value.adjustment{color:#722ed1}.stat-value.system{color:#d97706}.filters-container{box-shadow:0 1px 3px #0000001a}.filter-group{gap:6px}.filter-group label{color:#4b5563}.filter-group input,.filter-group select{border:1px solid #e2e8f0}.filter-actions{margin-top:15px;text-align:right}.clear-filters{background:#f1f5f9;color:#475569;padding:6px 12px}.clear-filters:hover{background:#e2e8f0}.search-box svg{color:#94a3b8}.search-input{padding:10px 12px 10px 36px}.search-stats{color:#6c757d;flex-wrap:wrap;font-size:12px;gap:10px;justify-content:space-between;margin-top:8px}.active-filters{gap:8px}.filter-badge{background:#f1f5f9;color:#475569}.table-container{box-shadow:0 1px 3px #0000001a}.no-data{padding:60px!important}.header h2{color:#1e293b;font-size:1.5rem}.company-info{color:#6c757d;margin:5px 0 0}.filter-btn,.system-defaults-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s ease}.filter-btn{background:#f1f5f9;color:#475569}.filter-btn:hover{background:#e2e8f0}.system-defaults-btn{background:#fef3c7;color:#d97706}.system-defaults-btn:hover{background:#fde68a}.add-button{display:inline-flex;font-size:13px;padding:8px 16px;transition:all .2s ease}.add-button:hover{box-shadow:0 4px 8px #12134933}.transactiontype-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.header{background:linear-gradient(135deg,#2e3192,#23258a);box-shadow:0 4px 12px #2e319233}.stats-bar{align-items:center;background:#2e3192;border-radius:12px;box-shadow:0 2px 8px #0000001a;flex-wrap:wrap;gap:1rem}.stat-item{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff26;border-radius:30px;display:flex;gap:.5rem;padding:.4rem 1rem}.stat-label{color:#ffffffd9;font-weight:500}.stat-value{color:#fff;font-size:1.2rem;letter-spacing:.5px}.stat-value.active{color:#a5d6a7}.stat-value.positive{color:#c8e6c9}.stat-value.negative{color:#ffcdd2}.stat-value.neutral{color:#fff9c4}.stat-value.adjustment{color:#ffcc80}.stat-value.system{color:#b39ddb}.add-button,.system-defaults-btn{align-items:center;background:#2e3192!important;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-button:hover,.system-defaults-btn:hover{background:#23258a!important;box-shadow:0 4px 12px #2e31924d;transform:translateY(-2px)}.filter-btn{align-items:center;background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s}.filter-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.filters-grid{margin-bottom:1rem}.filter-group label{color:#2e3192;font-size:.8rem;margin-bottom:.25rem}.select-wrapper select{border:1px solid #e2e8f0;padding:.6rem 2rem .6rem .8rem}.select-icon{right:.8rem}.clear-filters{background:#f5f7fa;border-radius:6px;padding:.5rem 1rem;transition:.2s}.search-container{margin-bottom:1.5rem}.search-input{border:1px solid #e2e8f0;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem}.search-input:focus{border-color:#2e3192;box-shadow:0 0 0 2px #2e319233}.search-stats{align-items:center;color:#4b5563;display:flex;font-size:.85rem;gap:1rem}.active-filters{display:flex;flex-wrap:wrap;gap:.5rem}.filter-badge{background:#e2e8f0;border-radius:20px;color:#2e3192;font-size:.75rem;gap:.25rem;padding:.25rem .75rem}.styled-table td,.styled-table th{font-size:.9rem}.styled-table th{background:linear-gradient(135deg,#2e3192,#23258a);border-bottom:2px solid #1a1c6e;font-size:.85rem}.styled-table tbody tr:hover{background:#2e31920d}.transaction-type-cell{display:flex;flex-direction:column;gap:4px}.type-header{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.type-name{color:#2e3192;font-weight:600}.category-badge{background:#f1592a20;border-radius:20px}.category-badge,.system-badge{align-items:center;display:inline-flex;padding:2px 6px}.system-badge{background:#f1592a;border-radius:12px;color:#fff;font-size:.7rem;gap:4px}.updated-info{color:#718096;font-size:.7rem}.reference-type-cell .ref-badge{background:#e2e8f0;border-radius:20px;color:#2e3192;font-size:.8rem;padding:4px 10px}.sign-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:4px 12px}.sign-badge.positive{background:#d4edda;color:#155724}.sign-badge.negative{background:#f8d7da;color:#721c24}.sign-badge.neutral{background:#fff3cd;color:#856404}.sign-description{font-size:.7rem;font-weight:400;margin-left:4px}.notes-cell{color:#4b5563;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:#9ca3af;font-style:italic}.company-cell svg,.user-cell svg{color:#f1592a}.status-badge{font-size:.7rem}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.action-buttons{gap:6px}.action-btn{background:#f3f4f6;color:#4b5563;height:34px;width:34px}.view-btn:hover{background:#2e3192}.status-btn:hover{background:#f1592a;color:#fff}.no-data button{margin-top:1rem}.loading-container svg{color:#2e3192}@media (max-width:1024px){.transactiontype-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:768px){.transactiontype-container{padding:1rem}.stats-bar{align-items:stretch;flex-direction:column}.stat-item{justify-content:space-between}.styled-table td,.styled-table th{padding:.75rem 1rem}.action-btn{height:32px;width:32px}}@media (max-width:480px){.header h2{font-size:1.25rem}.add-button{justify-content:center;width:100%}.search-container{align-items:stretch;flex-direction:column}.search-box{max-width:none}}@media print{.transactiontype-container{background:#fff;padding:0}.action-buttons,.filters-container,.header,.search-container,.stats-bar{display:none}.styled-table th{background:#e0e0e0!important;color:#000!important}}.stat-item,.stat-item .stat-label,.stat-item .stat-value{color:#fff!important}@media (max-width:768px){.form-wrapper{padding:1rem}.branch-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}.button-group{flex-direction:column}.button-group button{width:100%}}.purchase-transaction-container{background:#f8fafc;padding:2rem}.header-section{background:linear-gradient(135deg,#121349,#1a237e);box-shadow:0 4px 12px #12134926;margin-bottom:2rem;padding:1.5rem}.title-section{gap:1rem}.title-section svg{color:#fff}.title-section h1{color:#fff;font-size:1.75rem}.create-btn,.export-btn,.filter-toggle,.refresh-btn{align-items:center;background:#283593!important;border:1px solid #3949ab;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.create-btn:hover,.export-btn:hover,.filter-toggle:hover,.refresh-btn:hover{background:#1a237e!important;box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:linear-gradient(135deg,#121349,#1a237e);border:1px solid #ffffff1a;box-shadow:0 2px 8px #12134926;color:#fff}.stat-icon.blue{background:#2196f333;color:#64b5f6}.stat-icon.green{background:#4caf5033;color:#81c784}.stat-icon.orange{background:#ff980033;color:#ffb74d}.stat-icon.purple{background:#9c27b033;color:#ba68c8}.stat-icon.teal{background:#00968833;color:#4db6ac}.stat-value{font-size:1.5rem;margin-bottom:.25rem}.stat-label{opacity:.9}.filters-panel{border:1px solid #e2e8f0;box-shadow:0 2px 8px #00000014;margin-bottom:2rem;padding:1.5rem}.filters-header{color:#121349;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.filters-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.filter-group label{font-size:.85rem;font-weight:600}.filter-group input[type=date],.select-wrapper select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#2d3748;font-size:.9rem;padding:.6rem 1rem .6rem 2.2rem;width:100%}.filter-group input[type=date]:focus,.select-wrapper select:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33;outline:none}.select-icon{left:.5rem}.apply-filters{background:linear-gradient(135deg,#121349,#1a237e);font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.apply-filters:hover{box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.search-section{margin-bottom:1.5rem}.search-box{max-width:500px}.clear-search{padding:.25rem}.clear-search:hover{background:#e2e8f0}.search-info{color:#718096}.table-container{background:#1a237e;border:1px solid #283593;box-shadow:0 2px 15px #0003;margin-bottom:30px}.transactions-table th{background:#121349;border-bottom:2px solid #3949ab;color:#f0f0f0;font-size:.9rem;letter-spacing:.5px;padding:16px 20px;text-transform:uppercase}.transactions-table td{border-bottom:1px solid #283593;color:#000;padding:16px 20px}.transactions-table tbody tr{background:#fff}.transactions-table tbody tr:nth-child(2n){background:#f8fafc}.transactions-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.return-row{background:linear-gradient(90deg,#ff98000d,#f57c000d)!important}.return-row:hover{background:linear-gradient(90deg,#ff98001a,#f57c001a)!important}.reference-id{gap:.25rem}.ref-id-badge{align-items:center;color:#121349;display:flex;gap:.5rem}.ref-id-sub{color:#718096;font-size:.8rem}.return-badge{align-self:flex-start;background:linear-gradient(135deg,#ff9800,#f57c00);border-radius:4px;font-size:.7rem;letter-spacing:.5px;margin-top:.25rem;padding:.125rem .5rem;text-transform:uppercase}.product-info,.supplier-info,.warehouse-info{align-items:flex-start;display:flex;gap:.75rem}.product-info svg,.supplier-info svg,.warehouse-info svg{color:#121349;flex-shrink:0;margin-top:.2rem}.product-info div,.supplier-info div,.warehouse-info div{display:flex;flex-direction:column}.product-name,.supplier-name,.warehouse-name{color:#000;font-size:.95rem;font-weight:600}.product-code,.supplier-code,.warehouse-code{color:#718096;font-size:.8rem;margin-top:.125rem}.quantity{font-size:1rem}.quantity.positive{color:#2e7d32}.quantity.negative{color:#d32f2f}.total-cost{color:#000}.action-btn{background:#283593;border:1px solid #3949ab}.action-btn:hover:not(:disabled){box-shadow:0 4px 8px #0000004d}.action-btn:disabled{background:#1a237e}.action-btn svg{color:#fff}.delete-btn,.edit-btn,.view-btn{background:#283593}.delete-btn svg,.delete-btn:hover svg,.edit-btn svg,.edit-btn:hover svg,.view-btn svg,.view-btn:hover svg{color:#fff}.action-btn:disabled svg{color:#fff;opacity:.7}.no-data{background:#fff}.empty-state{color:#718096;gap:1rem}.empty-state p{font-size:1rem;margin:0}.clear-filters-btn{margin-top:.5rem}.loading-container{color:#121349}.pagination{background:#1a237e;border-top:1px solid #283593}.pagination-btn{background:#283593;border:1px solid #3949ab;color:#fff}.pagination-btn:hover:not(:disabled){background:#1a237e;transform:translateY(-1px)}.page-btn{background:#283593;border:1px solid #3949ab;border-radius:6px;color:#fff;font-size:14px;font-weight:500;transition:all .3s}.page-btn:hover:not(.active){background:#1a237e}.page-btn.active{background:linear-gradient(135deg,#121349,#1a237e);border-color:#fff;font-weight:600}.pagination-info{color:#bbdefb}@media (max-width:1024px){.purchase-transaction-container{padding:1.5rem}.header-section{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{align-self:flex-end}.filters-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.purchase-transaction-container{padding:1rem}.header-section{padding:1.25rem}.title-section h1{font-size:1.5rem}.stats-grid{grid-template-columns:1fr}.header-actions{align-self:flex-start;flex-wrap:wrap}.create-btn,.export-btn,.filter-toggle,.refresh-btn{font-size:.85rem;padding:.6rem 1rem}.filters-grid{grid-template-columns:1fr}.transactions-table{display:block;overflow-x:auto;white-space:nowrap}.transactions-table td,.transactions-table th{padding:.75rem 1rem}.transactions-table th{font-size:.8rem}.action-buttons{gap:5px}.action-btn{height:32px;width:32px}.pagination{flex-wrap:wrap}.pagination-info{margin-left:0;margin-top:10px;text-align:center;width:100%}}.purchase-transaction-container{background:#f5f5f5;font-family:Poppins,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.stats-grid{grid-template-columns:repeat(5,1fr)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.select-wrapper select{border:1px solid #ddd;font-size:13px;padding:8px 12px}.select-icon{color:#999;right:10px}.filters-actions{gap:8px}.transactions-table{min-width:1200px}.transactions-table td:last-child,.transactions-table th:last-child{min-width:120px;text-align:center;white-space:nowrap;width:120px}.transactions-table th{font-size:12px;white-space:nowrap}.transactions-table td{vertical-align:middle}.transactions-table tbody tr.return-row:hover{background:#ffe6e5}.reference-id{display:flex;flex-direction:column;gap:4px}.ref-id-badge{color:#1890ff;font-size:13px;font-weight:600}.ref-id-sub{color:#999;font-size:11px}.return-badge{display:inline-block;margin-top:2px;width:-webkit-fit-content;width:fit-content}.product-name{font-size:13px}.warehouse-info{align-items:flex-start;gap:8px}.warehouse-info svg{flex-shrink:0;margin-top:2px}.warehouse-name{font-size:13px;font-weight:500}.warehouse-code{color:#999;font-size:11px}.supplier-info{align-items:flex-start}.supplier-info svg{color:#fa8c16;flex-shrink:0;margin-top:2px}.supplier-name{font-size:13px;font-weight:500}.supplier-code{color:#999;font-size:11px}.quantity{font-size:14px}.quantity.positive{color:#1890ff}.quantity.negative{color:#ff4d4f}.total-cost{color:#333;font-weight:600}.payment-details{background:#f5f5f5;border-radius:4px;font-size:10px;margin-top:4px;padding:4px}.payment-item{align-items:center;display:flex;gap:4px;padding:2px 0}.payment-summary{border-top:1px dashed #ccc;font-weight:600;margin-top:2px;padding-top:2px}.status-pending{background:#fff3cd;color:#856404}.status-completed{background:#d4edda;color:#155724}.status-cancelled{background:#f8d7da;color:#721c24}.status-returned{background:#e2d5f1;color:#4a1c6c}.payment-pending{background:#fff3cd;color:#856404}.payment-paid{background:#d4edda;color:#155724}.payment-partial{background:#cce5ff;color:#004085}.payment-notpaid,.payment-overdue{background:#f8d7da;color:#721c24}@media (max-width:1200px){.purchase-transaction-container{padding:20px}.stats-grid{grid-template-columns:repeat(3,1fr)}.transactions-table{min-width:1100px}.transactions-table td:last-child,.transactions-table th:last-child{min-width:130px;width:130px}.action-buttons{gap:6px}.action-buttons button{height:34px;min-width:34px;width:34px}.action-buttons button svg{height:16px;width:16px}}@media (max-width:768px){.purchase-transaction-container{padding:16px}.header-section{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-section{align-items:stretch;flex-direction:column;gap:12px}.search-box{max-width:none}.transactions-table{min-width:1000px}.transactions-table td:last-child,.transactions-table th:last-child{min-width:120px;width:120px}.action-buttons{gap:4px}.action-buttons button{height:32px;min-width:32px;width:32px}.action-buttons button svg{height:14px;width:14px}.action-buttons button:hover:after{display:none}.pagination{align-items:stretch;flex-direction:column}.pagination-info{margin-left:0;text-align:center}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.transactions-table td:last-child,.transactions-table th:last-child{min-width:110px;width:110px}.action-buttons{gap:3px}.action-buttons button{height:30px;min-width:30px;width:30px}}.sales-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:1200px;padding:2.5rem;transition:all .3s ease;width:100%}.form-row{grid-template-columns:repeat(3,1fr)}.products-table{min-width:1200px}.products-table td .form-field{margin:0}.products-table td .form-field input,.products-table td .form-field select{font-size:.9rem;height:40px;padding:.5rem .5rem .5rem 2rem}.products-table td .form-field .field-icon{height:16px;left:.75rem;top:50%;transform:translateY(-50%);width:16px}.total-grid{grid-template-columns:repeat(3,1fr)}.entity-info{background:#f5f5f5;border-left:4px solid #4caf50;border-radius:6px;margin-bottom:20px;padding:12px 15px}.info-item{align-items:center;color:#555;font-size:13px;gap:8px;margin-bottom:5px}.info-item:last-child{margin-bottom:0}.info-item svg{color:#4caf50}.form-info{background:#f9f9f9;border-left:3px solid #ddd;border-radius:6px;color:#666;font-size:13px;margin:15px 0;padding:10px 15px}.form-info ul{margin:5px 0 0 20px}.form-info li{margin-bottom:3px}.form-info small{display:block}.readonly-field{align-items:center;background-color:#f5f5f5;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:8px;padding:10px 12px}.readonly-field .field-icon{color:#666}.readonly-value{color:#333;font-size:14px}@media (max-width:768px){.form-wrapper{padding:1rem}.sales-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-header{align-items:stretch;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}.button-group{flex-direction:column}.button-group button{width:100%}}.sales-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.header h2{color:#fff;font-size:1.75rem;font-weight:600;margin:0}.header-actions{gap:1rem}.add-button,.apply-filters,.export-btn,.filter-btn,.refresh-btn{align-items:center;background:#121349!important;border:none;border-radius:8px;box-shadow:0 2px 8px #12134933;color:#fff!important;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-button:hover,.apply-filters:hover,.export-btn:hover,.filter-btn:hover,.refresh-btn:hover{background:#1a237e!important;box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.filter-btn{background:linear-gradient(90deg,#4a5568,#2d3748)!important}.export-btn{background:linear-gradient(90deg,#059669,#047857)!important}.refresh-btn{background:linear-gradient(90deg,#d97706,#b45309)!important}.apply-filters{background:linear-gradient(90deg,#2563eb,#1d4ed8)!important}.company-info{color:#bbdefb;font-weight:400;gap:.5rem;margin-top:.5rem}.company-info svg{color:#64b5f6}.stats-container{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(5,1fr);margin-bottom:1.5rem}@media (max-width:1200px){.stats-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}}.stat-card{border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #00000014;gap:1rem;padding:1.25rem;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{border-radius:10px;font-size:1.5rem}.stat-number{color:#2d3748;font-size:1.5rem}.stat-label{color:#718096;margin-top:.25rem}.filters-container{box-shadow:0 2px 8px #00000014}.filter-header{align-items:center;color:#121349;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.clear-filters{border:1px solid #dc2626;color:#dc2626;font-size:.85rem;padding:.25rem .75rem;transition:all .3s ease}.clear-filters:hover{background:#dc2626}.filter-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1rem}@media (max-width:1024px){.filter-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.filter-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.filter-grid{grid-template-columns:1fr}}.filter-group{gap:.5rem}.filter-group label{color:#4a5568}.date-input,.select-wrapper select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.date-input:focus,.select-wrapper select:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33;outline:none}.select-icon{left:1rem}.filter-actions{gap:1rem;justify-content:flex-end;margin-top:1rem}.search-container{gap:1rem;margin-bottom:1rem}.search-box input{border:1px solid #e2e8f0;padding:.75rem 1rem .75rem 2.5rem}.search-box input:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33}.search-box svg{color:#718096;left:.75rem}.clear-search{border-radius:50%;color:#718096;justify-content:center;right:.75rem}.clear-search:hover{background:#f0f0f0;color:#dc2626}.search-actions{gap:1rem}.stats{color:#718096;font-size:.9rem;white-space:nowrap}.styled-table{background:#fff}.styled-table td,.styled-table th{font-size:.95rem;padding:1rem 1.25rem;text-align:left}.styled-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52}.styled-table th:last-child{text-align:center}.styled-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.styled-table tbody tr:nth-child(2n){background:#f8fafc}.styled-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.styled-table tbody tr[style*="border-left: 3px solid #ff4d4f"]{background:#fff2f0!important}.action-btn{box-shadow:0 2px 4px #0000001a;color:#4a5568}.action-btn:hover{box-shadow:0 4px 8px #00000026}.action-btn:disabled{box-shadow:none;transform:none}.view-btn{background:#e6f7ff;color:#1890ff}.view-btn:hover{background:#1890ff}.edit-btn{background:#fff7e6;color:#fa8c16}.edit-btn:hover{background:#fa8c16}.delete-btn{background:#fff1f0;color:#ff4d4f}.delete-btn:hover{background:#ff4d4f}.no-data{color:#718096;font-size:1rem;font-style:italic}.clear-filters-btn{background:none;border:1px solid #121349;border-radius:6px;color:#121349;cursor:pointer;font-size:.9rem;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.clear-filters-btn:hover{background:#121349;color:#fff}.add-first-button{align-items:center;background:linear-gradient(135deg,#121349,#1a237e);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-first-button:hover{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.loading{color:#121349;font-size:1.2rem;font-weight:500;text-align:center}.pagination{background:#fff;border-top:1px solid #e2e8f0}.pagination-btn{border:1px solid #e2e8f0;color:#333;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.pagination-btn:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0}.pagination-btn.active{background:linear-gradient(135deg,#121349,#1a237e);border-color:#121349;color:#fff}.pagination-info{color:#718096;font-size:14px;margin-left:auto}@media (max-width:1024px){.sales-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.header-actions{align-self:flex-end}.filter-fields{grid-template-columns:repeat(3,1fr)}.styled-table{display:block;overflow-x:auto;white-space:nowrap}}@media (max-width:768px){.sales-container{padding:1rem}.header{padding:1.25rem}.header h2{font-size:1.5rem}.add-button,.apply-filters,.export-btn,.filter-btn,.refresh-btn{font-size:.85rem;padding:.6rem 1rem}.filter-fields{grid-template-columns:1fr}.styled-table td,.styled-table th{padding:.75rem 1rem}.styled-table th{font-size:.8rem}.actions{gap:.5rem}.delete-btn,.edit-btn,.view-btn{height:32px;width:32px}.pagination{align-items:center;flex-direction:column}.pagination-info{margin-left:0;margin-top:10px}}.invoice-list-container{background:#f5f5f5;font-family:Poppins,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.header-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:20px}.title-section{gap:12px}.title-section svg{color:#1890ff}.title-section h1{font-weight:600}.company-info{gap:4px;margin:4px 0 0}.header-actions button{font-size:13px;gap:6px}.filter-toggle{background:#f0f0f0}.filter-toggle:hover{background:#e0e0e0}.stats-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(6,1fr);margin-bottom:24px}.stat-card{gap:12px;padding:16px}.stat-value{font-size:20px;font-weight:700;line-height:1.2}.stat-label{color:#999;font-size:12px}.filters-panel{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.filters-header{gap:8px;margin-bottom:16px;padding-bottom:12px}.filters-header span{font-weight:600}.clear-filters{background:#0000;border:1px solid #ff4d4f;border-radius:4px;color:#ff4d4f;font-size:12px;margin-left:auto;padding:4px 8px;transition:all .2s}.clear-filters:hover{background:#ff4d4f;color:#fff}.filters-grid{grid-gap:16px;gap:16px;margin-bottom:16px}.filter-group{gap:4px}.filter-group input,.filter-group select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px}.apply-filters{border-radius:6px;font-size:13px;gap:6px;padding:8px 16px;transition:all .2s}.search-section{margin-bottom:16px}.search-box input{background:#fff;border:1px solid #ddd;padding:10px 12px 10px 40px}.search-box input:focus{border-color:#1890ff}.clear-search{background:#0000}.table-container{-webkit-overflow-scrolling:touch;padding:20px}.invoices-table{border-collapse:collapse;min-width:1200px;width:100%}.invoices-table td:last-child,.invoices-table th:last-child{min-width:140px;text-align:center;white-space:nowrap;width:140px}.invoices-table th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#666;font-size:12px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.invoices-table td{border-bottom:1px solid #f0f0f0;font-size:13px;padding:12px;vertical-align:middle}.invoices-table tbody tr:hover{background:#fafafa}.invoices-table tbody tr.return-row{background:#fff2f0}.invoices-table tbody tr.return-row:hover{background:#ffe6e5}.invoice-no{align-items:center;display:flex;gap:8px}.invoice-no .no{color:#333;font-weight:600}.return-badge{background:#ff4d4f;border-radius:10px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px}.reference-id{color:#1890ff;font-family:monospace;font-weight:500}.customer-info{flex-wrap:wrap;gap:6px}.customer-info svg{color:#722ed1}.customer-info span{font-weight:500}.customer-info small{font-size:10px}.amount{font-weight:600}.amount.grand-total{color:#1890ff}.amount.paid{color:#52c41a}.amount.balance{font-weight:700}.type-badge.sale{background:#e6f7ff;color:#1890ff}.type-badge.return{background:#fff2f0;color:#ff4d4f}.status-badge{display:inline-flex;gap:4px}.payment-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px}.action-buttons{align-items:center;flex-wrap:nowrap}.action-buttons button{border-radius:8px;box-shadow:0 2px 4px #0000001a;display:inline-flex;flex-shrink:0;height:36px;min-width:36px;transition:all .2s ease;width:36px}.action-buttons button svg{height:18px;width:18px}.view-btn{background:#1890ff!important;border:1px solid #096dd9!important;color:#fff!important}.view-btn:hover{background:#096dd9!important;box-shadow:0 4px 12px #1890ff66;transform:translateY(-2px)}.view-btn:active{transform:translateY(0)}.edit-btn{background:#52c41a!important;border:1px solid #389e0d!important;color:#fff!important}.edit-btn:hover{background:#389e0d!important;box-shadow:0 4px 12px #52c41a66}.delete-btn{background:#ff4d4f!important;border:1px solid #cf1322!important;color:#fff!important}.delete-btn:hover{background:#cf1322!important;box-shadow:0 4px 12px #ff4d4f66}.delete-btn:active{transform:translateY(0)}.action-buttons button:disabled{background:#d9d9d9!important;border-color:#bfbfbf!important;box-shadow:none;color:#fff!important;pointer-events:none}.action-buttons button:disabled:hover{box-shadow:none;transform:none}.action-buttons button{position:relative}.action-buttons button:hover:after{background:#000000d9;border-radius:4px;bottom:-30px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(title);font-size:12px;font-weight:500;left:50%;padding:4px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.empty-state{padding:48px;text-align:center}.empty-state p{color:#666;margin:16px 0}.empty-state .create-btn{display:inline-flex;margin:0 auto}.pagination{gap:8px;margin-top:20px;padding-top:20px}.pagination-btn{border:1px solid #ddd;border-radius:6px;gap:4px;padding:8px 12px;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#f5f5f5;border-color:#999}.pagination-btn:disabled{opacity:.5}.page-numbers{gap:4px}.page-btn{border:1px solid #ddd;font-size:13px;height:32px;min-width:32px}.page-btn:hover{background:#f5f5f5}.pagination-info{color:#999;font-size:12px;margin-left:16px}@media (max-width:1200px){.invoice-list-container{padding:20px}.stats-grid{grid-template-columns:repeat(3,1fr)}.invoices-table{min-width:1100px}.invoices-table td:last-child,.invoices-table th:last-child{min-width:130px;width:130px}.action-buttons{gap:6px}.action-buttons button{height:34px;min-width:34px;width:34px}.action-buttons button svg{height:16px;width:16px}}@media (max-width:768px){.invoice-list-container{padding:16px}.header-section{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.search-section{align-items:stretch;flex-direction:column;gap:12px}.search-box{max-width:none}.invoices-table{min-width:1000px}.invoices-table td:last-child,.invoices-table th:last-child{min-width:120px;width:120px}.action-buttons{gap:4px}.action-buttons button{height:32px;min-width:32px;width:32px}.action-buttons button svg{height:14px;width:14px}.action-buttons button:hover:after{display:none}.pagination{align-items:stretch;flex-direction:column}.pagination-info{margin-left:0;text-align:center}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.invoices-table td:last-child,.invoices-table th:last-child{min-width:110px;width:110px}.action-buttons{gap:3px}.action-buttons button{height:30px;min-width:30px;width:30px}}.invoice-view-container{background:#f5f5f5;margin:0 auto;max-width:1400px;min-height:100vh;padding:24px}.error-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:16px;min-height:400px;padding:48px}.error-container h3{color:#333;font-size:20px;margin:0}.error-container p{margin:0 0 16px}.back-button{background:#1890ff;border-radius:6px;color:#fff;gap:8px;padding:8px 16px;transition:all .2s}.back-button:hover{background:#096dd9}.view-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.back-btn{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 16px;transition:all .2s}.back-btn:hover{background:#f5f5f5;border-color:#999;color:#333}.header-actions{gap:8px}.header-actions .action-btn{align-items:center;background:#fff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#666;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.header-actions .action-btn svg{height:18px;width:18px}.header-actions .action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.header-actions .action-btn[title=Print]{background:#722ed1;color:#fff}.header-actions .action-btn[title=Print]:hover{background:#531dab;box-shadow:0 4px 12px #722ed166}.header-actions .action-btn[title="Download PDF"]{background:#52c41a;color:#fff}.header-actions .action-btn[title="Download PDF"]:hover{background:#389e0d;box-shadow:0 4px 12px #52c41a66}.header-actions .action-btn[title=Email]{background:#fa8c16;color:#fff}.header-actions .action-btn[title=Email]:hover{background:#d46b08;box-shadow:0 4px 12px #fa8c1666}.edit-btn{align-items:center;background:#1890ff;border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:40px;padding:0 20px;transition:all .2s ease}.edit-btn svg{height:18px;width:18px}.edit-btn:hover{background:#096dd9;box-shadow:0 4px 12px #1890ff66}.edit-btn:active{transform:translateY(0)}.header-actions .action-btn{position:relative}.header-actions .action-btn:hover:after{background:#000000d9;border-radius:4px;bottom:-35px;box-shadow:0 2px 8px #0003;color:#fff;content:attr(title);font-size:12px;font-weight:500;left:50%;padding:6px 12px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:1000}.invoice-header-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px}.invoice-title{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:24px}.title-left{align-items:center;display:flex;gap:16px}.title-left h1{color:#333;font-size:24px;margin:0}.invoice-refs{display:flex;gap:12px;margin-top:4px}.ref-id{background:#e6f7ff;color:#1890ff;font-size:16px;font-weight:600}.invoice-no,.ref-id{border-radius:16px;padding:4px 10px}.invoice-no{background:#f5f5f5;font-size:14px}.title-right{display:flex;gap:12px}.invoice-meta-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.meta-item{align-items:flex-start;background:#fafafa;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .2s}.meta-item:hover{background:#f0f0f0}.meta-icon{color:#1890ff;flex-shrink:0;margin-top:2px}.meta-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.meta-label{color:#999;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.meta-value{color:#333;display:flex;flex-direction:column;font-size:14px;font-weight:500;gap:2px}.meta-code{color:#666;font-size:12px;font-weight:400;margin-left:4px}.meta-date{color:#999;font-size:11px;font-weight:400;margin-top:2px}.financial-summary{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:flex;flex-wrap:wrap;gap:24px;justify-content:flex-end;padding:20px}.summary-item{min-width:120px;text-align:right}.summary-item.discount .summary-value{color:#ffd666}.summary-item.balance .summary-value{font-weight:700}.summary-label{display:block;font-size:12px;margin-bottom:4px;opacity:.8}.summary-value{display:block;font-size:18px;font-weight:600}.grand-total{border-left:2px solid #ffffff4d;padding-left:24px}.grand-total .summary-value{font-size:24px}.tabs-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;display:flex;gap:8px;margin-bottom:24px;padding:8px}.tab-btn{background:#0000;border-radius:6px;color:#666;font-size:14px;padding:10px 20px}.tab-btn:hover{background:#f5f5f5;color:#333}.tab-btn.active{background:#1890ff;color:#fff}.tab-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.details-tab{display:flex;flex-direction:column;gap:24px}.info-section{background:#fafafa;border-radius:8px;padding:20px}.info-section h3{color:#333;font-size:16px;margin:0 0 16px}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(2,1fr)}.info-row{align-items:baseline;display:flex;gap:8px}.info-row.full-width{grid-column:span 2}.info-label{color:#999;font-size:13px;min-width:100px}.info-value{color:#333;flex:1 1;font-size:14px;font-weight:500}.excel-info{align-items:center;background:#fff7e6;border:1px solid #ffd591;border-radius:6px;color:#fa8c16;display:flex;font-size:13px;gap:8px;padding:12px}.transactions-tab{display:flex;flex-direction:column;gap:20px}.transactions-header{align-items:center;display:flex;justify-content:space-between}.transactions-header h3{color:#333;font-size:18px;margin:0}.no-transactions{background:#fafafa;border-radius:8px;padding:48px;text-align:center}.no-transactions p{color:#666;margin:16px 0}.transactions-table-container{overflow-x:auto}.transactions-table{border-collapse:collapse;width:100%}.transactions-table th{background:#f5f5f5;border-bottom:2px solid #ddd;color:#666;font-size:13px;font-weight:600;padding:12px;text-align:left}.transactions-table td{border-bottom:1px solid #f0f0f0;font-size:13px;padding:12px}.transactions-table tbody tr:hover{background:#fafafa}.transactions-table tbody tr.return-row{background:#fff2f0}.transactions-table tfoot td{background:#fafafa;border-top:2px solid #ddd;font-weight:600;padding:16px 12px}.transaction-ref{display:flex;flex-direction:column;gap:4px}.transaction-ref .ref-id{font-size:12px}.transaction-ref .invoice-no,.transaction-ref .ref-id{padding:2px 6px;width:-webkit-fit-content;width:fit-content}.transaction-ref .invoice-no{font-size:11px}.product-info{align-items:flex-start;display:flex;gap:8px}.product-info svg{color:#1890ff;flex-shrink:0;margin-top:2px}.product-name{font-weight:500;margin-bottom:2px}.product-code{color:#999;font-size:11px}.warehouse-info{align-items:center;display:flex;gap:6px}.warehouse-info svg{color:#52c41a}.quantity{color:#1890ff;font-weight:600}.quantity.return{color:#ff4d4f}.total{color:#333;font-weight:600}.footer-label{color:#666;font-weight:600;text-align:right}.footer-total{color:#1890ff;font-weight:700}.payments-tab{display:flex;flex-direction:column;gap:24px}.payment-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.payment-summary-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;padding:20px;text-align:center}.payment-summary-card.paid{background:linear-gradient(135deg,#52c41a,#389e0d)}.payment-summary-card.balance{background:linear-gradient(135deg,#faad14,#d48806)}.payment-summary-card .label{display:block;font-size:13px;margin-bottom:8px;opacity:.8}.payment-summary-card .amount{display:block;font-size:28px;font-weight:700}.payment-details{background:#fafafa;border-radius:8px;padding:20px}.payment-details h3{color:#333;font-size:16px;margin:0 0 16px}.payment-methods{gap:8px;margin-bottom:24px}.payment-method-badge{align-items:center;background:#fff;border:1px solid #ddd;border-radius:20px;color:#666;display:flex;font-size:13px;gap:6px;padding:6px 12px}.payment-table{border-collapse:collapse;width:100%}.payment-table th{background:#f0f0f0;border-bottom:2px solid #ddd;color:#666;font-size:13px;font-weight:600;padding:12px;text-align:left}.payment-table td{border-bottom:1px solid #ddd;font-size:13px;padding:12px}.payment-table tfoot td{background:#f0f0f0;border-top:2px solid #ddd;font-weight:600;padding:16px 12px}.payment-method-cell{align-items:center;display:flex;gap:8px}.payment-amount{color:#52c41a;font-weight:600}.no-payments{background:#fff;border-radius:8px;padding:48px;text-align:center}.no-payments p{color:#666;margin:16px 0 0}@media (max-width:768px){.invoice-view-container{padding:16px}.view-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.header-actions .action-btn{height:36px;width:36px}.header-actions .action-btn svg{height:16px;width:16px}.edit-btn{font-size:13px;height:36px;padding:0 16px}.header-actions .action-btn:hover:after{display:none}.invoice-title{flex-direction:column;gap:16px}.title-right{justify-content:flex-start;width:100%}.invoice-meta-grid{grid-template-columns:1fr}.financial-summary{flex-direction:column;gap:16px}.summary-item{text-align:left}.grand-total{border-left:none;border-top:2px solid #ffffff4d;padding-left:0;padding-top:16px}.tabs-container{flex-wrap:wrap}.tab-btn{flex:1 1;justify-content:center}.info-grid{grid-template-columns:1fr}.info-row.full-width{grid-column:span 1}.payment-summary{grid-template-columns:1fr}}@media print{.header-actions,.tabs-container,.view-header{display:none!important}.invoice-view-container{background:#fff;padding:0}.invoice-header-card,.tab-content{border:1px solid #ddd;box-shadow:none}}.supplier-dropdown-list{background:#fff;border:1px solid #ddd;border-radius:8px;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:58px;z-index:999}.supplier-dropdown-item{cursor:pointer;font-size:14px;padding:10px 14px 10px 42px}.supplier-dropdown-item:hover{background:#f3f4f6}.search-info{color:#666;font-size:13px}.supplier-info{align-items:center;display:flex;gap:8px}.supplier-info small{color:#999;font-size:11px;margin-left:4px}.branch-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:1200px;padding:2.5rem;transition:all .3s ease;width:100%}.form-title{gap:8px;margin-bottom:1.5rem}.form-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.add-button{background:linear-gradient(90deg,#f89a3a,#121349);box-shadow:0 4px 6px #12134940;font-size:.9rem;gap:6px;padding:.55rem 1rem}.add-button:hover{box-shadow:0 6px 12px #12134959}.add-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.branch-form{display:flex;flex-direction:column;gap:1.5rem}.section-title{align-items:center;border-bottom:2px solid #f89a3a;color:#121349;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin:.5rem 0;padding-bottom:.5rem}.form-row{grid-gap:1.5rem;display:grid;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.form-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-field input,.form-field select,.form-field textarea{padding:1rem 1rem .5rem 2.5rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#f89a3a;box-shadow:0 0 0 2px #f89a3a33}.form-field label{left:2.5rem}.form-field input:focus+label,.form-field select:focus+label,.form-field textarea:focus+label,.form-field.filled label{color:#f89a3a}.field-icon{color:#718096;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.form-field textarea~.field-icon{top:1.5rem}.form-field input:focus~.field-icon,.form-field select:focus~.field-icon,.form-field textarea:focus~.field-icon,.form-field.filled .field-icon{color:#f89a3a}.field-hint{font-style:italic}.products-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;overflow-x:auto}.products-table{border-collapse:collapse;min-width:800px;width:100%}.products-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:1rem;text-align:left;text-transform:uppercase}.products-table td{border-bottom:1px solid #e2e8f0;padding:.75rem;vertical-align:middle}.products-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d)}.products-table .amount{font-weight:500;text-align:right}.total-cost-display{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-left:4px solid #4caf50;border-radius:8px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.total-label{align-items:center;color:#2e7d32;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem}.total-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.total-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.total-grid{grid-template-columns:1fr}}.total-item{align-items:center;background:#ffffffb3;border:1px solid #2e7d321a;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.total-item .total-label{color:#555;font-size:.9rem}.total-item .total-value{color:#2e7d32;font-weight:600}.total-item.grand-total{background:#4caf501a;border:2px solid #4caf50}.total-item.grand-total .total-label{color:#1b5e20;font-size:1rem}.total-item.grand-total .total-value{color:#1b5e20;font-size:1.2rem}.button-group{justify-content:flex-end;margin-top:1.5rem}.cancel-btn{gap:8px}.cancel-btn:hover{transform:translateY(-1px)}.cancel-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.submit-btn{background:linear-gradient(90deg,#f89a3a,#121349);gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.submit-btn:hover:not(:disabled){box-shadow:0 6px 12px #12134966}.spinner{border:2px solid #fff;border-top-color:#0000}.company-banner{align-items:center;background:#e8f4fd;border-left:4px solid #1976d2;border-radius:6px;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:10px 15px}.company-banner svg{color:#1976d2}.loading{color:#666;font-size:16px}.error-container{gap:20px}.delete-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#b22222,#dc2626);transform:translateY(-2px)}.delete-btn:disabled{transform:none!important}@media (max-width:768px){.form-wrapper{padding:1rem}.branch-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-header{align-items:stretch;gap:1rem}.button-group,.form-header{flex-direction:column}.button-group button{justify-content:center;width:100%}.form-row,.total-grid{grid-template-columns:1fr}}.customer-dropdown-list{background:#fff;border:1px solid #ddd;border-radius:8px;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:58px;z-index:999}.customer-dropdown-item{cursor:pointer;font-size:14px;padding:10px 14px 10px 42px}.customer-dropdown-item:hover{background:#f3f4f6}.payment-list-container{margin:0 auto;max-width:1400px;padding:20px}.header-section{flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.header-section,.title-section{align-items:center;display:flex;gap:15px}.title-section h1{color:#333;font-size:24px;margin:0}.title-section .company-info{align-items:center;color:#666;display:flex;font-size:13px;gap:5px;margin:5px 0 0}.header-actions{flex-wrap:wrap}.header-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.filter-toggle{background:#f5f5f5;color:#666}.filter-toggle:hover{background:#e8e8e8}.export-btn{background:#52c41a}.export-btn:hover{background:#389e0d}.refresh-btn{background:#1890ff;color:#fff}.refresh-btn:hover{background:#096dd9}.create-btn{background:#722ed1;color:#fff}.create-btn:hover{background:#531dab}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:25px}.stat-card{border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000000f}.stat-icon.blue{background:#e6f7ff;color:#1890ff}.stat-icon.green{background:#f6ffed;color:#52c41a}.stat-icon.orange{background:#fff7e6;color:#fa8c16}.stat-icon.purple{background:#f9f0ff;color:#722ed1}.stat-icon.teal{background:#e6fffb;color:#13c2c2}.stat-icon.red{background:#fff1f0;color:#f5222d}.stat-content{display:flex;flex-direction:column}.stat-value{color:#333;font-size:24px;font-weight:600}.filters-panel{background:#fff;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:20px;padding:20px}.filters-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:10px;margin-bottom:20px;padding-bottom:10px}.filters-header span{color:#333;flex:1 1;font-weight:500}.clear-filters{background:none;border:none;color:#1890ff;cursor:pointer;font-size:13px}.clear-filters:hover{color:#096dd9;text-decoration:underline}.filters-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.filter-group{gap:5px}.filter-group label{color:#666;font-size:12px}.filter-group input,.filter-group select{border:1px solid #d9d9d9;border-radius:4px;font-size:13px;padding:8px 10px}.filter-group input:focus,.filter-group select:focus{border-color:#1890ff;outline:none}.filters-actions{display:flex;justify-content:flex-end}.apply-filters{align-items:center;background:#1890ff;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 20px}.apply-filters:hover{background:#096dd9}.search-section{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box input{border-radius:6px;padding:10px 35px}.search-box svg{left:10px}.clear-search{align-items:center;display:flex;padding:0;right:10px}.clear-search:hover{color:#ff4d4f}.table-container{border:1px solid #f0f0f0;border-radius:8px}.payments-table{border-collapse:collapse;font-size:14px;width:100%}.payments-table th{background:#fafafa;border-bottom:2px solid #f0f0f0;color:#555;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.payments-table td{border-bottom:1px solid #f0f0f0;padding:12px;vertical-align:middle}.payments-table tbody tr:hover{background:#f5f5f5}.payment-no{color:#1890ff;font-weight:500;gap:6px}.customer-info,.payment-no{align-items:center;display:flex}.customer-info{gap:8px}.customer-info small{color:#999;font-size:11px;margin-left:4px}.invoice-no{color:#666;font-family:monospace}.amount{font-weight:500;text-align:right}.amount.highlight{color:#1890ff;font-weight:600}.payment-methods{display:flex;flex-wrap:wrap;gap:4px}.method-badge{align-items:center;background:#f5f5f5;border-radius:4px;color:#666;display:inline-flex;font-size:11px;gap:4px;padding:4px 6px;white-space:nowrap}.method-amount{color:#1890ff;font-weight:600}.doc-status-badge,.status-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:4px 8px;white-space:nowrap}.action-buttons{gap:5px}.action-buttons button{align-items:center;background:#0000;border:none;border-radius:4px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.action-buttons .view-btn{color:#1890ff}.action-buttons .view-btn:hover{background:#e6f7ff}.action-buttons .edit-btn{color:#722ed1}.action-buttons .edit-btn:hover{background:#f9f0ff}.action-buttons .approve-btn,.action-buttons .submit-btn{color:#52c41a}.action-buttons .approve-btn:hover,.action-buttons .submit-btn:hover{background:#f6ffed}.action-buttons .delete-btn{color:#ff4d4f}.action-buttons .delete-btn:hover{background:#fff1f0}.action-buttons button:disabled{cursor:not-allowed;opacity:.5}.no-data{padding:40px!important}.empty-state{align-items:center;display:flex;flex-direction:column;gap:15px}.empty-state p{color:#999;font-size:16px}.empty-state .create-btn{padding:8px 16px;width:auto}.pagination{border-top:1px solid #f0f0f0;flex-wrap:wrap;gap:10px;justify-content:center;padding:20px}.pagination,.pagination-btn{align-items:center;display:flex}.pagination-btn{background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;font-size:13px;gap:8px;padding:6px 12px}.pagination-btn:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.page-numbers{display:flex;gap:5px}.page-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;display:flex;height:36px;justify-content:center;width:36px}.page-btn.active{background:#1890ff;border-color:#1890ff;color:#fff}.pagination-info{color:#666;font-size:13px;margin-left:15px}@media (max-width:1024px){.payments-table{font-size:13px}.payments-table td,.payments-table th{padding:10px}}@media (max-width:768px){.header-section{align-items:flex-start;flex-direction:column}.header-actions{justify-content:flex-start;width:100%}.stats-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{padding:15px}.stat-icon{height:40px;width:40px}.stat-value{font-size:20px}.payments-table{display:block;overflow-x:auto}.action-buttons{flex-wrap:wrap}.pagination{align-items:stretch;flex-direction:column}.page-numbers{justify-content:center;order:-1}.pagination-info{margin-left:0;text-align:center}}@media (max-width:480px){.payment-list-container{padding:10px}.title-section h1{font-size:20px}.filters-grid,.stats-grid{grid-template-columns:1fr}.search-section{flex-direction:column}.search-box{max-width:100%}}.transfer-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:700px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.transfer-form{display:flex;flex-direction:column;gap:1.5rem}.form-field input,.form-field select,.form-field textarea{border:2px solid #e2e8f0;color:#2d3748}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-field input:disabled,.form-field select:disabled,.form-field textarea:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.form-field label{top:1rem}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field textarea:focus+label,.form-field.filled label{background:#fff;color:#667eea;font-size:.8rem;padding:0 .5rem;top:0;transform:translateY(-50%)}.form-section-title{align-items:center;border-bottom:2px solid #e2e8f0;color:#121349;display:flex;font-weight:600;gap:10px;margin-top:1.5rem;padding-bottom:10px}.info-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin:1rem 0;padding:1.5rem}.info-section h4{align-items:center;color:#121349;display:flex;gap:10px;margin-bottom:1rem}.info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.info-grid{grid-template-columns:1fr 1fr}}.info-item{align-items:flex-start;display:flex;gap:10px;padding:.5rem 0}.info-item svg{color:#667eea;flex-shrink:0;margin-top:2px}.info-item div{display:flex;flex-direction:column;gap:2px}.info-item strong{color:#121349;font-size:.9rem;font-weight:600}.info-item span{color:#4b5563;font-size:.9rem}.validation-info{background:#e8f5e9;border:1px solid #a5d6a7;border-radius:10px;margin:1rem 0;padding:1rem}.validation-item{align-items:center;color:#2e7d32;display:flex;font-size:.9rem;gap:10px;margin-bottom:.5rem}.validation-item:last-child{margin-bottom:0}.validation-item svg{flex-shrink:0}.entity-info{background:#f0f9ff;border:1px solid #bae6fd;border-left:4px solid #0369a1;border-radius:10px;margin:1rem 0;padding:1rem}.entity-info .info-item{font-size:.9rem;padding:.25rem 0}.entity-info .info-item span{color:#0369a1}.warning-message{align-items:flex-start;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;display:flex;font-size:.9rem;gap:10px;margin:1rem 0;padding:12px 15px}.warning-message svg{color:#ffc107;flex-shrink:0;margin-top:2px}.error-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:300px;padding:2rem;text-align:center}.error-container svg{color:#dc3545}.error-container p{color:#666;font-size:1.1rem;margin-bottom:1rem}@media (max-width:768px){.form-wrapper{padding:1rem}.transfer-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.close-btn{right:1rem;top:1rem}}@media (max-width:480px){.form-title{font-size:1.25rem}.form-subtitle{font-size:.9rem}.role-indicator{flex-direction:column;gap:8px;text-align:center}.form-field input,.form-field select,.form-field textarea{font-size:.9rem}.info-section{padding:1rem}}.transfers-container{margin:0 auto;max-width:1400px;padding:20px}.header{margin-bottom:25px}.header h2{align-items:center;color:#121349;display:flex;font-size:1.8rem;gap:10px}.company-info{font-size:.9rem}.add-button,.filter-btn{font-size:.95rem;padding:10px 20px;transition:all .3s ease}.filter-btn{background:#f5f5f5;border:1px solid #ddd;color:#333}.filter-btn:hover{background:#e0e0e0}.add-button{background:#121349}.add-button:hover{background:#1a237e}.stats-container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{border:1px solid #e0e0e0}.stat-icon{background:#f0f0f0;border-radius:12px;color:#666;height:48px;width:48px}.stat-icon.in{background:#e8f5e9;color:#2e7d32}.stat-icon.out{background:#ffebee;color:#c62828}.stat-number{font-size:1.8rem;font-weight:600}.stat-label{font-size:.85rem}.stat-amount{color:#121349;font-size:.9rem;font-weight:500;margin-top:4px}.filters-container{align-items:flex-end;border:1px solid #e0e0e0;display:flex;flex-wrap:wrap;margin-bottom:25px}.filter-group{flex:1 1;min-width:200px}.filter-group label{display:block;font-size:.9rem;margin-bottom:8px}.select-wrapper select{border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 35px 10px 12px}.select-wrapper select:focus{border-color:#121349;outline:none}.select-icon{color:#666;right:12px}.checkbox-group{align-items:center;display:flex}.filter-actions{min-width:200px}.apply-filters,.clear-filters{border-radius:8px;flex:1 1;font-weight:500;padding:10px;transition:all .3s ease}.clear-filters{background:#f5f5f5;border:1px solid #ddd}.clear-filters:hover{background:#e0e0e0}.apply-filters{background:#121349}.apply-filters:hover{background:#1a237e}.search-box input{border:2px solid #e0e0e0;font-size:.95rem;transition:all .3s ease}.search-box input:focus{border-color:#121349;box-shadow:0 0 0 3px #1213491a}.search-box svg{color:#999;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{font-size:16px}.refresh-btn{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;padding:10px;transition:all .3s ease}.refresh-btn:hover{background:#e0e0e0}.filter-badge{background:#e3f2fd;border-radius:4px;color:#1565c0;display:inline-flex;font-size:.8rem;font-weight:500}.styled-table th{background:#121349;border-bottom:2px solid #3949ab;color:#f0f0f0;font-size:.9rem;padding:16px 20px}.styled-table td{border-bottom:1px solid #e0e0e0;color:#000;padding:16px 20px}.transfer-id-cell{align-items:center;display:flex;gap:8px}.transfer-id-cell strong{color:#121349;font-size:1rem}.account-cell{align-items:center;display:flex;gap:8px}.account-name{color:#000;font-weight:500}.account-type{color:#666;display:block;font-size:.75rem}.type-badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:4px;letter-spacing:.5px;padding:5px 12px;text-transform:uppercase}.type-badge.in{background:#e8f5e9;border:1px solid #a5d6a7;color:#2e7d32}.type-badge.out{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.amount-cell{color:#2c3e50;font-weight:600}.amount-cell,.date-cell{align-items:center;display:flex;gap:4px}.date-cell{color:#4a5568}.description-cell{color:#333;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-description{color:#999;font-style:italic}.company-cell div{display:flex;flex-direction:column}.company-cell div div{color:#000}.company-cell small{color:#666;font-size:.85rem;margin-top:2px}.status-badge{padding:5px 12px;text-transform:uppercase}.status-badge.active{background:#e8f5e9;border:1px solid #a5d6a7}.status-badge.inactive{background:#ffebee;border:1px solid #ef9a9a;color:#c62828}.action-btn{background:#f5f5f5;border:1px solid #ddd;transition:all .3s ease}.action-btn:hover:not(:disabled){box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.action-btn:disabled{opacity:.5}.view-btn:hover{background:#1976d2;border-color:#2196f3;color:#fff}.edit-btn:hover{background:#121349;border-color:#3949ab}.delete-btn:hover{background:#c62828;border-color:#ef5350}.loading-container svg{color:#121349}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column}.header-actions{width:100%}.add-button,.filter-btn{flex:1 1;justify-content:center}.stats-container{grid-template-columns:repeat(2,1fr)}.filters-container{flex-direction:column}.filter-actions,.filter-group{width:100%}.search-container{flex-direction:column}.search-box{width:100%}.search-actions{justify-content:space-between;width:100%}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.stat-card{padding:15px}.action-buttons{flex-wrap:wrap}}.company-form-container{max-width:900px}.step-indicator{justify-content:center;margin-bottom:40px}.step,.step-indicator{align-items:center;display:flex;position:relative}.step{flex-direction:column;z-index:1}.step-number{align-items:center;background:#f5f7fa;background:var(--gray-light);border:2px solid #e0e0e0;border:2px solid var(--gray-medium);border-radius:50%;color:#666;color:var(--gray-dark);display:flex;font-weight:600;height:40px;justify-content:center;margin-bottom:10px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px}.step.active .step-number{background:#2e3192;background:var(--primary-color);border-color:#f1592a;border-color:var(--secondary-color);box-shadow:0 4px 12px #12134933;color:#fff;color:var(--white);transform:scale(1.1)}.step-label{color:#666;color:var(--gray-dark);font-size:14px;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.step.active .step-label{color:#2e3192;color:var(--primary-color);font-weight:600}.step-separator{color:#e0e0e0;color:var(--gray-medium);margin:0 20px}.form-grid{grid-gap:25px;gap:25px;margin-bottom:30px}.form-field{margin-bottom:5px}.form-field label{background:#fff;background:var(--white);color:#666;color:var(--gray-dark);font-size:16px;left:15px;padding:0 8px;top:18px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);z-index:1}.form-field input:focus+label,.form-field select:focus+label,.form-field textarea:focus+label,.form-field.filled label{color:#f1592a;color:var(--secondary-color);font-size:14px;font-weight:600;left:12px;top:-10px}.form-field.required label:after{color:#f1592a;color:var(--secondary-color);font-weight:700}.form-field input,.form-field select,.form-field textarea{background:#fff;background:var(--white);border:2px solid #e0e0e0;border:2px solid var(--gray-medium);border-radius:10px;border-radius:var(--radius-md);color:#333;color:var(--text-dark);font-family:inherit;font-size:16px;padding:18px 15px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.form-field input:hover,.form-field select:hover,.form-field textarea:hover{border-color:#2e3192;border-color:var(--primary-color)}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#f1592a;border-color:var(--secondary-color);box-shadow:0 0 0 4px #f89a3a1a}.form-field.error input,.form-field.error select,.form-field.error textarea{background-color:#dc262605;border-color:#dc2626!important;border-color:var(--error-color)!important}.form-field.error input:focus,.form-field.error select:focus,.form-field.error textarea:focus{border-color:#dc2626!important;border-color:var(--error-color)!important;box-shadow:0 0 0 4px #dc26261a!important}.form-field.error label{color:#dc2626!important;color:var(--error-color)!important}.form-field.required.error label:after{color:#dc2626;color:var(--error-color)}.select-icon{color:#2e3192;color:var(--primary-color);right:15px}.form-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121349' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 15px center;background-size:20px;padding-right:45px}.form-field.error select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.form-field textarea{line-height:1.5;min-height:100px}.checkbox-field{grid-column:1/-1}.checkbox-label{color:#2e3192;color:var(--primary-color);font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.checkbox-label:hover{color:#f1592a;color:var(--secondary-color)}.checkbox-input{display:none}.checkbox-custom{border:2px solid #e0e0e0;border:2px solid var(--gray-medium);border-radius:4px;height:20px;margin-right:12px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:20px}.checkbox-input:checked+.checkbox-custom{background:#f1592a;background:var(--secondary-color);border-color:#f1592a;border-color:var(--secondary-color)}.checkbox-input:checked+.checkbox-custom:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.checkbox-input:focus+.checkbox-custom{border-color:#f1592a;border-color:var(--secondary-color);box-shadow:0 0 0 3px #f89a3a1a}.field-error{color:var(--error-color)}.field-error,.field-hint{font-size:.875rem;margin-top:6px;padding-left:4px}.field-hint{color:#666;color:var(--gray-dark)}.field-hint.error{align-items:center;color:#dc2626;color:var(--error-color);display:flex;gap:4px}.form-actions{border-top:2px solid #1213491a;border-top:2px solid var(--primary-light);gap:15px;justify-content:space-between;margin-top:40px;padding-top:20px}.back-btn,.cancel-btn,.submit-btn{align-items:center;border:2px solid #0000;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:160px;padding:16px 32px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-btn{background:#f5f7fa;background:var(--gray-light);border-color:#e0e0e0;border-color:var(--gray-medium);color:#666;color:var(--gray-dark)}.back-btn:hover:not(:disabled){background:#e5e7eb;border-color:#2e3192;border-color:var(--primary-color);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,var(--primary-color) 0,#0f1140 100%)}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f1140 0,var(--primary-color) 100%)}.submit-btn:disabled{background:#a0a0a0;box-shadow:none!important;transform:none!important}.submit-btn:disabled:before{display:none}.loading-container svg{animation:spin 1s linear infinite;color:#f1592a;color:var(--secondary-color)}.loading-container p{font-size:18px;font-weight:500}.currency-badge,.status-badge,.type-badge{border:1px solid #0000;border-radius:20px;border-radius:var(--radius-xl);display:inline-block;font-size:13px;font-weight:600;padding:6px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.rotate-180{transform:rotate(180deg)}@keyframes shimmer{to{transform:translateX(100%)}}@media (max-width:768px){.company-form-container{margin:10px;padding:25px}.form-grid{gap:20px;grid-template-columns:1fr}.form-actions{flex-direction:column}.back-btn,.cancel-btn,.submit-btn{width:100%}.step-indicator{flex-direction:column;gap:15px}.step-separator{margin:5px 0;transform:rotate(90deg)}.form-title{font-size:24px}.form-subtitle{font-size:14px}}@media (max-width:480px){.company-form-container{padding:20px}.form-title{font-size:22px}.form-field input,.form-field select,.form-field textarea{font-size:15px;padding:14px 12px}.back-btn,.cancel-btn,.submit-btn{font-size:15px;padding:14px 24px}}.form-field input:disabled,.form-field select:disabled{background:#f9f9f9;border-color:#e5e5e5;color:#999}@media print{.form-wrapper{background:none;padding:0}.company-form-container{border:1px solid #000;box-shadow:none}.close-btn,.form-actions{display:none}}:root{--primary-color:#2e3192;--secondary-color:#f1592a;--primary-light:#1213491a;--secondary-light:#f89a3a1a;--primary-dark:#0f1140;--secondary-dark:#e68a2a;--error-color:#dc2626;--success-color:#2e7d32;--warning-color:#f59e0b;--gray-light:#f5f7fa;--gray-medium:#e0e0e0;--gray-dark:#666;--text-dark:#333;--white:#fff;--shadow-light:0 10px 40px #1213491a;--shadow-medium:0 4px 15px #00000014;--shadow-heavy:0 10px 40px #12134933;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--radius-sm:8px;--radius-md:10px;--radius-lg:15px;--radius-xl:20px}.form-wrapper{align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#eef2f7);background:linear-gradient(135deg,var(--gray-light) 0,#eef2f7 100%);overflow-y:auto;padding:20px}.company-form-container{animation:slideUp .5s ease;background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-medium);border-radius:15px;border-radius:var(--radius-lg);box-shadow:0 10px 40px #1213491a;box-shadow:var(--shadow-light);margin:20px 0;max-width:1200px;padding:40px;position:relative;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.close-btn{background:#1213491a;background:var(--primary-light);border:2px solid #0000;color:#2e3192;color:var(--primary-color);height:40px;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:40px;z-index:10}.close-btn:hover{background:#2e3192;background:var(--primary-color);border-color:#f1592a;border-color:var(--secondary-color);color:#fff;color:var(--white)}.back-btn{align-items:center;background:#1213491a;background:var(--primary-light);border:2px solid #1213491a;border:2px solid var(--primary-light);border-radius:10px;border-radius:var(--radius-md);color:#2e3192;color:var(--primary-color);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:20px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.back-btn:hover{background:#2e3192;background:var(--primary-color);border-color:#2e3192;border-color:var(--primary-color);color:#fff;color:var(--white);transform:translateX(-2px)}.form-header{border-bottom:2px solid #1213491a;border-bottom:2px solid var(--primary-light);margin-bottom:30px;padding-bottom:20px}.form-header svg{background:#1213491a;background:var(--primary-light);border:2px solid #f89a3a1a;border:2px solid var(--secondary-light);border-radius:50%;padding:12px}.form-header svg,.form-title{color:#2e3192;color:var(--primary-color)}.form-title{display:inline-block;font-size:28px;font-weight:700;margin:15px 0 10px;position:relative}.form-title:after{background:#f1592a;background:var(--secondary-color);border-radius:2px;bottom:-5px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.form-subtitle{color:var(--gray-dark);font-size:16px;line-height:1.6;margin:0 auto;max-width:600px}.view-company-header{align-items:flex-start;border-bottom:2px solid #1213491a;border-bottom:2px solid var(--primary-light);display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.company-details-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:30px}.detail-card{background:#fff;background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-medium);border-radius:10px;border-radius:var(--radius-md);box-shadow:0 4px 15px #00000014;box-shadow:var(--shadow-medium);padding:25px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.detail-card:hover{box-shadow:0 10px 40px #12134933;box-shadow:var(--shadow-heavy);transform:translateY(-2px)}.detail-card h3{align-items:center;border-bottom:2px solid #f1592a;border-bottom:2px solid var(--secondary-color);color:#2e3192;color:var(--primary-color);display:flex;font-size:18px;gap:10px;margin:0 0 20px;padding-bottom:12px}.detail-item{align-items:center;border-bottom:1px solid #f5f7fa;border-bottom:1px solid var(--gray-light);padding:12px 0}.detail-item:last-child{border-bottom:none}.detail-label{color:#666;color:var(--gray-dark);font-size:14px;font-weight:500}.detail-value{color:#2e3192;color:var(--primary-color);font-weight:600;max-width:60%;text-align:right;word-break:break-word}.table-container{background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-medium);border-radius:10px;border-radius:var(--radius-md);margin:20px 0;position:relative}.table-container::-webkit-scrollbar{height:8px;width:8px}.table-container::-webkit-scrollbar-track{background:#f5f7fa;background:var(--gray-light);border-radius:4px}.table-container::-webkit-scrollbar-thumb{background:#2e3192;background:var(--primary-color);border-radius:4px}.table-container::-webkit-scrollbar-thumb:hover{background:#0f1140;background:var(--primary-dark)}.styled-table{min-width:1000px}.styled-table thead{background:#2e3192;background:var(--primary-color);position:-webkit-sticky;position:sticky;top:0;z-index:10}.styled-table th{border-bottom:2px solid #f1592a;border-bottom:2px solid var(--secondary-color);color:#fff;color:var(--white);font-size:14px;letter-spacing:.5px;padding:16px 15px;text-transform:uppercase;white-space:nowrap}.styled-table th:first-child{border-top-left-radius:8px;border-top-left-radius:var(--radius-sm)}.styled-table th:last-child{border-top-right-radius:8px;border-top-right-radius:var(--radius-sm)}.styled-table tbody tr{border-bottom:1px solid #f5f7fa;border-bottom:1px solid var(--gray-light);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.styled-table tbody tr:hover{background:#1213491a;background:var(--primary-light);transform:translateX(2px)}.styled-table td{color:var(--text-dark);font-size:14px;padding:15px;vertical-align:middle;white-space:nowrap}.styled-table td:last-child{background:inherit;box-shadow:-2px 0 5px #0000000d;position:-webkit-sticky;position:sticky;right:0;z-index:5}.company-code{background:#1213491a;background:var(--primary-light);border:1px solid #12134933;border-radius:8px;border-radius:var(--radius-sm);color:#2e3192;color:var(--primary-color);display:inline-block;font-family:Monaco,Courier New,monospace;font-size:13px;font-weight:600;padding:6px 12px}.currency-badge,.role-badge,.status-badge,.type-badge,.user-status-badge{border:1px solid #0000;border-radius:20px;border-radius:var(--radius-xl);display:inline-block;font-size:12px;font-weight:600;letter-spacing:.3px;padding:6px 12px;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.type-badge{background:#1213491a;background:var(--primary-light);border-color:#12134933;color:#2e3192;color:var(--primary-color)}.currency-badge{background:#f89a3a1a;background:var(--secondary-light);border-color:#f89a3a33;color:#f1592a;color:var(--secondary-color)}.status-badge{font-weight:600;letter-spacing:.5px}.status-badge.active{background:#2e7d321a;border-color:#2e7d3233;color:#2e7d32;color:var(--success-color)}.status-badge.inactive{background:#c628281a;border-color:#c6282833;color:#dc2626;color:var(--error-color)}.user-status-badge.active{background:#2e7d321a;border-color:#2e7d3233;color:#2e7d32;color:var(--success-color)}.user-status-badge.inactive{background:#9e9e9e1a;border-color:#9e9e9e4d;color:#666;color:var(--gray-dark)}.role-badge{font-size:11px}.role-badge.admin{background:#f89a3a1a;border-color:#f89a3a4d;color:#f1592a;color:var(--secondary-color)}.role-badge.sales{background:#2e7d321a;border-color:#2e7d324d;color:#2e7d32;color:var(--success-color)}.role-badge.cashier{background:#2196f31a;border-color:#2196f34d;color:#2196f3}.role-badge.purchase{background:#9c27b01a;border-color:#9c27b04d;color:#9c27b0}.role-badge.user{background:#9e9e9e1a;border-color:#9e9e9e4d;color:#666;color:var(--gray-dark)}.action-buttons{justify-content:center;min-width:120px}.action-btn{background:var(--white);border:1px solid #e0e0e0;border:1px solid var(--gray-medium);border-radius:8px;border-radius:var(--radius-sm);color:#2e3192;color:var(--primary-color);height:36px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:36px}.action-btn:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.view-btn:hover{background:#1213491a;background:var(--primary-light);border-color:#2e3192;border-color:var(--primary-color);color:#2e3192;color:var(--primary-color)}.edit-btn:hover{background:#f89a3a1a;background:var(--secondary-light);border-color:#f1592a;border-color:var(--secondary-color);color:#f1592a;color:var(--secondary-color)}.delete-btn:hover{background:#dc26261a;border-color:#dc2626;border-color:var(--error-color);color:#dc2626;color:var(--error-color)}.view-actions{align-items:center;border-top:2px solid #1213491a;border-top:2px solid var(--primary-light);display:flex;justify-content:space-between;margin-top:40px;padding-top:20px}.add-user-btn,.cancel-btn,.submit-btn{align-items:center;border:2px solid #0000;border-radius:10px;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:14px 28px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.cancel-btn{background:#f5f7fa;background:var(--gray-light);border-color:#e0e0e0;border-color:var(--gray-medium);color:var(--gray-dark)}.cancel-btn:hover:not(:disabled){background:#e5e7eb;border-color:#666;border-color:var(--gray-dark);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#2e3192,#0f1140);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-dark) 100%);color:var(--white);overflow:hidden;position:relative}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#0f1140,#2e3192);background:linear-gradient(135deg,var(--primary-dark) 0,var(--primary-color) 100%);box-shadow:0 8px 25px #1213494d;transform:translateY(-2px)}.submit-btn:hover:not(:disabled):before{left:100%}.add-user-btn{background:#fff;background:var(--white);border:2px solid #2e3192;border:2px solid var(--primary-color);color:#2e3192;color:var(--primary-color)}.add-user-btn:hover{background:#2e3192;background:var(--primary-color);box-shadow:0 4px 12px #12134933;color:#fff;color:var(--white);transform:translateY(-2px)}.loading-container{color:#666;color:var(--gray-dark);gap:20px}.loading-container .animate-spin{border:3px solid #f1592a;border:3px solid var(--secondary-color);border-radius:50%;border-top:3px solid #0000;height:32px;width:32px}.no-data-content{gap:20px;padding:60px 20px;text-align:center}.no-data-content svg{color:#2e3192;color:var(--primary-color);opacity:.5}@media (max-width:1200px){.company-form-container{max-width:95%;padding:30px}.company-details-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.form-wrapper{align-items:flex-start;padding:10px}.company-form-container{margin:10px;padding:20px;width:100%}.form-grid{gap:20px;grid-template-columns:1fr}.form-actions,.view-actions{flex-direction:column;gap:15px}.add-user-btn,.back-btn,.cancel-btn,.submit-btn{justify-content:center;width:100%}.view-company-header{flex-direction:column;gap:20px}.company-details-grid{grid-template-columns:1fr}.form-title{font-size:24px}.form-subtitle{font-size:14px}.detail-card{padding:20px}.detail-item{align-items:flex-start;flex-direction:column;gap:5px}.detail-value{max-width:100%;text-align:left}.action-buttons{flex-wrap:wrap;justify-content:flex-start}}@media (max-width:480px){.company-form-container{padding:15px}.form-title{font-size:22px}.form-field input,.form-field select,.form-field textarea{font-size:15px;padding:14px 12px}.add-user-btn,.back-btn,.cancel-btn,.submit-btn{font-size:14px;padding:12px 20px}.styled-table td,.styled-table th{font-size:13px;padding:10px 8px}.action-btn{height:32px;width:32px}}.form-field input:focus-visible,.form-field select:focus-visible,.form-field textarea:focus-visible{outline:3px solid #f1592a;outline:3px solid var(--secondary-color);outline-offset:2px}.company-users{border-top:2px solid #1213491a;border-top:2px solid var(--primary-light);margin-top:40px;padding-top:20px}.company-users h3{align-items:center;color:#2e3192;color:var(--primary-color);display:flex;font-size:20px;gap:10px;margin:0 0 20px}.no-users-state{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:2px dashed #dee2e6;border-radius:10px;padding:40px 20px;text-align:center}.no-users-state svg{color:#adb5bd;margin-bottom:15px}.no-users-state p{color:#6c757d;font-size:16px;margin-bottom:20px}.styled-table tbody tr{position:relative}.styled-table tbody tr:after{background:#2e3192;background:var(--primary-color);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:4px}.styled-table tbody tr:hover:after{opacity:1}.styled-table tbody tr:hover{border-radius:8px;border-radius:var(--radius-sm);box-shadow:0 4px 15px #1213491a}@keyframes successPulse{0%{box-shadow:0 0 0 0 #2e7d3266;transform:scale(1)}70%{box-shadow:0 0 0 10px #2e7d3200;transform:scale(1.05)}to{box-shadow:0 0 0 0 #2e7d3200;transform:scale(1)}}.success-animation{animation:successPulse .5s ease}.form-field input:disabled,.form-field select:disabled,button:disabled{background:#f9f9f9;border-color:#e5e5e5;color:#999;cursor:not-allowed;opacity:.7}button:disabled:hover{box-shadow:none!important;transform:none!important}.company-users-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:20px}.header{box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:15px}.header h2{color:#2e3192;margin:10px 0 5px}.company-info{font-size:14px;gap:6px;margin-top:5px}.back-button{align-items:center;background:none;border:none;color:#2e3192;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:10px}.back-button:hover{text-decoration:underline}.add-button,.refresh-btn{align-items:center;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.refresh-btn{background:#f1f5f9;border:1px solid #e2e8f0;color:#334155}.refresh-btn:hover{background:#e2e8f0}.add-button{background:#2e3192}.add-button:hover{background:#23258a;box-shadow:0 4px 8px #2e319233}.error-message{border-left:4px solid #dc2626;color:#dc2626;margin-bottom:20px}.table-container{box-shadow:0 2px 8px #00000014}.users-table{min-width:800px}.users-table td,.users-table th{border-bottom:1px solid #e2e8f0;padding:14px 16px;text-align:left}.users-table th{background:#2e3192;color:#fff;font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.users-table tbody tr:hover{background:#f8fafc}.user-name{align-items:center;display:flex;gap:8px}.current-user-badge{background:#f1592a;border-radius:12px;color:#fff;font-size:10px;font-weight:500;padding:2px 6px}.role-badge,.status-badge{border-radius:20px;display:inline-block;font-size:12px;font-weight:500;padding:4px 10px}.role-badge.admin{background:#dbeafe;color:#1e40af}.role-badge.sales{background:#dcfce7;color:#166534}.role-badge.cashier{background:#fff3cd;color:#856404}.role-badge.purchase{background:#e0e7ff;color:#3730a3}.role-badge.user{background:#f3e8ff;color:#6b21a5}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.actions-cell{white-space:nowrap}.action-btn{border:none;border-radius:6px;display:inline-flex;height:32px;margin-right:5px;width:32px}.edit-btn{color:#2e3192}.edit-btn:hover{background:#2e3192;color:#fff}.delete-btn:hover{background:#dc2626;color:#fff}.delete-btn:disabled{cursor:not-allowed;opacity:.5}.no-actions{color:#94a3b8;font-style:italic}.no-data{color:#666;padding:40px}.add-first-btn,.no-data button{margin-top:15px}.add-first-btn{align-items:center;background:#2e3192;border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;gap:6px;padding:8px 20px}.loading-container{gap:16px}.modal-overlay{background:#00000080}.modal-container{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#2e3192;margin:0}.modal-close{background:none;color:#64748b;padding:4px}.modal-close:hover{color:#dc2626}.modal-container form{padding:20px 24px}.form-group{margin-bottom:16px}.form-group label{color:#334155;font-size:.875rem;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;padding:8px 12px;transition:.2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2e3192;box-shadow:0 0 0 2px #2e31921a;outline:none}.modal-actions{border-top:1px solid #e2e8f0;gap:12px;margin-top:24px;padding-top:16px}.cancel-btn{border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px}.submit-btn{background:#2e3192;border-radius:6px;gap:8px;padding:8px 20px}.submit-btn:disabled{opacity:.6}@media (max-width:768px){.header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-end}.modal-container{width:95%}}.customer-form-container{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.close-btn{align-items:center;background:#f5f5f5;color:#666;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.header-main-icon{color:#121349}.form-subtitle{color:#666;font-size:1rem;margin-bottom:0}.role-indicator{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;display:flex;gap:15px;margin-bottom:25px;padding:15px 20px}.role-subtitle{font-size:.85rem;margin-top:4px;opacity:.9}.customer-form{gap:1.5rem}.customer-form,.form-grid{display:flex;flex-direction:column}.form-field{margin-bottom:1.5rem}.form-field input,.form-field select{background:#0000!important;border:2px solid #e2e8f0;border-radius:10px;color:#2d3748;font-size:1rem;height:56px;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field select{-moz-appearance:none;background-color:initial!important}.form-field select option{background:#fff;color:#2d3748}.form-field input:focus,.form-field select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-field input:disabled,.form-field select:disabled{background-color:initial!important;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.form-field label{align-items:center;background:#0000!important;display:flex;gap:6px;padding:0 .5rem}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+label,.form-field.filled label{background:#0000!important;color:#667eea;font-size:.8rem;padding:0 .5rem;top:0;transform:translateY(-50%)}.form-field.error input,.form-field.error select{border-color:#dc2626}.form-field.error label{color:#dc2626}.select-wrapper{background:#0000!important}.select-icon{color:#718096;pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.field-hint{color:#718096}.field-error,.field-hint{font-size:.8rem;margin-top:.5rem}.field-error{color:#dc2626;font-weight:500}.cancel-btn,.submit-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:500;gap:8px;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-btn{background:#f5f5f5;border:2px solid #e0e0e0;color:#666}.cancel-btn:hover{background:#e0e0e0;box-shadow:0 4px 12px #0000001a}.submit-btn{background:linear-gradient(90deg,#121349,#1a237e);box-shadow:0 4px 15px #1213494d}.submit-btn:hover{background:linear-gradient(90deg,#1a237e,#283593);box-shadow:0 6px 20px #12134966}.loading-container svg{color:#667eea}@media (max-width:768px){.form-wrapper{padding:1rem}.customer-form-container{padding:1.5rem}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.close-btn{right:1rem;top:1rem}}@media (max-width:480px){.form-title{font-size:1.25rem}.form-subtitle{font-size:.9rem}.role-indicator{flex-direction:column;gap:8px;text-align:center}.form-field input,.form-field select{font-size:.9rem;height:48px}}.customers-container{background:#f5f5f5;min-height:100vh;padding:20px}.header{background:#fff;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.header h2{color:#333;font-size:24px;margin:0 0 5px}.company-info{align-items:center;color:#666;font-size:13px;gap:5px;margin:0}.add-button,.filter-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-btn{background:#fff;border:1px solid #d9d9d9;color:#666}.filter-btn:hover{background:#f5f5f5;border-color:#bfbfbf}.add-button{background:#667eea}.add-button:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.stats-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;gap:15px;padding:20px}.stat-card,.stat-icon{align-items:center;display:flex}.stat-icon{background:#e6f7ff;border-radius:8px;color:#1890ff;height:40px;justify-content:center;width:40px}.stat-icon.active{background:#f6ffed;color:#52c41a}.stat-icon.email{background:#fff7e6;color:#fa8c16}.stat-icon.credit{background:#f9f0ff;color:#722ed1}.stat-icon.balance{background:#fff1f0;color:#f5222d}.stat-content{flex:1 1}.stat-number{color:#333;font-size:24px;font-weight:700;line-height:1.2}.stat-label{color:#666;font-size:13px}.filters-container{grid-gap:20px;align-items:end;border-radius:12px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px;padding:20px}.filter-group{flex-direction:column;gap:8px}.filter-group label{color:#333;font-size:13px;font-weight:500}.select-wrapper{position:relative}.select-wrapper select{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:10px 30px 10px 12px;width:100%}.select-wrapper .select-icon{color:#999;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.checkbox-group{justify-content:center}.checkbox-label{color:#333}.checkbox-label input[type=checkbox]{height:16px;width:16px}.filter-actions{align-items:center;display:flex;gap:10px}.apply-filters,.clear-filters{border:none;border-radius:6px;cursor:pointer;font-size:13px;padding:8px 16px;transition:all .2s}.clear-filters{background:#fff;border:1px solid #d9d9d9;color:#666}.clear-filters:hover{background:#f5f5f5}.apply-filters{background:#667eea;color:#fff}.apply-filters:hover{background:#5a67d8}.search-container{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;min-width:300px}.search-box input{border:1px solid #d9d9d9;border-radius:8px;font-size:14px;padding:12px 40px;transition:all .2s;width:100%}.search-box input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.search-box .lucide-search{left:12px}.clear-search,.search-box .lucide-search{color:#999;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;padding:4px;right:12px}.clear-search:hover{color:#666}.search-actions{gap:15px}.refresh-btn,.search-actions{align-items:center;display:flex}.refresh-btn{background:#fff;border:1px solid #d9d9d9;border-radius:6px;color:#666;cursor:pointer;justify-content:center;padding:8px;transition:all .2s}.refresh-btn:hover{background:#f5f5f5;color:#333}.stats{color:#666;font-size:13px;gap:10px}.filter-badge,.stats{align-items:center;display:flex}.filter-badge{background:#e6f7ff;border-radius:12px;color:#1890ff;font-size:11px;gap:4px;padding:4px 8px}.table-container{box-shadow:0 2px 8px #0000001a;overflow-x:auto}.styled-table{border-collapse:collapse;min-width:1200px;width:100%}.styled-table th{background:#fafafa;border-bottom:2px solid #f0f0f0;font-weight:600;text-align:left}.styled-table td,.styled-table th{color:#333;font-size:13px;padding:16px 12px}.styled-table td{border-bottom:1px solid #f0f0f0}.styled-table tbody tr:hover{background:#fafafa}.styled-table tbody tr:last-child td{border-bottom:none}.customer-name-cell{align-items:center;display:flex;gap:8px}.customer-name-cell .lucide-user{color:#667eea}.customer-id{color:#999;font-size:11px;margin-top:2px}.type-badge{font-size:11px;padding:4px 8px}.type-badge.walk_in{background:#e6f7ff;color:#1890ff}.type-badge.regular{background:#f6ffed;color:#52c41a}.type-badge.credit{background:#fff1f0;color:#f5222d}.contact-cell{max-width:200px}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-item{align-items:center;color:#666;display:flex;font-size:12px;gap:6px}.contact-item span{word-break:break-word}.no-address,.no-contact{color:#999;font-size:12px;font-style:italic}.address-cell{align-items:center;color:#666;display:flex;gap:6px;max-width:150px;word-break:break-word}.balance-cell{color:#f5222d;font-weight:500}.company-cell,.user-cell{align-items:center;display:flex;gap:6px;max-width:150px}.company-cell div,.user-cell div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-cell small,.user-cell small{color:#999;display:block;font-size:10px}.status-badge{border-radius:12px;display:inline-block;font-size:11px;padding:4px 8px}.status-badge.active{background:#f6ffed;color:#52c41a}.status-badge.inactive{background:#fff2f0;color:#ff4d4f}.action-buttons{flex-wrap:wrap}.action-btn{align-items:center;background:#fff;border:1px solid #d9d9d9;border-radius:4px;color:#666;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:all .2s}.action-btn:hover:not(:disabled){box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn:disabled{cursor:not-allowed;opacity:.3}.view-btn:hover:not(:disabled){background:#e6f7ff;border-color:#1890ff;color:#1890ff}.edit-btn:hover:not(:disabled){background:#fff7e6;border-color:#fa8c16;color:#fa8c16}.delete-btn:hover:not(:disabled){background:#fff2f0;border-color:#f5222d;color:#f5222d}.no-data{color:#999;padding:60px 20px!important}.no-data button{margin:0 auto}.loading-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:40px}.loading-container p{color:#666;margin-top:15px}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;gap:15px}.header-actions{justify-content:space-between;width:100%}.filters-container{grid-template-columns:1fr}.search-container{flex-direction:column}.search-box{width:100%}.search-actions{justify-content:space-between;width:100%}.stats-container{grid-template-columns:1fr 1fr}}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin-bottom:1rem;width:50px}.loading-container p{font-size:1.1rem;margin:0}.app-container{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:250px;transition:margin-left .3s ease}.content-wrapper{padding:20px}@media (max-width:768px){.main-content{margin-left:0}.sidebar.collapsed~.main-content{margin-left:70px}}.country-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:600px;padding:2.5rem;transition:all .3s ease;width:100%}.form-title{color:#2c3e50}.flag-upload-container,.form-title{margin-bottom:2rem;text-align:center}.flag-upload-label{cursor:pointer;display:inline-block;transition:all .3s ease}.flag-preview-wrapper{align-items:center;border:2px dashed #cbd5e0;border-radius:8px;display:flex;height:100px;justify-content:center;margin:0 auto;overflow:hidden;transition:all .3s ease;width:150px}.flag-upload-label:hover .flag-preview-wrapper{border-color:#4f46e5;box-shadow:0 4px 12px #4f46e533;transform:translateY(-2px)}.flag-preview{height:100%;object-fit:cover;width:100%}.flag-placeholder{align-items:center;color:#a0aec0;display:flex;flex-direction:column;justify-content:center}.flag-placeholder svg{margin-bottom:.5rem}.country-form{flex-direction:column}.country-form,.form-row{display:flex;gap:1.5rem}.form-row>*{flex:1 1}.form-field{height:56px}.form-field input{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:1rem;height:100%;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.form-field label{color:#718096}.form-field input:focus+label,.form-field.filled label{background:#fff;color:#4f46e5;font-size:.75rem;margin-left:-.25rem;padding:0 .25rem;top:.75rem;transform:translateY(0)}.submit-btn{background:linear-gradient(90deg,#4f46e5,#7c3aed);box-shadow:0 4px 6px #4f46e54d;margin-top:1rem}.submit-btn:hover{box-shadow:0 6px 12px #4f46e566}.submit-btn:disabled{background:#cbd5e0;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:640px){.form-wrapper{padding:1rem}.country-form-container{padding:1.5rem}.form-row{flex-direction:column;gap:1.5rem}}.button-group{display:flex;gap:1rem;margin-top:2rem}.cancel-btn{background:#f1f5f9;border-radius:4px;color:#64748b;padding:.75rem 1.5rem}.cancel-btn:hover{background:#e2e8f0}.form-field.filled input{background:#f8fafc}.countries-container{margin:0 auto;max-width:1200px;padding:2rem}.header{margin-bottom:2rem}.add-button{background:#4f46e5;border-radius:4px;color:#fff;padding:.5rem 1rem}.countries-table{border-collapse:collapse;box-shadow:0 2px 8px #0000001a;width:100%}.countries-table td,.countries-table th{border-bottom:1px solid #e2e8f0;padding:1rem;text-align:left}.countries-table th{background-color:#f8fafc;font-weight:600}.delete-btn,.edit-btn{border-radius:4px;padding:.5rem}.edit-btn{background:#e2e8f0;color:#4f46e5}.delete-btn{background:#fee2e2;color:#dc2626}.error,.loading{padding:2rem;text-align:center}.error{color:#dc2626}.settings-page{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.settings-header{margin-bottom:30px}.settings-header h1{color:#2c3e50;font-size:2.2rem;margin-bottom:10px}.settings-header p{color:#7f8c8d;font-size:1.1rem}.settings-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;overflow:hidden}.tabs-navigation{background:#f8f9fa;border-bottom:1px solid #eaeef2;display:flex}.tab-btn{align-items:center;background:none;border:none;color:#7f8c8d;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;padding:15px 25px;position:relative;transition:all .2s}.tab-btn:hover{background:#3498db0d;color:#3498db}.tab-btn.active{color:#3498db;font-weight:600}.tab-btn.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.tabs-content{padding:0}.settings-tab-content{padding:25px}.tab-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.tab-header h3{color:#2c3e50;font-size:1.5rem;margin:0}.header-actions{display:flex;gap:10px}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.search-box{margin-bottom:20px;max-width:400px;position:relative}.search-icon{color:#7f8c8d;left:12px}.search-input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 15px 12px 40px;transition:border-color .2s;width:100%}.search-input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.error-message,.success-message{border-radius:6px;font-weight:500;margin-bottom:20px;padding:12px 15px}.error-message{background-color:#fadbd8;border-left:4px solid #e74c3c;color:#c0392b}.success-message{background-color:#d4edda;border-left:4px solid #28a745;color:#155724}.loading{align-items:center;color:#7f8c8d;display:flex;gap:10px;justify-content:center;padding:30px}.users-stats{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.users-stats span{background:#eef7fc;border-radius:20px;color:#3498db;font-size:14px;font-weight:500;padding:8px 15px}.users-table-container{border:1px solid #eaeef2;border-radius:8px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:#f8f9fa;border-bottom:2px solid #eaeef2;color:#2c3e50;font-weight:600;padding:15px;text-align:left}.users-table td{border-bottom:1px solid #eaeef2;color:#2c3e50;padding:15px}.users-table tr:hover{background-color:#f8f9fa}.user-info{gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.role-badge,.user-avatar,.user-name{font-weight:600}.role-badge{border-radius:12px;font-size:12px;padding:4px 10px}.role-user{background-color:#e8f4fd;color:#3498db}.role-admin{background-color:#e6f7ee;color:#27ae60}.status-toggle{align-items:center;border:none;border-radius:20px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;padding:6px 12px;transition:all .2s}.status-toggle.active{background-color:#e6f7ee;color:#27ae60}.status-toggle.inactive{background-color:#fce8e6;color:#e74c3c}.status-toggle:disabled{cursor:not-allowed;opacity:.6}.action-buttons{display:flex;gap:8px}.btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.btn-icon.view{background-color:#e8f4fd;color:#3498db}.btn-icon.view:hover{background-color:#d4e9fa}.btn-icon.edit{background-color:#fef5e7;color:#f39c12}.btn-icon.edit:hover{background-color:#fdebd0}.btn-icon.delete{background-color:#fce8e6;color:#e74c3c}.btn-icon.delete:hover{background-color:#fadbd8}.btn-icon:disabled{cursor:not-allowed;opacity:.5}.no-users{color:#7f8c8d;font-style:italic;padding:30px;text-align:center}.auth-settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:30px}.setting-card{background:#f8f9fa;border-left:4px solid #3498db;border-radius:8px;padding:20px}.setting-icon{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;font-size:20px;height:50px;justify-content:center;margin-bottom:15px;width:50px}.setting-card h4{color:#2c3e50;margin-bottom:15px}.setting-form{display:flex;flex-direction:column;gap:15px}.setting-form label{color:#2c3e50;font-size:14px;font-weight:600}.setting-form input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px;transition:border-color .2s}.setting-form input:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.save-settings{display:flex;justify-content:flex-end}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:modalAppear .3s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow:auto;position:relative;width:100%}@keyframes modalAppear{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#eee;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:35px;position:absolute;right:15px;top:15px;transition:background .2s;width:35px;z-index:10}.modal-close:hover{background:#ddd}.modal-content{padding:30px}.modal-content h2{color:#2c3e50;margin-bottom:20px}.user-modal-header{align-items:center;display:flex;gap:15px;margin-bottom:25px}.user-avatar-large{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:700;height:70px;justify-content:center;width:70px}.user-modal-info h2{color:#2c3e50;margin:0 0 5px}.user-modal-info p{color:#7f8c8d;margin:0}.user-details{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.detail-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:10px 0}.detail-label{color:#5a6c7d;font-weight:600}.detail-value{color:#2c3e50}.status-active{color:#27ae60;font-weight:600}.status-inactive{color:#e74c3c;font-weight:600}.form-group{margin-bottom:20px}.form-group label{color:#2c3e50;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px;transition:border-color .2s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#3498db;box-shadow:0 0 0 2px #3498db33;outline:none}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}@media (max-width:768px){.settings-page{padding:15px}.tab-header{align-items:flex-start;flex-direction:column}.header-actions{justify-content:space-between;width:100%}.users-stats{flex-direction:column;gap:10px}.users-table{font-size:14px}.users-table td,.users-table th{padding:10px}.action-buttons{flex-direction:column;gap:5px}.auth-settings-grid{grid-template-columns:1fr}.modal{margin:10px}.modal-content{padding:20px}.user-modal-header{text-align:center}.modal-actions,.user-modal-header{flex-direction:column}.btn-primary,.btn-secondary{justify-content:center;width:100%}}@media (max-width:480px){.tabs-navigation{flex-direction:column}.tab-btn{justify-content:center}.users-table{font-size:12px}.user-info{align-items:flex-start;flex-direction:column;gap:5px}.user-avatar{font-size:14px;height:35px;width:35px}}.company-cell{align-items:center;display:flex;gap:8px;max-width:200px}.company-icon{color:#6c757d;font-size:14px}.company-name{color:#212529;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.company-code{background:#f8f9fa;border-radius:4px;color:#6c757d;font-size:11px;margin-left:auto;padding:2px 6px}.no-company{color:#6c757d;font-size:13px;font-style:italic}.company-id{color:#6c757d;display:block;font-family:monospace;font-size:11px;margin-top:2px}.modal-content .form-group select[name=company]{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:14px;padding:10px 12px;width:100%}.text-muted{display:block;font-size:12px;margin-top:4px}.checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}.checkmark{display:inline-block;position:relative}.users-table td:nth-child(4),.users-table th:nth-child(4){max-width:200px;min-width:150px}.users-stats span:not(:last-child):after{color:#dee2e6;content:"•";margin:0 12px}.loading-container{gap:15px}.unauthorized-access{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:60px 20px;text-align:center}.unauthorized-access svg{color:#6c757d;margin-bottom:20px}.unauthorized-access h3{color:#343a40;margin-bottom:10px}.unauthorized-access p{color:#6c757d;margin-bottom:25px}.company-info{display:flex;flex-direction:column}.company-info small{color:#6c757d;font-size:11px;margin-top:2px}.tab-btn:disabled{cursor:not-allowed;opacity:.5}.tab-btn:disabled:hover{background-color:initial}.spinning{animation:spin 1s linear infinite}.auth-container{align-items:center;background:linear-gradient(135deg,#2e3192,#f1592a);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;max-width:400px;padding:2rem;width:100%}.auth-header h2{color:#2e3192}.auth-header p{color:#6b7280}.form-group label{color:#2e3192;font-weight:500}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#f1592a;position:absolute;right:10px;z-index:1}.input-group input,.role-select{border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:12px 12px 12px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.input-group input:focus,.role-select:focus{border-color:#f1592a;box-shadow:0 0 0 2px #f1592a40;outline:none}.password-toggle{background:none;border:none;color:#f1592a;cursor:pointer;position:absolute;right:12px}.auth-button{background:#2e3192;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:12px;transition:background .2s,transform .1s}.auth-button:hover{background:#23258a;transform:translateY(-1px)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.auth-footer{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.auth-link{color:#f1592a;font-weight:600;text-decoration:none}.auth-link:hover{text-decoration:underline}.error-message{background:#fee2e2;border-radius:8px;color:#991b1b;margin-bottom:1rem;padding:12px;text-align:center}.text-muted{color:#6c757d;font-size:.875rem;margin-top:.25rem}.role-select{background-color:#fff;border:1px solid #ddd;border-radius:8px;font-size:14px;padding:12px 16px 12px 40px;transition:border-color .3s;width:100%}.role-select:focus{border-color:#2e3192;outline:none}.login-type-toggle{background:#f8f9fa;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:5px}.login-type-btn{align-items:center;background:#fff;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-weight:500;padding:15px;transition:all .3s}.login-type-btn:hover{border-color:#f1592a}.login-type-btn.active{background:#f1592a;border-color:#f1592a;color:#fff}.login-type-btn svg{font-size:24px;margin-bottom:5px}.login-type-info{color:#666;font-size:14px;margin-bottom:20px;text-align:center}.switch-login-btn{background:none;border:none;color:#f1592a;cursor:pointer;font-weight:500;margin-top:10px;padding:5px;text-decoration:underline}.switch-login-btn:hover{color:#2e3192}.form-wrapper{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.currency-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:800px;padding:2.5rem;position:relative;transition:all .3s ease;width:100%}.close-btn{background:#0000;border:none;border-radius:50%;color:#64748b;cursor:pointer;padding:.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#121349}.form-header{margin-bottom:2rem;text-align:center}.form-title{align-items:center;color:#121349;display:flex;font-size:1.75rem;font-weight:600;gap:10px;justify-content:center;margin:1rem 0 .5rem}.form-subtitle{color:#64748b;font-size:.95rem;margin:0}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:1.5rem}.form-field{margin-bottom:1rem;position:relative}.form-field.required label:after{color:#ef4444;content:" *"}.form-field input,.form-field select,.form-field textarea{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;font-size:1rem;height:56px;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field textarea{height:auto;min-height:80px;padding-top:1.5rem;resize:vertical}.form-field select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1rem center;background-repeat:no-repeat;background-size:16px;padding-right:2.5rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#121349;box-shadow:0 0 0 2px #12134933;outline:none}.form-field.filled input,.form-field.filled select,.form-field.filled textarea{border-color:#121349}.form-field.error input,.form-field.error select,.form-field.error textarea{border-color:#ef4444}.form-field label{color:#64748b;font-size:1rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease}.form-field input:focus+label,.form-field select:focus+label,.form-field textarea:focus+label,.form-field.filled label{background:#fff;color:#121349;font-size:.75rem;margin-left:-.25rem;padding:0 .25rem;top:.75rem;transform:translateY(0)}.form-field textarea+label{top:1.5rem}.form-field textarea:focus+label,.form-field.filled textarea+label{top:.75rem}.field-error{align-items:center;color:#ef4444;display:block;display:flex;gap:.25rem}.field-error,.field-hint{font-size:.75rem;margin-top:.25rem}.field-hint{color:#64748b;display:block}.file-upload{grid-column:span 2}.file-upload-area{position:relative}.file-input{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%;z-index:2}.upload-content{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:8px;padding:2rem;text-align:center;transition:all .3s ease}.file-upload-area:hover .upload-content{background:#f1f5f9;border-color:#121349}.upload-placeholder{color:#64748b;gap:.5rem}.upload-placeholder svg{color:#94a3b8}.upload-placeholder span{font-weight:500}.upload-placeholder small{color:#94a3b8;font-size:.8rem}.file-preview img{box-shadow:0 2px 8px #0000001a;max-height:150px;max-width:150px}.remove-file{font-size:.75rem;transition:all .2s ease}.remove-file:hover{transform:scale(1.1)}.form-info{align-items:center;background:#e8f4fd;border-left:4px solid #121349;border-radius:8px;color:#2d3748;display:flex;font-size:.85rem;gap:10px;margin:1.5rem 0;padding:12px 16px}.form-info svg{color:#121349;flex-shrink:0}.form-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.cancel-btn{align-items:center;background:linear-gradient(135deg,#cbd5e0,#a0aec0);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#2d3748;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:6px;padding:.875rem 1.5rem;transition:all .3s ease}.cancel-btn:hover{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.submit-btn{align-items:center;background:linear-gradient(135deg,#121349,#1a237e);border:none;border-radius:8px;box-shadow:0 4px 6px #1213494d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:6px;padding:.875rem 1.5rem;transition:all .3s ease}.submit-btn:hover{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 6px 12px #12134966;transform:translateY(-2px)}.cancel-btn:disabled,.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.loading-container{min-height:300px}@media (max-width:768px){.form-wrapper{padding:1rem}.currency-form-container{padding:1.5rem}.form-grid{grid-template-columns:1fr}.file-upload{grid-column:span 1}.form-title{font-size:1.5rem}.form-actions{flex-direction:column}.cancel-btn,.submit-btn{justify-content:center;width:100%}}@media (max-width:480px){.currency-form-container{padding:1rem}.form-title{font-size:1.25rem}.form-subtitle{font-size:.85rem}}.file-input-hidden{display:none}.file-upload-area{align-items:center;background-color:#f9f9f9;border:2px dashed #ddd;border-radius:8px;display:flex;justify-content:center;min-height:120px;padding:20px;text-align:center;transition:all .3s ease}.file-upload-area:hover{background-color:#f0f9ff;border-color:#4f46e5}.upload-placeholder{align-items:center;color:#666;display:flex;flex-direction:column;gap:8px}.upload-placeholder svg{color:#999}.file-preview{display:inline-block;position:relative}.file-preview img{border-radius:4px;max-height:100px;max-width:100px;object-fit:cover}.remove-file{align-items:center;background:#ef4444;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;width:24px}.remove-file:hover{background:#dc2626}.currency-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.header{background:linear-gradient(135deg,#121349,#1a237e);border-radius:12px;box-shadow:0 4px 12px #12134926;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.header,.header-left{align-items:center;display:flex}.header-left{color:#fff;gap:1rem}.header-left h2{color:#fff;font-size:1.75rem;font-weight:600;margin:0 0 .25rem}.info{align-items:center;color:#bbdefb;display:flex;font-size:.9rem;font-weight:400;gap:.5rem}.info svg{color:#64b5f6}.add-button{align-items:center;background:#121349!important;border:none;border-radius:8px;box-shadow:0 2px 8px #12134933;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.add-button,.add-button svg{color:#fff!important}.add-button:hover{background:#1a237e!important;box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.add-button:active{transform:translateY(0)}.stats-bar{background:linear-gradient(135deg,#121349,#1a237e);border:1px solid #ffffff1a;border-radius:10px;box-shadow:0 2px 8px #12134926;color:#fff;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.stats-bar span{align-items:center;display:flex;gap:.5rem}.stats-bar strong{font-weight:600;margin-left:.25rem}.active-stat{color:#34d399}.inactive-stat{color:#f87171}.filters-container{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.search-wrapper{margin-bottom:1rem;position:relative}.search-icon{color:#64748b;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.search-input.with-icon{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:.75rem 1rem .75rem 3rem;transition:all .3s ease;width:100%}.search-input.with-icon:focus{border-color:#121349;box-shadow:0 0 0 2px #1213491a;outline:none}.clear-search-btn{align-items:center;background:#cbd5e0;border:none;border-radius:50%;color:#4a5568;cursor:pointer;display:flex;font-size:1rem;height:24px;justify-content:center;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px}.clear-search-btn:hover{background:#a0aec0;color:#2d3748}.filter-group{flex-wrap:wrap;gap:1rem}.filter-group,.filter-item{align-items:center;display:flex}.filter-item{color:#64748b;font-size:.9rem;gap:.5rem}.filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:.9rem;padding:.5rem 2rem .5rem .75rem;transition:all .2s ease}.filter-select:focus{border-color:#121349;outline:none}.export-btn{align-items:center;background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;margin-left:auto;padding:.5rem 1rem;transition:all .2s ease}.export-btn:hover{background:#059669;transform:translateY(-1px)}.table-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden}.currency-table{background:#fff;border-collapse:collapse;width:100%}.currency-table td,.currency-table th{border-bottom:1px solid #e2e8f0;font-size:.95rem;padding:1rem 1.25rem;text-align:left}.currency-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52;color:#fff;font-size:.9rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.currency-table th:last-child{text-align:center}.currency-table td{color:#2d3748;vertical-align:middle}.currency-table tbody tr:nth-child(2n){background:#f8fafc}.currency-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.institution-code{background:#f1f5f9;border-radius:4px;color:#121349;font-family:Consolas,monospace;font-size:.85rem;font-weight:600;padding:4px 8px}.institution-name{display:flex;flex-direction:column;gap:2px}.institution-name strong{color:#121349;font-size:1rem;font-weight:600}.institution-name small{color:#64748b;font-size:.8rem}.type-badge{background:#e8f4fd;border:1px solid #bbdefb;border-radius:12px;color:#121349;display:inline-block;font-size:.8rem;font-weight:500;padding:4px 10px}.institution-logo{border:1px solid #e2e8f0;height:40px;width:40px}.no-logo{background:#f1f5f9;border:1px dashed #cbd5e1;color:#94a3b8;font-size:.75rem;height:40px;justify-content:center;width:40px}.status-badge{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:500;gap:6px;padding:4px 10px;text-transform:capitalize;width:-webkit-fit-content;width:fit-content}.status-badge.active{background:linear-gradient(135deg,#10b981,#34d399);box-shadow:0 2px 6px #10b9814d;color:#fff}.status-badge.inactive{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:0 2px 6px #6b72804d;color:#fff}.status-icon.active{color:#34d399}.status-icon.inactive{color:#f87171}.actions{gap:.5rem}.actions,.delete-btn,.edit-btn{display:flex;justify-content:center}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #12134926;cursor:pointer;height:32px;transition:all .3s ease;width:32px}.edit-btn{background:linear-gradient(135deg,#121349,#1a237e)}.edit-btn,.edit-btn svg{color:#fff}.edit-btn:hover{background:linear-gradient(135deg,#1a237e,#283593);box-shadow:0 4px 12px #1213494d;transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#8b0000,#b22222);color:#fff}.delete-btn svg{color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#b22222,#dc2626);box-shadow:0 4px 12px #b222224d;transform:translateY(-2px)}.delete-btn:active,.edit-btn:active{transform:translateY(0)}.no-data{background:#f8fafc;padding:3rem!important;text-align:center}.no-data-content{align-items:center;display:flex;flex-direction:column;gap:1rem}.no-data-content svg{color:#cbd5e1}.no-data-content p{color:#64748b;font-size:1rem;margin:0}.clear-search{background:#121349;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s ease}.clear-search:hover{background:#1a237e}.search-info{background:#f1f5f9;border-radius:6px;color:#64748b;font-size:.9rem;margin-top:1rem;padding:.5rem;text-align:center}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.loading-container .animate-spin{animation:spin 1s linear infinite;color:#121349}.loading-container p{color:#64748b;font-size:1rem}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:1024px){.currency-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}.add-button{align-self:flex-end}.filter-group{justify-content:space-between}}@media (max-width:768px){.currency-container{padding:1rem}.header{padding:1.25rem}.header-left h2{font-size:1.5rem}.stats-bar{align-items:flex-start;flex-direction:column;gap:.75rem}.filters-container{padding:1rem}.filter-group{align-items:stretch;flex-direction:column;gap:.75rem}.export-btn{justify-content:center;margin-left:0}.currency-table{font-size:.85rem}.currency-table td,.currency-table th{padding:.75rem 1rem}.currency-table th{font-size:.8rem}.actions{gap:.25rem}.delete-btn,.edit-btn{height:28px;width:28px}}@media (max-width:480px){.header-left h2{font-size:1.25rem}.info{font-size:.8rem}.add-button{font-size:.85rem;padding:.6rem 1rem}.stats-bar{font-size:.8rem;padding:.75rem 1rem}.currency-table{display:block;overflow-x:auto;white-space:nowrap}.institution-name strong,.no-data-content p{font-size:.9rem}}.logo-container{align-items:center;display:flex;height:50px;justify-content:center;width:50px}.institution-logo{border:1px solid #e5e7eb;border-radius:4px;max-height:50px;max-width:50px;object-fit:cover;transition:transform .2s}.institution-logo:hover{box-shadow:0 4px 12px #00000026;position:relative;transform:scale(1.5);z-index:10}.no-logo{align-items:center;background:#f9fafb;border:1px dashed #d1d5db;border-radius:4px;color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:8px}.debug-info{color:#888;font-size:10px;margin-top:4px}
/*# sourceMappingURL=main.f05cf50d.css.map*/