: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-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.filter-btn{background:#0000;font-size:.95rem;padding:.75rem 1.25rem}.filter-btn:hover{background:#ffffff1a;border-color:#ffffff80}.filters-container{grid-gap:1rem;align-items:end;animation:slideDown .3s ease;background:linear-gradient(135deg,#121349,#1a237e);box-shadow:0 4px 12px #12134926;color:#fff;display:grid;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;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{border-radius:12px;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}}.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{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{background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#666;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;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}.filter-group{gap:8px}.clear-filters{background:#fff;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;gap:10px}.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}.loading-container p{margin-top:15px}@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;gap:8px;padding:10px 20px}.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{background:#667eea}.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{align-items:center;color:#666;gap:15px}.filter-badge{background:#e8f4fd;color:#121349;display:flex;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{padding:60px 20px!important}.no-data svg{margin-bottom:15px}.no-data p{color:#666;font-size:1rem;margin-bottom:20px}.loading-container p{color:#666}@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{background:#0000;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#2d3748;font-size:1rem;padding:1rem 1rem .5rem;transition:all .3s ease;width:100%}.form-field input:focus,.form-field select:focus{border-color:#121349;box-shadow:0 0 0 2px #12134933;outline:none}.form-field input:disabled,.form-field select:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#6b7280}.form-field input:focus+label,.form-field select:focus+label,.form-field select:not([value=""])+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 select option{color:#2d3748;padding:8px}.field-hint{opacity:0;pointer-events:none;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;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{display:flex;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-page-shell{background:#f5f7fb;color:#18213d;min-height:100vh;padding:32px 20px}.supplier-form-card,.supplier-loading-card{background:#fff;border:1px solid #dfe5f0;border-radius:18px;box-shadow:0 18px 45px #202d5814;margin:0 auto;width:min(920px,100%)}.supplier-form-card{padding:32px;position:relative}.supplier-loading-card{align-items:center;display:flex;font-weight:700;gap:12px;justify-content:center;min-height:220px}.supplier-close-button{background:#fff;border:1px solid #d9dfeb;border-radius:10px;color:#536078;cursor:pointer;display:grid;height:38px;place-items:center;position:absolute;right:20px;top:20px;width:38px}.supplier-close-button:hover{background:#f3f5f9}.supplier-form-header{align-items:center;display:flex;gap:16px;margin-bottom:24px;padding-right:56px}.supplier-form-icon{background:#eef0ff;border-radius:14px;color:#292f99;display:grid;height:48px;place-items:center;width:48px}.supplier-eyebrow{color:#e24b2b;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 4px;text-transform:uppercase}.supplier-form-header h1{color:#20278f;font-size:clamp(28px,4vw,38px);line-height:1.05;margin:0}.supplier-form-header p:last-child{color:#667085;margin:8px 0 0}.supplier-accounting-note{background:#f2f6ff;border:1px solid #bfd0ff;border-radius:12px;color:#273b76;display:flex;gap:12px;margin-bottom:24px;padding:16px}.supplier-accounting-note--neutral{background:#f8fafc;border-color:#d9dfeb;color:#475467}.supplier-accounting-note svg{flex:0 0 auto;margin-top:2px}.supplier-accounting-note div{grid-gap:4px;display:grid;gap:4px}.supplier-accounting-note span{font-size:14px;line-height:1.5}.supplier-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-field{grid-gap:8px;display:grid;gap:8px}.supplier-field--full{grid-column:1/-1}.supplier-field label{align-items:center;color:#344054;display:flex;font-size:13px;font-weight:800;gap:7px}.supplier-field input,.supplier-field select{background:#fff;border:1px solid #ced6e4;border-radius:10px;box-sizing:border-box;color:#18213d;font:inherit;min-height:46px;padding:10px 12px;width:100%}.supplier-field input:focus,.supplier-field select:focus{border-color:#343cb2;box-shadow:0 0 0 3px #343cb21f;outline:none}.supplier-error,.supplier-hint{font-size:12px;line-height:1.4}.supplier-hint{color:#667085}.supplier-error{color:#c62828;font-weight:700}.supplier-opening-panel{background:#fafbfe;border:1px solid #dfe5f0;border-radius:14px;padding:18px}.supplier-check-row{align-items:center;cursor:pointer;display:flex;font-weight:800;gap:10px}.supplier-check-row input{accent-color:#2e37a5;height:18px;min-height:auto;width:18px}.supplier-opening-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:18px}.supplier-opening-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.supplier-opening-summary>div{grid-gap:4px;background:#fbfcfe;border:1px solid #e0e5ee;border-radius:12px;display:grid;gap:4px;padding:14px}.supplier-opening-summary span{color:#667085;font-size:12px}.supplier-opening-summary strong{color:#18213d;overflow-wrap:anywhere}.supplier-form-actions{border-top:1px solid #e5e9f1;display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.supplier-button{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 18px}.supplier-button--secondary{background:#fff;border:1px solid #ccd4e1;color:#344054}.supplier-button--primary{background:#2b339f;border:1px solid #2b339f;box-shadow:0 8px 20px #2b339f33;color:#fff}.supplier-button:disabled{cursor:not-allowed;opacity:.55}.supplier-spin{animation:supplier-spin .85s linear infinite}@keyframes supplier-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.supplier-page-shell{padding:16px 10px}.supplier-form-card{padding:24px 16px}.supplier-form,.supplier-opening-grid,.supplier-opening-summary{grid-template-columns:1fr}.supplier-form-actions{flex-direction:column-reverse}.supplier-button{width:100%}}.supplier-list-page{background:#f5f7fb;color:#18213d;min-height:100vh;padding:28px}.supplier-list-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.supplier-list-eyebrow{color:#e24b2b;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 5px;text-transform:uppercase}.supplier-list-header h1{color:#20278f;font-size:clamp(30px,4vw,44px);margin:0}.supplier-list-header p:last-child{align-items:center;color:#667085;display:flex;gap:6px}.supplier-list-actions,.supplier-list-header__actions{display:flex;gap:8px}.supplier-list-actions button,.supplier-list-button,.supplier-list-refresh{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;gap:7px;justify-content:center}.supplier-list-button{font-weight:800;min-height:42px;padding:0 15px}.supplier-list-button--secondary{background:#fff;border:1px solid #ced6e4;color:#344054}.supplier-list-button--primary{background:#2c34a3;border:1px solid #2c34a3;color:#fff}.supplier-list-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.supplier-list-stats article{align-items:center;background:#fff;border:1px solid #dfe5f0;border-radius:14px;box-shadow:0 8px 24px #202d580d;display:flex;gap:12px;min-height:92px;padding:16px}.supplier-list-stats svg{color:#343cb2}.supplier-list-stats div{grid-gap:3px;display:grid;gap:3px;min-width:0}.supplier-list-stats strong{color:#20278f;font-size:20px;overflow-wrap:anywhere}.supplier-list-stats span{color:#667085;font-size:12px}.supplier-list-filters{background:#fff;border:1px solid #dfe5f0;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.supplier-list-filters label{grid-gap:7px;color:#344054;display:grid;font-size:13px;font-weight:800;gap:7px;min-width:220px}.supplier-list-filters select{background:#fff;border:1px solid #ced6e4;border-radius:9px;min-height:42px;padding:8px 10px}.supplier-list-workspace{background:#fff;border:1px solid #dfe5f0;border-radius:15px;box-shadow:0 12px 30px #202d580f;overflow:hidden}.supplier-list-toolbar{border-bottom:1px solid #e5e9f1;display:flex;gap:12px;padding:14px}.supplier-list-search{align-items:center;border:1px solid #ced6e4;border-radius:9px;display:flex;flex:1 1;gap:9px;min-height:42px;padding:0 12px}.supplier-list-search input{border:0;flex:1 1;font:inherit;min-width:0;outline:0}.supplier-list-refresh,.supplier-list-search button{background:#0000;border:0;color:#536078}.supplier-list-refresh{background:#fff;border:1px solid #ced6e4;width:42px}.supplier-list-table-wrap{overflow-x:auto}.supplier-list-table{border-collapse:collapse;min-width:1120px;width:100%}.supplier-list-table td,.supplier-list-table th{border-bottom:1px solid #edf0f5;padding:14px 16px;text-align:left;vertical-align:middle}.supplier-list-table th{background:#fafbfe;color:#596579;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.supplier-list-table tbody tr:hover{background:#fbfcff}.supplier-list-contact,.supplier-list-name-cell{grid-gap:4px;display:grid;gap:4px}.supplier-list-name-cell strong{color:#18213d}.supplier-list-name-cell span{color:#707b90;font-size:12px}.supplier-list-contact span{align-items:center;color:#536078;display:flex;font-size:13px;gap:6px}.supplier-list-money{font-weight:800;white-space:nowrap}.supplier-list-status{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;padding:5px 10px;text-transform:capitalize}.supplier-list-status--active{background:#e8f7ef;color:#187449}.supplier-list-status--inactive{background:#fbeaea;color:#a32929}.supplier-list-actions button{background:#fff;border:1px solid #d6dce7;color:#35415a;height:34px;width:34px}.supplier-list-actions button:hover{background:#f1f4f9}.supplier-list-actions .supplier-list-danger{color:#b32b2b}.supplier-list-actions button:disabled{cursor:not-allowed;opacity:.4}.supplier-list-empty{align-items:center;color:#667085;display:flex;gap:10px;justify-content:center;min-height:160px}.supplier-list-footer{background:#fafbfe;color:#667085;font-size:12px;padding:12px 16px}.supplier-list-spin{animation:supplier-list-spin .85s linear infinite}@keyframes supplier-list-spin{to{transform:rotate(1turn)}}.supplier-view-backdrop{background:#121b367a;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.supplier-view-modal{background:#fff;border-radius:16px;box-shadow:0 24px 70px #00000038;max-height:90vh;overflow-y:auto;padding:28px;position:relative;width:min(720px,100%)}.supplier-view-modal h2{color:#20278f;margin:0 0 20px}.supplier-view-close{background:#fff;border:1px solid #d9dfeb;border-radius:9px;cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;right:18px;top:18px;width:36px}.supplier-view-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-view-grid>div{grid-gap:4px;background:#fbfcfe;border:1px solid #e1e6ef;border-radius:10px;display:grid;gap:4px;padding:13px}.supplier-view-grid span{color:#667085;font-size:12px}.supplier-view-grid strong{overflow-wrap:anywhere}.supplier-view-note{background:#f2f6ff;border:1px solid #bfd0ff;border-radius:10px;color:#304475;font-size:13px;line-height:1.5;margin-top:16px;padding:14px}@media (max-width:1180px){.supplier-list-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.supplier-list-page{padding:16px 10px}.supplier-list-header{flex-direction:column}.supplier-list-header__actions{width:100%}.supplier-list-button{flex:1 1}.supplier-list-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.supplier-list-filters{flex-direction:column}.supplier-list-filters label{min-width:0}.supplier-view-grid{grid-template-columns:1fr}}@media (max-width:440px){.supplier-list-stats{grid-template-columns:1fr}}.settings-crud-page{background:#f5f7fb;color:#18213d;min-height:100vh;padding:28px}.settings-crud-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.settings-crud-eyebrow{color:#e24b2b;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 5px;text-transform:uppercase}.settings-crud-header h1{color:#20278f;font-size:clamp(30px,4vw,44px);margin:0}.settings-crud-header p:last-child{color:#667085;margin:6px 0 0}.settings-crud-button{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font-weight:800;gap:7px;justify-content:center;min-height:42px;padding:0 15px}.settings-crud-button--primary{background:#2c34a3;border:1px solid #2c34a3;color:#fff}.settings-crud-button--secondary{background:#fff;border:1px solid #ced6e4;color:#344054}.settings-crud-toolbar{background:#fff;border:1px solid #dfe5f0;border-radius:12px;display:flex;gap:12px;margin-bottom:16px;padding:14px}.settings-crud-search{align-items:center;border:1px solid #ced6e4;border-radius:9px;display:flex;flex:1 1;gap:9px;min-height:42px;padding:0 12px}.settings-crud-search input,.settings-crud-toolbar select{background:#fff;border:0;font:inherit;outline:0}.settings-crud-search input{flex:1 1;min-width:0}.settings-crud-toolbar select{border:1px solid #ced6e4;border-radius:9px;min-width:150px;padding:0 10px}.settings-crud-card{background:#fff;border:1px solid #dfe5f0;border-radius:15px;box-shadow:0 12px 30px #202d580f;overflow:hidden}.settings-crud-table-wrap{overflow-x:auto}.settings-crud-table{border-collapse:collapse;min-width:980px;width:100%}.settings-crud-table td,.settings-crud-table th{border-bottom:1px solid #edf0f5;padding:14px 16px;text-align:left;vertical-align:middle}.settings-crud-table th{background:#fafbfe;color:#596579;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.settings-crud-table tbody tr:hover{background:#fbfcff}.settings-crud-actions{display:flex;gap:8px}.settings-crud-actions button{background:#fff;border:1px solid #d6dce7;border-radius:9px;color:#35415a;cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.settings-crud-actions .danger{color:#b32b2b}.settings-crud-badge{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;padding:5px 10px;text-transform:capitalize}.settings-crud-badge--active{background:#e8f7ef;color:#187449}.settings-crud-badge--inactive{background:#fbeaea;color:#a32929}.settings-crud-empty{align-items:center;color:#667085;display:flex;gap:10px;justify-content:center;min-height:170px}.settings-crud-footer{background:#fafbfe;color:#667085;font-size:12px;padding:12px 16px}.settings-crud-backdrop{background:#121b367a;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.settings-crud-modal{background:#fff;border-radius:16px;box-shadow:0 24px 70px #00000038;max-height:90vh;overflow-y:auto;padding:28px;position:relative;width:min(720px,100%)}.settings-crud-modal h2{color:#20278f;margin:0 0 20px}.settings-crud-close{background:#fff;border:1px solid #d9dfeb;border-radius:9px;cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;right:18px;top:18px;width:36px}.settings-crud-form{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-crud-field{grid-gap:8px;display:grid;gap:8px}.settings-crud-field--full{grid-column:1/-1}.settings-crud-field label{color:#344054;font-size:13px;font-weight:800}.settings-crud-field input,.settings-crud-field select,.settings-crud-field textarea{background:#fff;border:1px solid #ced6e4;border-radius:10px;box-sizing:border-box;color:#18213d;font:inherit;min-height:44px;padding:10px 12px;width:100%}.settings-crud-field textarea{min-height:90px;resize:vertical}.settings-crud-check{align-items:center;display:flex;font-weight:700;gap:9px}.settings-crud-check input{height:18px;width:18px}.settings-crud-error{color:#c62828;font-size:12px;font-weight:700}.settings-crud-form-actions{border-top:1px solid #e5e9f1;display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;padding-top:8px}.settings-crud-spin{animation:settings-crud-spin .85s linear infinite}@keyframes settings-crud-spin{to{transform:rotate(1turn)}}@media (max-width:720px){.settings-crud-page{padding:16px 10px}.settings-crud-header,.settings-crud-toolbar{flex-direction:column}.settings-crud-toolbar select{min-height:42px}.settings-crud-form{grid-template-columns:1fr}.settings-crud-field--full,.settings-crud-form-actions{grid-column:auto}}.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)}.accounting-type-page{background:linear-gradient(135deg,#f4f7fb,#eef2f8);min-height:100vh;padding:26px}.accounting-type-card{background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:0 12px 35px #170f481a;margin:0 auto;max-width:1380px;padding:30px;position:relative}.accounting-close-btn{background:#f2f4f8;border:0;border-radius:50%;color:#5e6675;cursor:pointer;display:grid;height:38px;place-items:center;position:absolute;right:20px;top:20px;width:38px}.accounting-type-header{align-items:center;display:flex;gap:16px;margin-bottom:24px;padding-right:55px}.accounting-header-icon{background:#ecebfd;border-radius:14px;color:#2e3192;display:grid;flex:0 0 54px;height:54px;place-items:center;width:54px}.accounting-type-header h1{color:#170f48;font-size:28px;margin:0 0 5px}.accounting-type-header p{color:#697080;line-height:1.5;margin:0}.accounting-role-banner{align-items:center;background:#111a74;border-radius:10px;color:#fff;display:flex;gap:12px;margin-bottom:20px;padding:15px 18px}.accounting-role-banner div{display:flex;flex-direction:column;gap:3px}.accounting-role-banner span{font-size:13px;opacity:.9}.accounting-company-field{margin-bottom:22px}.accounting-company-field label,.accounting-field label{color:#33394d;display:block;font-size:14px;font-weight:700;margin-bottom:7px}.accounting-company-field b,.accounting-field b{color:#f1592a}.accounting-company-field select,.accounting-field input,.accounting-field select,.accounting-field textarea{background:#fff;border:1px solid #d7deea;border-radius:8px;box-sizing:border-box;color:#21263a;font:inherit;padding:12px 13px;width:100%}.accounting-company-field select:focus,.accounting-field input:focus,.accounting-field select:focus,.accounting-field textarea:focus{border-color:#2e3192;box-shadow:0 0 0 3px #2e31921f;outline:none}.standard-setup-panel{align-items:center;background:#fffaf6;border:1px solid #f4d7c5;border-left:5px solid #f1592a;border-radius:12px;display:flex;gap:24px;justify-content:space-between;margin-bottom:26px;padding:22px}.panel-eyebrow{color:#f1592a;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.section-heading h2,.standard-setup-panel h2{color:#170f48;font-size:20px;margin:5px 0 7px}.section-heading p,.standard-setup-panel p{color:#697080;line-height:1.55;margin:0}.create-standard-btn{align-items:center;background:#2e3192;border:none;border-radius:9px;color:#fff;cursor:pointer;display:inline-flex;font-weight:750;gap:8px;justify-content:center;min-width:245px;padding:13px 18px}.accounting-cancel-btn:disabled,.accounting-save-btn:disabled,.create-standard-btn:disabled{cursor:not-allowed;opacity:.6}.accounting-quick-types,.accounting-type-form{background:#fafbfd;border:1px solid #dfe5ef;border-radius:14px;margin-bottom:26px;padding:24px}.section-heading{align-items:flex-start;border-bottom:1px solid #dfe5ef;color:#2e3192;display:flex;gap:11px;margin-bottom:18px;padding-bottom:16px}.section-heading h2{margin-top:0}.account-type-group{margin-bottom:22px}.account-type-group:last-child{margin-bottom:0}.account-type-group h3{color:#33394d;font-size:14px;margin:0 0 11px;text-transform:uppercase}.account-type-grid{grid-gap:11px;display:grid;gap:11px;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}.account-type-option{align-items:center;background:#fff;border:1px solid #d9dfeb;border-left:4px solid #2e3192;border-radius:9px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px;text-align:left;transition:.18s ease}.account-type-option:hover{border-color:#2e3192;box-shadow:0 6px 14px #2e31921f;transform:translateY(-2px)}.account-type-option.liability{border-left-color:#f1592a}.account-type-option.equity{border-left-color:#7b2cbf}.account-type-option.income{border-left-color:#198754}.account-type-option.expense{border-left-color:#dc3545}.account-type-option div{display:flex;flex-direction:column;gap:4px}.account-type-option strong{color:#202642}.account-type-option span{color:#7a8190;font-size:12px}.balance-sign{border-radius:7px;font-size:12px;min-width:37px;padding:6px 7px;text-align:center}.balance-sign.dr{background:#e9f7ef;color:#087443}.balance-sign.cr{background:#fff0e8;color:#c54919}.accounting-form-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.accounting-field.full{grid-column:1/-1}.accounting-field textarea{min-height:100px;resize:vertical}.field-error{margin-top:6px}.accounting-rule-note{align-items:flex-start;background:#eef9f3;border:1px solid #b9dfcb;border-radius:9px;color:#145c36;display:flex;gap:11px;margin-top:18px;padding:15px}.accounting-rule-note p{line-height:1.55;margin:0}.accounting-form-actions{border-top:1px solid #dfe5ef;display:flex;gap:14px;margin-top:20px;padding-top:20px}.accounting-cancel-btn,.accounting-save-btn{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;flex:1 1;font-weight:750;gap:8px;justify-content:center;min-height:48px}.accounting-cancel-btn{background:#e4e9f0;border:1px solid #cbd3df;color:#32394b}.accounting-save-btn{background:#2e3192;border:none;color:#fff}.accounting-type-loading{align-items:center;color:#2e3192;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:420px}.animate-spin{animation:accounting-spin 1s linear infinite}@keyframes accounting-spin{to{transform:rotate(1turn)}}@media (max-width:800px){.accounting-type-page{padding:12px}.accounting-type-card{padding:20px}.standard-setup-panel{align-items:stretch;flex-direction:column}.create-standard-btn{width:100%}.accounting-form-grid{grid-template-columns:1fr}.accounting-field.full{grid-column:auto}.accounting-form-actions{flex-direction:column}}.accounting-page-shell{background:#fff;border:1px solid #dfe5ef;border-radius:18px;box-shadow:0 12px 35px #170f481a;margin:0 auto;max-width:1380px;padding:30px}.accounting-page-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:24px}.accounting-page-header h1{align-items:center;color:#170f48;display:flex;font-size:28px;gap:10px;margin:5px 0 8px}.accounting-page-header p{color:#697080;line-height:1.6;margin:0;max-width:820px}.accounting-page-kicker{color:#f1592a;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.accounting-header-badge{align-items:center;background:#ecebfd;border-radius:999px;color:#2e3192;display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:800;gap:8px;padding:10px 13px}.accounting-company-panel{align-items:center;background:#fafbfd;border:1px solid #dfe5ef;border-radius:12px;display:flex;gap:14px;margin-bottom:24px;padding:18px}.accounting-company-panel .accounting-field{flex:1 1}.company-panel-icon{background:#ecebfd;border-radius:10px;color:#2e3192;display:grid;flex:0 0 44px;height:44px;place-items:center;width:44px}.accounting-loading-screen{grid-gap:12px;align-content:center;color:#2e3192;display:grid;gap:12px;min-height:55vh;place-items:center}.accounting-quick-types .account-type-option{cursor:default}@media (max-width:720px){.accounting-type-page{padding:14px}.accounting-page-shell{padding:20px}.accounting-page-header,.standard-setup-panel{flex-direction:column}.accounting-header-badge,.create-standard-btn{width:100%}}.accounting-list-page{background:#f5f7fb;min-height:100vh;padding:24px}.accounting-list-header{align-items:center;background:#171b72;border-radius:14px;color:#fff;display:flex;gap:18px;justify-content:space-between;margin-bottom:20px;padding:22px}.accounting-list-header h1{align-items:center;display:flex;font-size:26px;gap:10px;margin:0 0 6px}.accounting-list-header p{margin:0;opacity:.87}.accounting-list-actions{display:flex;gap:10px}.list-add-btn,.list-filter-btn,.list-refresh-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:700;gap:7px;justify-content:center;padding:10px 14px}.list-filter-btn{background:#ffffff1f;border:1px solid #ffffff59;color:#fff}.list-add-btn{background:#f1592a;border:none;color:#fff}.accounting-list-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,minmax(150px,1fr));margin-bottom:20px}.accounting-list-stats>div{background:#fff;border:1px solid #e0e5ee;border-radius:12px;box-shadow:0 3px 10px #170f480d;display:flex;flex-direction:column;gap:7px;padding:18px}.accounting-list-stats span{color:#727989;font-size:13px}.accounting-list-stats strong{color:#171b72;font-size:25px}.accounting-list-filters{align-items:flex-end;background:#fff;border:1px solid #e0e5ee;border-radius:12px;display:flex;gap:14px;margin-bottom:18px;padding:18px}.accounting-list-filters label{color:#444b5f;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:7px;min-width:190px}.accounting-list-filters select{background:#fff;border:1px solid #d5dce8;border-radius:8px;padding:10px 11px}.list-refresh-btn{background:#2e3192;border:none;color:#fff}.accounting-list-search{margin-bottom:18px;position:relative}.accounting-list-search svg{color:#8790a0;left:13px;position:absolute;top:50%;transform:translateY(-50%)}.accounting-list-search input{background:#fff;border:1px solid #d5dce8;border-radius:9px;box-sizing:border-box;font:inherit;padding:12px 14px 12px 41px;width:100%}.accounting-list-table-wrap{background:#fff;border:1px solid #dfe5ef;border-radius:12px;overflow-x:auto}.accounting-list-table{border-collapse:collapse;min-width:1050px;width:100%}.accounting-list-table th{background:#2e3192;color:#fff;font-size:12px;letter-spacing:.35px;padding:14px 13px;text-align:left;text-transform:uppercase;white-space:nowrap}.accounting-list-table td{border-bottom:1px solid #edf0f5;color:#30364a;padding:13px}.accounting-list-table tbody tr:hover{background:#fafbfe}.accounting-list-table code{background:#f0f1fa;border-radius:5px;color:#2e3192;font-weight:700;padding:5px 7px}.main-type-badge,.normal-balance-badge,.record-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:750;gap:5px;padding:5px 8px}.main-type-badge.asset{background:#e8f2ff;color:#175ea8}.main-type-badge.liability{background:#fff0e8;color:#b84c1f}.main-type-badge.equity{background:#f4eafd;color:#7632a8}.main-type-badge.income{background:#e9f8ef;color:#167444}.main-type-badge.expense{background:#fdeced;color:#b4232c}.normal-balance-badge.dr{background:#e8f8ef;color:#0d7043}.normal-balance-badge.cr{background:#fff0e7;color:#be4c1e}.record-status.active{background:#e8f8ef;color:#0d7043}.record-status.inactive{background:#f1f2f4;color:#626a79}.company-cell{display:inline-flex;gap:6px}.accounting-row-actions{display:flex;gap:7px}.accounting-row-actions button{background:#fff;border:1px solid #d8deea;border-radius:7px;color:#2e3192;cursor:pointer;display:grid;height:34px;place-items:center;width:34px}.accounting-row-actions button.danger{color:#dc3545}.accounting-empty-cell{color:#7a8190!important;padding:55px!important;text-align:center}.accounting-list-loading{align-items:center;color:#2e3192;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:500px}@media (max-width:850px){.accounting-list-page{padding:12px}.accounting-list-filters,.accounting-list-header{align-items:stretch;flex-direction:column}.accounting-list-actions{width:100%}.list-add-btn,.list-filter-btn{flex:1 1}.accounting-list-stats{grid-template-columns:repeat(2,minmax(130px,1fr))}.accounting-list-filters label{min-width:0}}:root{--coa-primary:#2e3192;--coa-primary-dark:#232575;--coa-secondary:#f1592a;--coa-ink:#19202b;--coa-muted:#687182;--coa-border:#e4e7ec;--coa-surface:#fff;--coa-background:#f5f7fb;--coa-success:#17834a;--coa-danger:#c73535;--coa-radius:14px;--coa-shadow:0 10px 28px #232a4a14}*{box-sizing:border-box}.coa-page{background:radial-gradient(circle at top right,#2e319214,#0000 32%),#f5f7fb;background:radial-gradient(circle at top right,#2e319214,#0000 32%),var(--coa-background);color:#19202b;color:var(--coa-ink);min-height:100vh;padding:28px}.coa-page-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin:0 auto 24px;max-width:1480px}.coa-page-header h1{color:#2e3192;color:var(--coa-primary);font-size:clamp(28px,3vw,40px);line-height:1.1;margin:4px 0 6px}.coa-eyebrow{color:#f1592a;color:var(--coa-secondary);font-size:12px;font-weight:800;letter-spacing:.12em;margin:0;text-transform:uppercase}.coa-subtitle{color:#687182;color:var(--coa-muted);line-height:1.6;margin:0;max-width:760px}.coa-button{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-height:42px;padding:10px 17px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.coa-button:hover:not(:disabled){transform:translateY(-1px)}.coa-button:disabled{cursor:not-allowed;opacity:.6}.coa-button--primary{background:#2e3192;background:var(--coa-primary);border-color:#2e3192;border-color:var(--coa-primary);box-shadow:0 8px 18px #2e319233;color:#fff}.coa-button--primary:hover:not(:disabled){background:#232575;background:var(--coa-primary-dark)}.coa-button--secondary{background:#fff;border-color:#e4e7ec;border-color:var(--coa-border);color:#40485a}.coa-stat-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 auto 20px;max-width:1480px}.coa-stat-card{background:#ffffffeb;border:1px solid #e4e7ece6;border-radius:14px;border-radius:var(--coa-radius);box-shadow:0 10px 28px #232a4a14;box-shadow:var(--coa-shadow);min-height:126px;overflow:hidden;padding:20px;position:relative}.coa-stat-card:after{background:#2e31920f;border-radius:999px;content:"";height:84px;position:absolute;right:-24px;top:-24px;width:84px}.coa-stat-card--accent:after{background:#f1592a1a}.coa-stat-card small,.coa-stat-card span{color:#687182;color:var(--coa-muted);display:block}.coa-stat-card strong{color:#2e3192;color:var(--coa-primary);display:block;font-size:30px;line-height:1;margin:9px 0 5px}.coa-workspace{background:#fff;background:var(--coa-surface);border:1px solid #e4e7ec;border:1px solid var(--coa-border);border-radius:14px;border-radius:var(--coa-radius);box-shadow:0 10px 28px #232a4a14;box-shadow:var(--coa-shadow);margin:0 auto;max-width:1480px}.coa-toolbar{grid-gap:12px;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--coa-border);display:grid;gap:12px;grid-template-columns:minmax(260px,1fr) 210px 180px auto;padding:18px}.coa-field input,.coa-field select,.coa-field textarea,.coa-toolbar select{background:#fff;border:1px solid #d8dce5;border-radius:9px;color:#19202b;color:var(--coa-ink);font:inherit;font-size:14px;transition:border-color .16s ease,box-shadow .16s ease;width:100%}.coa-toolbar select{min-height:42px;padding:0 12px}.coa-field input:focus,.coa-field select:focus,.coa-field textarea:focus,.coa-toolbar select:focus{border-color:#2e3192;border-color:var(--coa-primary);box-shadow:0 0 0 3px #2e31921a;outline:none}.coa-search{position:relative}.coa-search>span{color:#8891a2;font-size:19px;left:13px;position:absolute;top:50%;transform:translateY(-50%)}.coa-search input{border:1px solid #d8dce5;border-radius:9px;font:inherit;min-height:42px;padding:0 42px 0 39px;width:100%}.coa-search input:focus{border-color:#2e3192;border-color:var(--coa-primary);box-shadow:0 0 0 3px #2e31921a;outline:none}.coa-search button{background:#0000;border:0;border-radius:7px;color:#70798b;cursor:pointer;font-size:19px;height:28px;position:absolute;right:8px;top:50%;transform:translateY(-50%);width:28px}.coa-alert{border-radius:9px;font-size:14px;margin:16px 18px 0;padding:12px 14px}.coa-alert--error{background:#fff2f2;border:1px solid #f1b9b9;color:#992f2f}.coa-table-wrap{overflow-x:auto}.coa-table{border-collapse:collapse;font-size:13px;min-width:1120px;width:100%}.coa-table th{background:#fafbfc;border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--coa-border);color:#606a7d;font-size:11px;font-weight:800;letter-spacing:.06em;padding:13px 14px;text-align:left;text-transform:uppercase}.coa-table td{border-bottom:1px solid #eef0f4;padding:13px 14px;vertical-align:middle}.coa-table tbody tr:last-child td{border-bottom:0}.coa-table tbody tr:hover{background:#fafbff}.coa-row--inactive{opacity:.68}.coa-account-cell{align-items:flex-start;display:flex;gap:4px;min-width:300px;padding-left:calc(var(--coa-depth)*22px)}.coa-tree-toggle{background:#0000;border:0;border-radius:7px;color:#2e3192;color:var(--coa-primary);cursor:pointer;flex:0 0 28px;font-size:16px;height:28px;margin-top:1px;width:28px}.coa-tree-toggle:hover{background:#2e319214}.coa-tree-toggle--empty{color:#b3b9c3;cursor:default}.coa-account-link{align-items:baseline;background:#0000;border:0;color:inherit;cursor:pointer;display:flex;gap:8px;padding:0;text-align:left}.coa-account-link strong{color:#2e3192;color:var(--coa-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;min-width:58px}.coa-account-link span{font-weight:700}.coa-account-cell small{color:#687182;color:var(--coa-muted);display:block;margin-top:3px;max-width:440px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coa-type-cell span,.coa-type-cell strong{display:block}.coa-type-cell span{color:#687182;color:var(--coa-muted);font-size:12px;margin-top:2px}.coa-money-cell{text-align:right}.coa-money-cell small,.coa-money-cell strong{display:block}.coa-money-cell small{color:#687182;color:var(--coa-muted);font-size:10px;margin-top:2px}.coa-negative{color:#c73535;color:var(--coa-danger)}.coa-badge,.coa-status{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;min-height:25px;padding:4px 8px;text-transform:capitalize;white-space:nowrap}.coa-badge--success,.coa-status--active{background:#e8f7ef;color:#17834a;color:var(--coa-success)}.coa-badge--neutral{background:#edf0f5;color:#5d6677}.coa-status--inactive{background:#f3f3f4;color:#717682}.coa-actions-column{width:250px}.coa-row-actions{display:flex;gap:6px;justify-content:flex-end}.coa-row-actions button{background:#fff;border:1px solid #dfe2e8;border-radius:7px;color:#4f5869;cursor:pointer;font:inherit;font-size:11px;font-weight:700;padding:6px 8px}.coa-row-actions button:hover:not(:disabled){border-color:#2e3192;border-color:var(--coa-primary);color:#2e3192;color:var(--coa-primary)}.coa-row-actions button:disabled{cursor:not-allowed;opacity:.45}.coa-row-actions .coa-danger-action:hover:not(:disabled){border-color:#c73535;border-color:var(--coa-danger);color:#c73535;color:var(--coa-danger)}.coa-empty-state{align-items:center;color:#687182;color:var(--coa-muted);display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:250px}.coa-empty-state strong{color:#19202b;color:var(--coa-ink);font-size:16px}.coa-spinner{animation:coa-spin .8s linear infinite;border:3px solid #e4e7ec;border-radius:50%;border-top:3px solid var(--coa-primary);height:28px;width:28px}@keyframes coa-spin{to{transform:rotate(1turn)}}.coa-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1217268f;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.coa-modal{background:#fff;border-radius:16px;box-shadow:0 26px 70px #0d12264d;max-height:calc(100vh - 40px);overflow:auto;width:min(850px,100%)}.coa-modal__footer,.coa-modal__header{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:20px 24px}.coa-modal__header{border-bottom:1px solid #e4e7ec;border-bottom:1px solid var(--coa-border)}.coa-modal__header h2{color:#2e3192;color:var(--coa-primary);margin:4px 0 0}.coa-modal__footer{background:#fafbfc;border-top:1px solid #e4e7ec;border-top:1px solid var(--coa-border);justify-content:flex-end}.coa-modal__body{padding:22px 24px 24px}.coa-modal__body .coa-alert{margin:0 0 18px}.coa-icon-button{background:#fff;border:1px solid #e4e7ec;border:1px solid var(--coa-border);border-radius:9px;color:#60697a;cursor:pointer;font-size:24px;height:38px;width:38px}.coa-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.coa-field{grid-gap:7px;display:grid;gap:7px}.coa-field>span{color:#41495a;font-size:12px;font-weight:800}.coa-field input,.coa-field select{min-height:42px;padding:0 12px}.coa-field textarea{padding:11px 12px;resize:vertical}.coa-field--full{grid-column:1/-1}.coa-switch-panel{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:18px}.coa-switch-row{align-items:flex-start;background:#fafbfc;border:1px solid #e4e7ec;border:1px solid var(--coa-border);border-radius:10px;display:flex;gap:10px;padding:14px}.coa-switch-row input{accent-color:#2e3192;accent-color:var(--coa-primary);height:17px;margin-top:2px;width:17px}.coa-switch-row small,.coa-switch-row strong{display:block}.coa-switch-row small{color:#687182;color:var(--coa-muted);line-height:1.4;margin-top:3px}@media (max-width:1000px){.coa-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.coa-toolbar{grid-template-columns:1fr 1fr}.coa-search{grid-column:1/-1}}@media (max-width:680px){.coa-page{padding:18px 12px}.coa-page-header{flex-direction:column}.coa-page-header .coa-button{width:100%}.coa-form-grid,.coa-stat-grid,.coa-switch-panel,.coa-toolbar{grid-template-columns:1fr}.coa-field--full,.coa-search{grid-column:auto}.coa-modal-backdrop{padding:0}.coa-modal{border-radius:0;max-height:100vh;width:100%}}@media print{.coa-page{background:#fff;padding:0}.coa-modal-backdrop,.coa-page-header .coa-button,.coa-row-actions,.coa-toolbar{display:none!important}.coa-stat-card,.coa-workspace{box-shadow:none}}.coa-page-header__actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.coa-alert:not(.coa-alert--error){background:#f3f4ff;border:1px solid #cfd5f3;color:#33366f}@media (max-width:680px){.coa-page-header__actions{flex-direction:column;width:100%}}.account-transactions-container{background:#f5f5f5;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.back-button{background:#2e3192}.back-button:hover{background:#23258a}.action-btn{height:40px;width:40px}.action-btn:hover{background:#f5f5f5}.action-btn[title=Print]{background:#f1592a;border:none;color:#fff}.action-btn[title=Print]:hover{background:#e04a1a}.action-btn[title="Download PDF"]{background:#2e3192;border:none;color:#fff}.action-btn[title="Download PDF"]:hover{background:#23258a}.account-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px;padding:24px;text-align:center}.account-header h1{color:#2e3192;font-size:28px;margin:0 0 16px}.account-balance{align-items:baseline;display:flex;gap:12px;justify-content:center}.balance-label{color:#666;font-size:14px}.balance-value{font-size:28px;font-weight:700}.balance-value.positive{color:#28a745}.balance-value.negative{color:#dc3545}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:16px}.filter-toggle-btn{align-items:center;background:#fff;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 16px;transition:all .2s}.filter-toggle-btn:hover{background:#f5f5f5}.search-box input{padding:8px 32px 8px 36px}.search-box input:focus{border-color:#2e3192;box-shadow:0 0 0 2px #2e31921a}.clear-search{right:8px}.filters-panel{align-items:flex-end;border:1px solid #e0e0e0;display:flex;flex-wrap:wrap;gap:20px}.filter-group{min-width:150px}.filter-group label{font-size:13px}.filter-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:8px 12px;width:100%}.apply-filters-btn,.reset-filters-btn{border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 20px;transition:all .2s}.apply-filters-btn{background:#2e3192;border:none;color:#fff}.apply-filters-btn:hover{background:#23258a}.reset-filters-btn{background:#f5f5f5;border:1px solid #ddd;color:#666}.reset-filters-btn:hover{background:#e0e0e0}.loading-transactions,.no-transactions{align-items:center;color:#666;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:60px}.ledger-table{border-collapse:collapse;font-size:14px;width:100%}.ledger-table th{background:#f8f9fa;border-bottom:2px solid #f1592a;color:#2e3192;font-size:12px;font-weight:600;letter-spacing:.5px;padding:14px 12px;text-align:left;text-transform:uppercase}.ledger-table td{border-bottom:1px solid #f1f3f5;padding:12px;vertical-align:middle}.ledger-table tbody tr:hover{background:#f8f9fa}.col-index{color:#999;font-weight:500;text-align:center;width:5%}.col-date{white-space:nowrap}.col-date,.col-ref{color:#666;width:12%}.col-ref{font-family:monospace;font-size:12px}.col-desc,.col-ref{word-break:break-word}.col-desc{color:#333;line-height:1.4;width:35%}.col-in{color:#adb5bd;font-family:monospace;font-weight:600;text-align:right;width:12%}.col-in.has-value{color:#28a745;font-weight:700}.col-out{color:#adb5bd;font-family:monospace;font-weight:600;text-align:right;width:12%}.col-out.has-value{color:#dc3545;font-weight:700}.col-balance{font-family:monospace;font-weight:700;text-align:right;width:12%}.col-balance.positive{color:#28a745}.col-balance.negative{color:#dc3545}.total-row{background:#f8f9fa;border-top:2px solid #e9ecef;font-weight:700}.total-label{color:#495057}.total-in,.total-label{font-size:14px;font-weight:700;text-align:right}.total-in{color:#28a745;font-family:monospace}.total-out{color:#dc3545}.total-balance,.total-out{font-family:monospace;font-size:14px;font-weight:700;text-align:right}.total-balance{color:#2e3192}@media (max-width:768px){.account-transactions-container{padding:16px}.view-header{align-items:flex-start;flex-direction:column;gap:12px}.header-actions{justify-content:flex-start;width:100%}.filters-section{flex-direction:column}.search-box{max-width:100%;width:100%}.filters-panel{flex-direction:column}.filter-actions,.filter-group{width:100%}.apply-filters-btn,.reset-filters-btn{flex:1 1}.ledger-table{min-width:700px}}@media print{.filters-panel,.filters-section,.view-header{display:none!important}.account-transactions-container{background:#fff;padding:0}.account-header,.table-container{border:1px solid #ddd;box-shadow:none}.ledger-table td,.ledger-table th{padding:8px}}.journal-lines-wrapper{border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto;width:100%}.journal-lines-table{border-collapse:collapse;min-width:720px;table-layout:fixed;width:100%}.journal-lines-table td,.journal-lines-table th{border-bottom:1px solid #e5e7eb;display:table-cell!important;padding:15px 18px;vertical-align:middle}.journal-lines-table td:first-child,.journal-lines-table th:first-child{text-align:left;width:22%}.journal-lines-table td:nth-child(2),.journal-lines-table th:nth-child(2){text-align:left;width:48%}.journal-lines-table td:nth-child(3),.journal-lines-table td:nth-child(4),.journal-lines-table th:nth-child(3),.journal-lines-table th:nth-child(4){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right!important;white-space:nowrap;width:15%}.journal-lines-table thead{display:table-header-group!important}.journal-lines-table tbody{display:table-row-group!important}.journal-lines-table tr{display:table-row!important}.journal-lines-table th{background:#f8fafc;color:#4b5563;font-size:13px;font-weight:700}.journal-lines-table .amount-cell{font-weight:700;text-align:right!important;white-space:nowrap}.journal-total-row td{background:#f8fafc;border-bottom:none;border-top:2px solid #334155;font-weight:800}.bb-page{--bb-primary:#2f319c;--bb-primary-dark:#25277e;--bb-ink:#18223a;--bb-muted:#667085;--bb-line:#dfe4ee;--bb-surface:#fff;--bb-soft:#f5f7fb;--bb-success:#087a48;--bb-danger:#c83232;--bb-warning:#a35b00;color:var(--bb-ink);padding:24px}.bb-page *{box-sizing:border-box}.bb-page-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between;margin-bottom:20px}.bb-eyebrow{color:#ef4b24;font-size:12px;font-weight:800;letter-spacing:.14em;margin:0 0 6px}.bb-page-header h1{color:var(--bb-primary);font-size:clamp(28px,3vw,42px);line-height:1.1;margin:0}.bb-page-header p:not(.bb-eyebrow){color:var(--bb-muted);line-height:1.55;margin:10px 0 0;max-width:760px}.bb-header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.bb-add-line,.bb-button,.bb-icon-button,.bb-open-button{border:1px solid #0000;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.bb-button{align-items:center;display:inline-flex;gap:8px;min-height:42px;padding:0 15px}.bb-add-line:hover:not(:disabled),.bb-button:hover:not(:disabled),.bb-open-button:hover:not(:disabled){transform:translateY(-1px)}.bb-add-line:disabled,.bb-button:disabled,.bb-icon-button:disabled,.bb-open-button:disabled{cursor:not-allowed;opacity:.5}.bb-button-primary{background:var(--bb-primary);box-shadow:0 8px 18px #2f319c38;color:#fff}.bb-button-primary:hover:not(:disabled){background:var(--bb-primary-dark)}.bb-button-secondary{background:#fff;border-color:var(--bb-line);color:var(--bb-ink)}.bb-button-danger{background:var(--bb-danger);color:#fff}.bb-button-warning{background:var(--bb-warning);color:#fff}.bb-alert{align-items:center;border:1px solid;border-radius:10px;display:flex;gap:10px;margin-bottom:18px;padding:13px 15px}.bb-alert-success{background:#ecfbf4;border-color:#a9dfc7;color:#08623d}.bb-alert-error{background:#fff0f0;border-color:#f1b6b6;color:#9e2525}.bb-alert button{background:#0000;border:0;color:inherit;cursor:pointer;display:inline-flex;margin-left:auto;padding:4px}.bb-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.bb-entry-card,.bb-list-card,.bb-summary-card{background:var(--bb-surface);border:1px solid var(--bb-line);border-radius:14px;box-shadow:0 8px 24px #1018280f}.bb-summary-card{background:radial-gradient(circle at 95% 8%,#2f319c14 0 38px,#0000 39px),#fff;min-height:130px;padding:20px}.bb-summary-card small,.bb-summary-card span{color:var(--bb-muted);display:block}.bb-summary-card strong{color:var(--bb-primary);display:block;font-size:28px;margin:8px 0 4px}.bb-positive{color:var(--bb-success)!important}.bb-negative{color:var(--bb-danger)!important}.bb-entry-card,.bb-list-card{margin-bottom:22px;overflow:hidden}.bb-entry-title-row,.bb-list-toolbar{align-items:center;border-bottom:1px solid var(--bb-line);display:flex;gap:18px;justify-content:space-between;padding:18px 20px}.bb-entry-title-row>div{align-items:center;display:flex;gap:12px}.bb-entry-title-row h2,.bb-list-toolbar h2{color:var(--bb-primary);font-size:21px;margin:0}.bb-entry-title-row>strong{color:var(--bb-primary);font-size:17px}.bb-status{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;justify-content:center;min-width:76px;padding:5px 9px;text-transform:capitalize}.bb-status-draft{background:#fff4cd;color:#7a5200}.bb-status-posted{background:#e5f7ef;color:#087a48}.bb-status-cancelled,.bb-status-reversed{background:#fdeaea;color:#a12e2e}.bb-header-form{grid-gap:16px;background:var(--bb-soft);display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:20px}.bb-header-form label{color:#344054;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:7px}.bb-description-field{grid-column:span 4}.bb-entry-table input,.bb-entry-table select,.bb-header-form input,.bb-list-filters input,.bb-list-filters select{background:#fff;border:1px solid #cfd6e4;border-radius:8px;color:var(--bb-ink);font:inherit;min-height:40px;outline:none;padding:8px 10px;width:100%}.bb-entry-table input:focus,.bb-entry-table select:focus,.bb-header-form input:focus,.bb-list-filters input:focus,.bb-list-filters select:focus{border-color:var(--bb-primary);box-shadow:0 0 0 3px #2f319c1a}.bb-entry-table input:disabled,.bb-entry-table select:disabled,.bb-header-form input:disabled{background:#f2f4f7;color:#596174}.bb-table-wrap{overflow-x:auto;width:100%}.bb-entry-table,.bb-history-table{border-collapse:collapse;width:100%}.bb-entry-table{min-width:1180px}.bb-history-table{min-width:900px}.bb-entry-table td,.bb-entry-table th,.bb-history-table td,.bb-history-table th{border-bottom:1px solid #e8ebf1;padding:11px 10px;text-align:left;vertical-align:middle}.bb-entry-table th,.bb-history-table th{background:#fafbfc;color:#475467;font-size:11px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.bb-entry-table tbody tr:hover,.bb-history-table tbody tr:hover{background:#fbfcff}.bb-line-number{color:var(--bb-muted);font-weight:700;text-align:center!important;width:42px}.bb-account-name small,.bb-account-name strong,.bb-history-table td small,.bb-history-table td strong{display:block}.bb-account-name small,.bb-history-table td small{color:var(--bb-muted);font-size:11px;margin-top:3px}.bb-normal-badge{background:#eef1f6;border-radius:999px;color:#526078;display:inline-flex;font-size:11px;font-weight:800;justify-content:center;min-width:38px;padding:5px 7px}.bb-money-input{min-width:120px;text-align:right}.bb-icon-button{align-items:center;background:#fff;border-color:var(--bb-line);color:#475467;display:inline-flex;height:38px;justify-content:center;width:38px}.bb-icon-danger{color:var(--bb-danger)}.bb-entry-table tfoot td{background:#f7f8fc;color:var(--bb-primary);font-weight:800;padding:14px 10px;text-align:right}.bb-add-line{align-items:center;background:#2878d4;color:#fff;display:inline-flex;gap:7px;padding:9px 13px}.bb-balance-ok,.bb-balance-warning{align-items:center;display:inline-flex;gap:6px;white-space:nowrap}.bb-balance-ok{color:var(--bb-success)}.bb-balance-warning{color:var(--bb-danger)}.bb-note{background:#f1f5ff;border:1px solid #cbd8fb;border-radius:10px;color:#344054;display:flex;gap:12px;margin:18px 20px 20px;padding:14px}.bb-note svg{color:var(--bb-primary);flex:0 0 auto;margin-top:2px}.bb-note p,.bb-note strong{display:block;margin:0}.bb-note p{color:var(--bb-muted);line-height:1.5;margin-top:4px}.bb-list-toolbar p{color:var(--bb-muted);margin:5px 0 0}.bb-list-filters{align-items:center;display:flex;gap:10px}.bb-search-box{align-items:center;display:flex;position:relative}.bb-search-box svg{color:var(--bb-muted);left:11px;position:absolute}.bb-search-box input{min-width:310px;padding-left:34px}.bb-list-filters select{min-width:150px}.bb-history-table td:nth-child(5),.bb-history-table td:nth-child(6){font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:right}.bb-open-button{align-items:center;background:#f7f7ff;border-color:#cfd2ef;color:var(--bb-primary);display:inline-flex;gap:6px;padding:7px 11px}.bb-empty-state{color:var(--bb-muted);padding:42px!important;text-align:center!important}.bb-empty-state span,.bb-empty-state strong,.bb-empty-state svg{display:block;margin:0 auto}.bb-empty-state svg{font-size:28px;margin-bottom:10px}.bb-empty-state span{margin-top:5px}.bb-loading{align-items:center;color:var(--bb-primary);display:flex;font-weight:700;gap:10px;justify-content:center;min-height:340px}.bb-spin{animation:bb-spin .9s linear infinite}@keyframes bb-spin{to{transform:rotate(1turn)}}@media (max-width:1180px){.bb-header-form,.bb-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bb-description-field{grid-column:span 2}.bb-list-toolbar{align-items:flex-start;flex-direction:column}}@media (max-width:760px){.bb-page{padding:14px}.bb-page-header{flex-direction:column}.bb-header-actions{justify-content:flex-start;width:100%}.bb-header-form,.bb-summary-grid{grid-template-columns:1fr}.bb-description-field{grid-column:span 1}.bb-entry-title-row{align-items:flex-start;flex-direction:column}.bb-list-filters{align-items:stretch;flex-direction:column;width:100%}.bb-list-filters select,.bb-search-box input{min-width:0;width:100%}}.bb-account-combobox{min-width:330px;position:relative}.bb-account-combobox>input{padding-left:34px;padding-right:12px}.bb-account-search-icon{color:var(--bb-muted);left:11px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:1}.bb-account-options{background:#fff;border:1px solid #cfd6e4;border-radius:10px;box-shadow:0 16px 36px #10182833;overflow-y:auto;padding:6px;position:fixed;z-index:4000}.bb-account-option{align-items:center;background:#0000;border:0;border-radius:7px;color:var(--bb-ink);cursor:pointer;display:flex;font:inherit;gap:14px;justify-content:space-between;padding:10px 11px;text-align:left;width:100%}.bb-account-option-active,.bb-account-option:hover{background:#f0f2ff}.bb-account-option[aria-selected=true]{background:#e9eaff;color:var(--bb-primary)}.bb-account-option>small,.bb-account-option>span{align-items:center;display:flex}.bb-account-option>span{gap:8px;min-width:0}.bb-account-option>span strong{color:var(--bb-primary);flex:0 0 auto}.bb-account-option>span span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-account-option>small{color:var(--bb-muted);flex:0 0 auto;font-size:11px;gap:8px}.bb-account-option>small b{background:#eef1f6;border-radius:999px;color:#526078;display:inline-flex;justify-content:center;min-width:30px;padding:3px 5px}.bb-account-option-empty{color:var(--bb-muted);padding:18px 12px;text-align:center}.bb-money-input:disabled{background:#eef1f5;color:#8a93a3;cursor:not-allowed}.bb-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.bb-modal{border-radius:12px;box-shadow:0 10px 40px #0003;max-width:600px;padding:24px}.bb-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.bb-modal-header h3{color:var(--bb-primary);font-size:22px;margin:0}.bb-modal-close{align-items:center;background:#fff;border:1px solid var(--bb-line);border-radius:8px;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.bb-modal-body{margin-bottom:20px}.bb-customer-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.bb-customer-form label{color:#344054;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:7px}.bb-customer-form input,.bb-customer-form select{border:1px solid #cfd6e4;border-radius:8px;font-size:14px;height:42px;outline:none;padding:9px 12px;width:100%}.bb-customer-form input:focus,.bb-customer-form select:focus{border-color:var(--bb-primary);box-shadow:0 0 0 3px #2f319c1f}.bb-customer-form label:first-child{grid-column:span 2}.bb-modal-footer{gap:10px}.bb-error{color:var(--bb-danger);font-size:12px;font-weight:500}.bb-add-customer-btn{align-items:center;background:var(--bb-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.bb-add-customer-btn:hover{background:var(--bb-primary-dark)}@media(max-width:700px){.bb-customer-form{grid-template-columns:1fr}.bb-customer-form label:first-child{grid-column:auto}}.bb-supplier-form{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}.bb-supplier-form label{color:#344054;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:7px}.bb-supplier-form input,.bb-supplier-form select{border:1px solid #cfd6e4;border-radius:8px;font-size:14px;height:42px;outline:none;padding:9px 12px;width:100%}.bb-supplier-form input:focus,.bb-supplier-form select:focus{border-color:var(--bb-primary);box-shadow:0 0 0 3px #2f319c1f}.bb-supplier-form label:first-child{grid-column:span 2}.bb-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000040;max-height:90vh;max-width:720px;overflow:auto;padding:32px;width:100%}.bb-modal-footer{border-top:1px solid var(--bb-line);display:flex;gap:12px;justify-content:flex-end;margin-top:25px;padding-top:18px}@media(max-width:700px){.bb-supplier-form{grid-template-columns:1fr}.bb-supplier-form label:first-child{grid-column:auto}}.bb-add-supplier-btn{align-items:center;background:var(--bb-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;width:34px}.bb-add-supplier-btn:hover{background:var(--bb-primary-dark)}.bb-add-supplier-btn:disabled{cursor:not-allowed;opacity:.5}.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}}.form-field select,.form-field select option,.form-field select option:checked,.form-field select:focus{background-color:#fff;color:#111827}.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{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 35px 10px 12px;width:100%}.date-input:focus,.select-wrapper select:focus{border-color:#121349;outline:none}.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: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{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;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}.delete-btn:hover{background:#ff4d4f}.no-data{background:#fafafa}.no-data-message{color:#999;gap:15px}.no-data-icon{font-size:48px;line-height:1}.loading-container{background:#fff;border-radius:8px;padding:40px}.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{color:#121349;font-size:1.5rem;font-weight:600;gap:8px}.form-header h2,.info-banner{align-items:center;display:flex}.info-banner{background:#e6f7ff;border:1px solid #91d5ff;border-radius:8px;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}.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}.clear-filters-btn{margin-top:1rem}.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;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon,.stat-number{font-size:1.5rem}.stat-number{color:#2d3748;font-weight:700}.stat-label{color:#718096;margin-top:.25rem}.filter-header{align-items:center;color:#121349;display:flex;font-weight:600;gap:.5rem;margin-bottom:1rem}.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 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}.filter-actions{gap:1rem;justify-content:flex-end;margin-top:1rem}.search-container{margin-bottom:1rem}.clear-search:hover{background:#f0f0f0;color:#dc2626}.search-actions{gap:1rem}.stats{color:#718096;font-size:.9rem;white-space:nowrap}.styled-table td,.styled-table th{font-size:.95rem}.styled-table th{background:linear-gradient(135deg,#121349,#1a237e);border-bottom:2px solid #0d1b52}.styled-table th:last-child{text-align:center}.styled-table tbody tr:nth-child(2n){background:#f8fafc}.styled-table tbody tr:hover{background:linear-gradient(90deg,#1213490d,#1a237e0d);transition:background .3s ease}.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{box-shadow:0 2px 4px #0000001a;color:#4a5568}.action-btn:hover{box-shadow:0 4px 8px #00000026}.action-btn:disabled{box-shadow:none}.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{font-size:1rem}.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}.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)}.pagination{background:#fff;border-top:1px solid #e2e8f0}.pagination-btn{border:1px solid #e2e8f0;color:#333}.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-pages{display:flex;gap:4px}.pagination-info{border-top:1px solid #e2e8f0;color:#718096;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}.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{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;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 label{align-items:center;display:flex;gap:6px}.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-buttons{flex-wrap:wrap}.action-btn{padding:6px;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{background:#fff;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{font-size:13px;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;margin-bottom:20px}.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;font-size:11px}.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)}.system-defaults-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.filter-btn{background:#fff3;border:1px solid #ffffff4d;color:#fff;transition:all .3s}.filter-btn:hover{background:#ffffff4d}.filters-container{box-shadow:0 2px 8px #00000014}.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{gap:1rem;margin-bottom:1.5rem}.search-input{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;padding:1rem 1.25rem;text-align:left}.styled-table th{background:linear-gradient(135deg,#2e3192,#23258a);border-bottom:2px solid #1a1c6e;font-size:.85rem}.styled-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.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,.user-cell{align-items:center;display:flex;gap:6px}.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}.view-btn:hover{background:#2e3192}.status-btn:hover{background:#f1592a;color:#fff}.action-btn:disabled{transform:none}.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}.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}.company-info{color:#bbdefb;font-weight:400;gap:.5rem;margin-top:.5rem}.company-info svg{color:#64b5f6}.header-actions{gap:1rem}.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;border-radius:10px;box-shadow:0 2px 8px #12134926;color:#fff;gap:1rem;padding:1.25rem}.stat-icon{border-radius:10px}.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}.clear-filters{border:1px solid #dc2626;color:#dc2626;font-size:.85rem;padding:.25rem .75rem;transition:all .3s ease}.clear-filters:hover{background:#dc2626}.filters-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1.5rem}.filter-group{gap:.5rem}.filter-group label{color:#4a5568;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}.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;padding:.25rem;right:.75rem}.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{background:none;border:1px solid #121349;border-radius:6px;color:#121349;cursor:pointer;font-size:.9rem;margin-top:.5rem;padding:.5rem 1rem;transition:all .3s ease}.clear-filters-btn:hover{background:#121349;color:#fff}.loading-container{color:#121349}.pagination{background:#1a237e;border-top:1px solid #283593}.pagination-btn{background:#283593;border:1px solid #3949ab;color:#fff;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s}.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;font-size:14px;margin-left:auto}@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;border-radius:6px;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}}.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{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}.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%}}.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{font-size:13px;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-icon{border-radius:8px;height:40px;width:40px}.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{font-size:11px;padding:4px 8px}.type-badge.sale{background:#e6f7ff;color:#1890ff}.type-badge.return{background:#fff2f0;color:#ff4d4f}.status-badge{display:inline-flex;gap:4px}.payment-badge,.status-badge{border-radius:12px;font-size:11px;padding:4px 8px}.payment-badge{display:inline-block;font-weight:600}.action-buttons{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}.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}.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{margin-bottom:1.5rem}.form-header{align-items:center;display:flex;justify-content:space-between}.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,.form-field select{height:56px}.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}.stat-label{font-size:13px}.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;color:#1890ff;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{flex-direction:column;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:1px solid #d9d9d9;border-radius:6px;font-size:14px;padding:10px 35px}.search-box svg{left:10px}.clear-search{align-items:center;display:flex;padding:0;right:10px}.clear-search:hover{color:#ff4d4f}.search-info{color:#666;font-size:13px}.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%}.close-btn{background:#f5f5f5;color:#666;height:36px;transition:all .3s ease;width:36px}.close-btn:hover{background:#e0e0e0}.form-subtitle{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}.transfer-form{gap:1.5rem}.form-grid,.transfer-form{display:flex;flex-direction:column}.form-field{margin-bottom: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{padding:0 .5rem;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%)}.select-icon{color:#718096;right:1rem}.field-hint{color:#718096}.field-error,.field-hint{font-size:.8rem;margin-top:.5rem}.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;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{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}.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}.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}.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}}.transfer-form .select-wrapper select,.transfer-form .select-wrapper select option{background-color:#fff;color:#111827}.transfer-form .select-wrapper select:disabled{background-color:#f3f4f6;color:#6b7280}.transfer-form .select-wrapper select:focus{background-color:#fff;color:#111827}.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;margin:0 0 5px}.company-info{font-size:.9rem;gap:5px;margin:0}.add-button,.filter-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;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-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:25px}.stat-card{background:#fff;border:1px solid #e0e0e0;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:#f0f0f0;border-radius:12px;color:#666;height:48px;justify-content:center;width:48px}.stat-icon.in{background:#e8f5e9;color:#2e7d32}.stat-icon.out{background:#ffebee;color:#c62828}.stat-content{flex:1 1}.stat-number{color:#333;font-size:1.8rem;font-weight:600;line-height:1.2}.stat-label{color:#666;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;border-radius:12px;gap:20px;margin-bottom:25px;padding:20px}.filter-group{flex:1 1;min-width:200px}.filter-group label{color:#333;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.select-wrapper select{-webkit-appearance:none;appearance:none;background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;padding:10px 35px 10px 12px;width:100%}.select-wrapper select:focus{border-color:#121349;outline:none}.select-icon{color:#666;right:12px}.checkbox-group{align-items:center;display:flex}.filter-actions{display:flex;gap:10px;min-width:200px}.apply-filters,.clear-filters{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:10px;transition:all .3s ease}.clear-filters{background:#f5f5f5;border:1px solid #ddd;color:#666}.clear-filters:hover{background:#e0e0e0}.apply-filters{background:#121349;color:#fff}.apply-filters:hover{background:#1a237e}.search-container{align-items:center;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.search-box{flex:1 1;min-width:300px}.search-box input{border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;padding:12px 40px;transition:all .3s ease;width:100%}.search-box input:focus{border-color:#121349;box-shadow:0 0 0 3px #1213491a;outline:none}.search-box svg{left:12px}.clear-search,.search-box svg{color:#999;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;font-size:16px;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:#f5f5f5;border:1px solid #ddd;border-radius:8px;color:#666;cursor:pointer;justify-content:center;padding:10px;transition:all .3s ease}.refresh-btn:hover{background:#e0e0e0;color:#333}.filter-badge{align-items:center;background:#e3f2fd;border-radius:4px;color:#1565c0;display:inline-flex;font-size:.8rem;font-weight:500;gap:4px;padding:4px 8px}.table-container{box-shadow:0 2px 8px #0000001a}.styled-table{min-width:1200px}.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{display:inline-block;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{cursor:not-allowed;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:22px 25px;align-items:start;gap:22px 25px;margin-bottom:30px}.form-field{box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;margin-bottom:0;min-height:90px;padding-bottom:22px;padding-top:12px}.form-field label{background:var(--white);color:#666;color:var(--gray-dark);font-size:16px;left:15px;line-height:1.2;padding:0 8px;top:30px;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:13px;font-weight:600;left:12px;top:2px}.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);box-sizing:border-box;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-wrapper{position:relative}.select-icon{color:#2e3192;color:var(--primary-color);pointer-events:none;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.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;min-height:auto;padding-bottom:12px}.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:#dc2626;color:var(--error-color);font-weight:500;max-width:calc(100% - 8px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-error,.field-hint{bottom:0;font-size:.8125rem;gap:4px;left:4px;line-height:18px;margin:0;padding:0;position:absolute}.field-hint{align-items:center;color:#666;color:var(--gray-dark);display:flex}.field-hint.error{color:#dc2626;color:var(--error-color)}.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:16px;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;cursor:not-allowed}@media print{.form-wrapper{background:none;padding:0}.company-form-container{border:1px solid #000;box-shadow:none}.close-btn,.form-actions{display:none}}.company-list-container{max-width:1400px;width:100%}.table-container{width:100%}.styled-table{min-width:1100px}.action-buttons{align-items:center;white-space:nowrap}.action-btn{background:#f5f7fa;background:var(--gray-light);color:#666;color:var(--gray-dark);height:34px;padding:0;width:34px}.action-btn:hover{background:#fff;background:var(--white);box-shadow:0 4px 15px #00000014;box-shadow:var(--shadow-medium);transform:scale(1.1)}.action-btn.view-btn{border-color:#2e3192;border-color:var(--primary-color);color:#2e3192;color:var(--primary-color)}.action-btn.view-btn:hover{background:#2e3192;background:var(--primary-color);color:#fff;color:var(--white)}.action-btn.edit-btn{border-color:#f1592a;border-color:var(--secondary-color);color:#f1592a;color:var(--secondary-color)}.action-btn.edit-btn:hover{background:#f1592a;background:var(--secondary-color);color:#fff;color:var(--white)}.action-btn.delete-btn{border-color:#dc2626;border-color:var(--error-color);color:#dc2626;color:var(--error-color)}.action-btn.delete-btn:hover{background:#dc2626;background:var(--error-color);color:#fff;color:var(--white)}@media (max-width:1200px){.company-list-container{max-width:100%;padding:25px}}: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{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{align-items:center;background:#1213491a;background:var(--primary-light);border:2px solid #0000;color:#2e3192;color:var(--primary-color);display:flex;height:40px;justify-content:center;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);transform:rotate(90deg)}.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:#666;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{border-collapse:collapse;min-width:1000px;width:100%}.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;font-weight:600;letter-spacing:.5px;padding:16px 15px;text-align:left;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:#333;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:#fff;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);display:flex;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:#666;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{background:#fff;box-shadow:0 2px 8px #00000014;flex-wrap:wrap;gap:15px;margin-bottom:20px;padding:20px}.header h2{color:#2e3192;margin:10px 0 5px}.company-info{color:#666;margin-top:5px}.back-button,.company-info{align-items:center;font-size:14px;gap:6px}.back-button{background:none;border:none;color:#2e3192;cursor:pointer;display:flex;font-weight:500;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;transform:translateY(-1px)}.error-message{border-left:4px solid #dc2626;color:#dc2626;margin-bottom:20px}.table-container{box-shadow:0 2px 8px #00000014;overflow-x:auto}.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{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;margin-right:5px;transition:all .2s;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}.animate-spin{animation:spin 1s linear infinite}@media (max-width:768px){.header{align-items:stretch;flex-direction:column}.header-actions{justify-content:flex-end}.modal-container{width:95%}}.customer-page-shell{background:#f5f7fb;color:#18213d;min-height:100vh;padding:28px}.customer-form-card,.customer-loading-card{background:#fff;border:1px solid #dfe5f0;border-radius:18px;box-shadow:0 18px 45px #202d5814;margin:0 auto;width:min(940px,100%)}.customer-form-card{padding:32px;position:relative}.customer-loading-card{align-items:center;color:#536078;display:flex;gap:10px;justify-content:center;min-height:220px}.customer-close-button{background:#fff;border:1px solid #d9dfeb;border-radius:10px;color:#536078;cursor:pointer;display:grid;height:38px;place-items:center;position:absolute;right:20px;top:20px;width:38px}.customer-form-header{align-items:center;display:flex;gap:15px;margin-bottom:22px;padding-right:50px}.customer-form-icon{background:#eef0ff;border-radius:14px;color:#2c34a3;display:grid;height:48px;place-items:center;width:48px}.customer-eyebrow{color:#e24b2b;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 4px;text-transform:uppercase}.customer-form-header h1{color:#20278f;font-size:clamp(28px,4vw,40px);margin:0}.customer-form-header p:last-child{color:#667085;margin:5px 0 0}.customer-accounting-note{background:#f2f6ff;border:1px solid #bfd0ff;border-radius:12px;color:#304475;display:flex;gap:12px;margin-bottom:24px;padding:15px}.customer-accounting-note svg{flex:0 0 auto;margin-top:2px}.customer-accounting-note div{grid-gap:4px;display:grid;gap:4px}.customer-accounting-note span{font-size:14px;line-height:1.5}.customer-form{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-field{grid-gap:8px;display:grid;gap:8px}.customer-field--full{grid-column:1/-1}.customer-field label{align-items:center;color:#344054;display:flex;font-size:13px;font-weight:800;gap:7px}.customer-field input,.customer-field select{background:#fff;border:1px solid #ced6e4;border-radius:10px;box-sizing:border-box;color:#18213d;font:inherit;min-height:46px;padding:10px 12px;width:100%}.customer-field input:focus,.customer-field select:focus{border-color:#343cb2;box-shadow:0 0 0 3px #343cb21f;outline:none}.customer-field input:disabled,.customer-field select:disabled{background:#f2f4f7;color:#98a2b3;cursor:not-allowed}.customer-error,.customer-hint{font-size:12px;line-height:1.4}.customer-hint{color:#667085}.customer-error{color:#c62828;font-weight:700}.customer-opening-panel{background:#fafbfe;border:1px solid #dfe5f0;border-radius:14px;padding:18px}.customer-check-row{align-items:center;cursor:pointer;display:flex!important;font-weight:800;gap:10px}.customer-check-row input{accent-color:#2e37a5;height:18px;min-height:auto;width:18px}.customer-opening-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:18px}.customer-opening-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:20px}.customer-opening-summary>div{grid-gap:4px;background:#fbfcfe;border:1px solid #e0e5ee;border-radius:12px;display:grid;gap:4px;padding:14px}.customer-opening-summary span{color:#667085;font-size:12px}.customer-opening-summary strong{color:#18213d;overflow-wrap:anywhere}.customer-form-actions{border-top:1px solid #e5e9f1;display:flex;gap:12px;justify-content:flex-end;padding-top:8px}.customer-button{align-items:center;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:0 18px}.customer-button--secondary{background:#fff;border:1px solid #ccd4e1;color:#344054}.customer-button--primary{background:#2b339f;border:1px solid #2b339f;box-shadow:0 8px 20px #2b339f33;color:#fff}.customer-button:disabled{cursor:not-allowed;opacity:.55}.customer-spin{animation:customer-spin .85s linear infinite}@keyframes customer-spin{to{transform:rotate(1turn)}}@media (max-width:820px){.customer-opening-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.customer-page-shell{padding:16px 10px}.customer-form-card{padding:24px 16px}.customer-form,.customer-opening-grid,.customer-opening-summary{grid-template-columns:1fr}.customer-form-actions{flex-direction:column-reverse}.customer-button{width:100%}}.customer-list-page{background:#f5f7fb;color:#18213d;min-height:100vh;padding:28px}.customer-list-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.customer-list-eyebrow{color:#e24b2b;font-size:12px;font-weight:800;letter-spacing:.12em;margin:0 0 5px;text-transform:uppercase}.customer-list-header h1{color:#20278f;font-size:clamp(30px,4vw,44px);margin:0}.customer-list-header p:last-child{align-items:center;color:#667085;display:flex;gap:6px}.customer-list-actions,.customer-list-header__actions{display:flex;gap:8px}.customer-list-actions button,.customer-list-button,.customer-list-refresh{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;gap:7px;justify-content:center}.customer-list-button{font-weight:800;min-height:42px;padding:0 15px}.customer-list-button--secondary{background:#fff;border:1px solid #ced6e4;color:#344054}.customer-list-button--primary{background:#2c34a3;border:1px solid #2c34a3;color:#fff}.customer-list-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.customer-list-stats article{align-items:center;background:#fff;border:1px solid #dfe5f0;border-radius:14px;box-shadow:0 8px 24px #202d580d;display:flex;gap:12px;min-height:92px;padding:16px}.customer-list-stat-symbol,.customer-list-stats svg{color:#343cb2}.customer-list-stat-symbol{font-size:21px;font-weight:900}.customer-list-stats div{grid-gap:3px;display:grid;gap:3px;min-width:0}.customer-list-stats strong{color:#20278f;font-size:18px;overflow-wrap:anywhere}.customer-list-stats span{color:#667085;font-size:12px}.customer-list-filters{background:#fff;border:1px solid #dfe5f0;border-radius:12px;display:flex;gap:16px;margin-bottom:16px;padding:16px}.customer-list-filters label{grid-gap:7px;color:#344054;display:grid;font-size:13px;font-weight:800;gap:7px;min-width:220px}.customer-list-filters select{background:#fff;border:1px solid #ced6e4;border-radius:9px;min-height:42px;padding:8px 10px}.customer-list-workspace{background:#fff;border:1px solid #dfe5f0;border-radius:15px;box-shadow:0 12px 30px #202d580f;overflow:hidden}.customer-list-toolbar{border-bottom:1px solid #e5e9f1;display:flex;gap:12px;padding:14px}.customer-list-search{align-items:center;border:1px solid #ced6e4;border-radius:9px;display:flex;flex:1 1;gap:9px;min-height:42px;padding:0 12px}.customer-list-search input{border:0;flex:1 1;font:inherit;min-width:0;outline:0}.customer-list-refresh,.customer-list-search button{background:#0000;border:0;color:#536078}.customer-list-refresh{background:#fff;border:1px solid #ced6e4;width:42px}.customer-list-table-wrap{overflow-x:auto}.customer-list-table{border-collapse:collapse;min-width:1280px;width:100%}.customer-list-table td,.customer-list-table th{border-bottom:1px solid #edf0f5;padding:14px 16px;text-align:left;vertical-align:middle}.customer-list-table th{background:#fafbfe;color:#596579;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.customer-list-table tbody tr:hover{background:#fbfcff}.customer-list-contact,.customer-list-name-cell{grid-gap:4px;display:grid;gap:4px}.customer-list-name-cell strong{color:#18213d}.customer-list-name-cell span{color:#707b90;font-size:12px}.customer-list-address,.customer-list-contact span{align-items:center;color:#536078;display:inline-flex;font-size:13px;gap:6px}.customer-list-address{max-width:220px}.customer-list-money{font-weight:800;white-space:nowrap}.customer-list-status,.customer-list-type{border-radius:999px;display:inline-flex;font-size:11px;font-weight:800;padding:5px 10px;text-transform:capitalize}.customer-list-type--walk_in{background:#f0f2f5;color:#4b5563}.customer-list-type--regular{background:#edf4ff;color:#2457a6}.customer-list-type--credit{background:#f4edff;color:#6b35a5}.customer-list-status--active{background:#e8f7ef;color:#187449}.customer-list-status--inactive{background:#fbeaea;color:#a32929}.customer-list-actions button{background:#fff;border:1px solid #d6dce7;color:#35415a;height:34px;width:34px}.customer-list-actions button:hover{background:#f1f4f9}.customer-list-actions .customer-list-danger{color:#b32b2b}.customer-list-actions button:disabled{cursor:not-allowed;opacity:.4}.customer-list-empty{align-items:center;color:#667085;display:flex;gap:10px;justify-content:center;min-height:160px}.customer-list-footer{background:#fafbfe;color:#667085;font-size:12px;padding:12px 16px}.customer-list-spin{animation:customer-list-spin .85s linear infinite}@keyframes customer-list-spin{to{transform:rotate(1turn)}}.customer-view-backdrop{background:#121b367a;display:grid;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.customer-view-modal{background:#fff;border-radius:16px;box-shadow:0 24px 70px #00000038;max-height:90vh;overflow-y:auto;padding:28px;position:relative;width:min(760px,100%)}.customer-view-modal h2{color:#20278f;margin:0 0 20px}.customer-view-close{background:#fff;border:1px solid #d9dfeb;border-radius:9px;cursor:pointer;display:grid;height:36px;place-items:center;position:absolute;right:18px;top:18px;width:36px}.customer-view-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.customer-view-grid>div{grid-gap:4px;background:#fbfcfe;border:1px solid #e1e6ef;border-radius:10px;display:grid;gap:4px;padding:13px}.customer-view-grid span{color:#667085;font-size:12px}.customer-view-grid strong{overflow-wrap:anywhere}.customer-view-note{background:#f2f6ff;border:1px solid #bfd0ff;border-radius:10px;color:#304475;font-size:13px;line-height:1.5;margin-top:16px;padding:14px}@media (max-width:1180px){.customer-list-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:720px){.customer-list-page{padding:16px 10px}.customer-list-header{flex-direction:column}.customer-list-header__actions{width:100%}.customer-list-button{flex:1 1}.customer-list-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-list-filters{flex-direction:column}.customer-list-filters label{min-width:0}.customer-view-grid{grid-template-columns:1fr}}@media (max-width:440px){.customer-list-stats{grid-template-columns: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}.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{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;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}.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{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50%;color:#fff;display:flex;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}.ims-subscriptions-page{--ims-primary:#2e3192;--ims-primary-dark:#23258a;--ims-primary-soft:#eef0ff;--ims-secondary:#f1592a;--ims-secondary-dark:#d9471d;--ims-bg:#f5f7fb;--ims-card:#fff;--ims-text:#1f2937;--ims-muted:#6b7280;--ims-border:#e3e7ef;--ims-success:#198754;--ims-danger:#dc3545;--ims-warning:#d99a00;background:radial-gradient(circle at top right,#2e319214,#0000 35%),var(--ims-bg);box-sizing:border-box;color:var(--ims-text);min-height:100vh;padding:28px}.ims-subscriptions-page *,.ims-subscriptions-page :after,.ims-subscriptions-page :before{box-sizing:border-box}.ims-subscriptions-page .page-header{align-items:center;background:linear-gradient(135deg,#fff,#f3f4ff);border:1px solid #2e31921f;border-radius:16px;box-shadow:0 8px 28px #1118270f;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px 26px}.ims-subscriptions-page .page-header h1{color:var(--ims-primary);font-size:clamp(1.65rem,2.5vw,2.15rem);font-weight:800;letter-spacing:-.025em;margin:0 0 7px}.ims-subscriptions-page .page-header p{color:var(--ims-muted);font-size:.98rem;line-height:1.6;margin:0}.ims-subscriptions-page .page-header>button{background:var(--ims-primary);border:0;border-radius:9px;box-shadow:0 6px 16px #2e319238;color:#fff;cursor:pointer;flex-shrink:0;font:inherit;font-weight:700;min-width:112px;padding:11px 18px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.ims-subscriptions-page .page-header>button:hover:not(:disabled){background:var(--ims-primary-dark);box-shadow:0 9px 20px #2e319247;transform:translateY(-1px)}.ims-subscriptions-page button:disabled{cursor:not-allowed;opacity:.62}.ims-subscriptions-page .subscription-message{border:1px solid #0000;border-radius:10px;box-shadow:0 5px 16px #1118270a;font-size:.95rem;font-weight:650;margin-bottom:20px;padding:14px 17px}.ims-subscriptions-page .subscription-message.success{background:#edf9f2;border-color:#b9e2ca;border-left:5px solid var(--ims-success);color:#146c43}.ims-subscriptions-page .subscription-message.error{background:#fff1f2;border-color:#f2c6ca;border-left:5px solid var(--ims-danger);color:#a61b29}.ims-subscriptions-page .panel{background:var(--ims-card);border:1px solid var(--ims-border);border-radius:16px;box-shadow:0 8px 28px rgba(17,24,39,.055);margin-bottom:24px;padding:25px}.ims-subscriptions-page .panel>h3{color:var(--ims-primary);font-size:1.24rem;font-weight:800;margin:0 0 24px;padding-bottom:13px;position:relative}.ims-subscriptions-page .panel>h3:after{background:var(--ims-secondary);border-radius:999px;bottom:0;content:"";height:4px;left:0;position:absolute;width:56px}.ims-subscriptions-page .form-grid{grid-gap:20px 24px;align-items:start;display:grid;gap:20px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}.ims-subscriptions-page .form-grid>div:not(.form-actions){display:flex;flex-direction:column;gap:8px;min-width:0}.ims-subscriptions-page .form-grid label{color:#374151;font-size:.9rem;font-weight:750}.ims-subscriptions-page .form-grid input,.ims-subscriptions-page .form-grid select,.ims-subscriptions-page .form-grid textarea{background:#fff;border:1px solid #d6dbe5;border-radius:9px;color:var(--ims-text);font:inherit;min-height:44px;outline:none;padding:10px 12px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;width:100%}.ims-subscriptions-page .form-grid input:hover,.ims-subscriptions-page .form-grid select:hover,.ims-subscriptions-page .form-grid textarea:hover{border-color:#aeb5c2}.ims-subscriptions-page .form-grid input:focus,.ims-subscriptions-page .form-grid select:focus,.ims-subscriptions-page .form-grid textarea:focus{border-color:var(--ims-primary);box-shadow:0 0 0 4px #2e31921f}.ims-subscriptions-page .form-grid input:disabled,.ims-subscriptions-page .form-grid select:disabled{background:#f1f3f7;color:#737b89;cursor:not-allowed}.ims-subscriptions-page .form-grid input::placeholder,.ims-subscriptions-page .form-grid textarea::placeholder{color:#9aa1ad}.ims-subscriptions-page .form-actions{border-top:1px solid var(--ims-border);display:flex;gap:12px;grid-column:1/-1;justify-content:flex-end;margin-top:5px;padding-top:20px}.ims-subscriptions-page .form-actions button{background:var(--ims-primary);border:0;border-radius:9px;color:#fff;cursor:pointer;font:inherit;font-weight:750;min-width:150px;padding:11px 18px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.ims-subscriptions-page .form-actions button:hover:not(:disabled){background:var(--ims-primary-dark);box-shadow:0 7px 18px #2e319238;transform:translateY(-1px)}.ims-subscriptions-page .form-actions button[type=button]{background:#fff;border:1px solid #cdd2dc;box-shadow:none;color:#4b5563}.ims-subscriptions-page .form-actions button[type=button]:hover:not(:disabled){background:#f7f8fa;border-color:#aeb5c2;box-shadow:none;color:#1f2937}.ims-subscriptions-page .table-wrap{background:#fff;border:1px solid var(--ims-border);border-radius:12px;overflow-x:auto;width:100%}.ims-subscriptions-page .data-table{border-collapse:initial;border-spacing:0;font-size:.89rem;min-width:1260px;width:100%}.ims-subscriptions-page .data-table td,.ims-subscriptions-page .data-table th{border-bottom:1px solid var(--ims-border);padding:13px 14px;text-align:left;vertical-align:middle;white-space:nowrap}.ims-subscriptions-page .data-table th{background:var(--ims-primary);color:#fff;font-size:.79rem;font-weight:800;letter-spacing:.035em;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.ims-subscriptions-page .data-table th:first-child{border-top-left-radius:11px}.ims-subscriptions-page .data-table th:last-child{border-top-right-radius:11px}.ims-subscriptions-page .data-table tbody tr{transition:background .15s ease}.ims-subscriptions-page .data-table tbody tr:nth-child(2n){background:#fafbfe}.ims-subscriptions-page .data-table tbody tr:hover{background:var(--ims-primary-soft)}.ims-subscriptions-page .data-table tbody tr:last-child td{border-bottom:0}.ims-subscriptions-page .company-code{color:var(--ims-muted);font-size:.76rem;font-weight:600;margin-top:4px}.ims-subscriptions-page .subscription-status{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:800;justify-content:center;line-height:1.2;min-width:76px;padding:5px 10px;text-transform:capitalize}.ims-subscriptions-page .subscription-status.trial{background:#fff7d6;border:1px solid #f2d58a;color:#8a5b00}.ims-subscriptions-page .subscription-status.active{background:#e8f7ee;border:1px solid #a9d8bd;color:#146c43}.ims-subscriptions-page .subscription-status.inactive{background:#eef0f3;border:1px solid #d1d5db;color:#4b5563}.ims-subscriptions-page .subscription-status.expired{background:#ffe9ec;border:1px solid #efb8be;color:#a61b29}.ims-subscriptions-page .subscription-status.cancelled{background:#f4e8ea;border:1px solid #e0c1c5;color:#7f1d2d}.ims-subscriptions-page .table-actions{display:flex;flex-wrap:nowrap;gap:8px}.ims-subscriptions-page .action-btn{border:0;border-radius:7px;color:#fff;cursor:pointer;font:inherit;font-size:.8rem;font-weight:750;min-width:72px;padding:7px 11px;transition:transform .16s ease,opacity .16s ease,background .16s ease}.ims-subscriptions-page .action-btn:hover:not(:disabled){transform:translateY(-1px)}.ims-subscriptions-page .action-btn.edit{background:var(--ims-primary)}.ims-subscriptions-page .action-btn.edit:hover:not(:disabled){background:var(--ims-primary-dark)}.ims-subscriptions-page .action-btn.cancel{background:var(--ims-danger)}.ims-subscriptions-page .action-btn.cancel:hover:not(:disabled){background:#bd2130}.ims-subscriptions-page .empty{color:var(--ims-muted);padding:34px!important;text-align:center!important}.ims-subscriptions-page .table-wrap::-webkit-scrollbar{height:10px}.ims-subscriptions-page .table-wrap::-webkit-scrollbar-track{background:#eef0f4}.ims-subscriptions-page .table-wrap::-webkit-scrollbar-thumb{background:#aeb3c9;border:2px solid #eef0f4;border-radius:999px}.ims-subscriptions-page .table-wrap::-webkit-scrollbar-thumb:hover{background:var(--ims-primary)}@media (max-width:900px){.ims-subscriptions-page{padding:20px}.ims-subscriptions-page .form-grid{grid-template-columns:1fr}.ims-subscriptions-page .form-actions{grid-column:1}}@media (max-width:640px){.ims-subscriptions-page{padding:14px}.ims-subscriptions-page .page-header{align-items:stretch;flex-direction:column;padding:20px}.ims-subscriptions-page .page-header>button{width:100%}.ims-subscriptions-page .panel{border-radius:12px;padding:18px}.ims-subscriptions-page .form-grid{gap:16px}.ims-subscriptions-page .form-actions{flex-direction:column}.ims-subscriptions-page .form-actions button{width:100%}}.my-subscription-page{--subscription-primary:#2e3192;--subscription-primary-dark:#23258a;--subscription-secondary:#f1592a;--subscription-bg:#f5f7fb;--subscription-card:#fff;--subscription-text:#1f2937;--subscription-muted:#6b7280;--subscription-border:#e2e6ef;background:radial-gradient(circle at top right,#2e319217,#0000 34%),var(--subscription-bg);box-sizing:border-box;color:var(--subscription-text);min-height:100vh;padding:28px}.my-subscription-page *,.my-subscription-page :after,.my-subscription-page :before{box-sizing:border-box}.my-subscription-header{align-items:center;background:linear-gradient(135deg,#fff,#f1f2ff);border:1px solid #2e31921f;border-radius:16px;box-shadow:0 8px 28px #1118270f;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding:24px 26px}.my-subscription-header h1{color:var(--subscription-primary);font-size:clamp(1.7rem,2.8vw,2.25rem);font-weight:800;margin:0 0 7px}.my-subscription-header p{color:var(--subscription-muted);line-height:1.6;margin:0}.my-subscription-header-actions{display:flex;flex-wrap:wrap;gap:10px}.subscription-btn{align-items:center;border-radius:9px;cursor:pointer;display:inline-flex;font:inherit;font-weight:750;gap:8px;justify-content:center;min-height:43px;padding:10px 17px;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.subscription-btn.primary{background:var(--subscription-primary);border:1px solid var(--subscription-primary);box-shadow:0 6px 16px #2e319233;color:#fff}.subscription-btn.primary:hover:not(:disabled){background:var(--subscription-primary-dark);transform:translateY(-1px)}.subscription-btn.secondary{background:#fff;border:1px solid #cfd4df;color:#374151}.subscription-btn.secondary:hover:not(:disabled){border-color:var(--subscription-primary);color:var(--subscription-primary);transform:translateY(-1px)}.subscription-btn:disabled{cursor:not-allowed;opacity:.62}.subscription-alert{align-items:flex-start;border-radius:11px;display:flex;gap:12px;line-height:1.5;margin-bottom:20px;padding:16px 18px}.subscription-alert svg{flex-shrink:0;font-size:1.25rem;margin-top:2px}.subscription-alert p{margin:4px 0}.subscription-alert small{display:block;opacity:.88}.subscription-alert.error{background:#fff0f1;border:1px solid #efb8be;border-left:5px solid #dc3545;color:#a61b29}.subscription-alert.blocked{background:#fff8f1;border:1px solid #f4d29f;border-left:5px solid var(--subscription-secondary);color:#7a3a17}.subscription-card{background:var(--subscription-card);border:1px solid var(--subscription-border);border-radius:18px;box-shadow:0 10px 32px rgba(17,24,39,.065);overflow:hidden}.subscription-card-header{align-items:flex-start;background:linear-gradient(135deg,var(--subscription-primary) 0,#4346ae 100%);color:#fff;display:flex;gap:20px;justify-content:space-between;padding:28px}.subscription-card-header h2{font-size:clamp(1.55rem,2.5vw,2.1rem);margin:5px 0 7px}.subscription-card-header p{color:#ffffffc7;margin:0}.subscription-eyebrow{display:inline-block;font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.subscription-card-header .subscription-eyebrow{color:#ffd7c8}.subscription-badge{align-items:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffff21;border:1px solid #ffffff47;border-radius:999px;color:#fff;display:inline-flex;font-size:.82rem;font-weight:800;gap:7px;justify-content:center;min-width:105px;padding:8px 13px;text-transform:capitalize}.subscription-badge.active{background:#198754e0}.subscription-badge.trial{background:#d99a00e6}.subscription-badge.inactive{background:#6b7280e6}.subscription-badge.cancelled,.subscription-badge.expired{background:#dc3545e6}.subscription-summary-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:26px}.subscription-summary-box{align-items:center;background:#fafbfe;border:1px solid var(--subscription-border);border-radius:12px;display:flex;gap:13px;min-width:0;padding:18px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.subscription-summary-box:hover{border-color:#2e31924d;box-shadow:0 8px 20px #2e319214;transform:translateY(-2px)}.subscription-summary-box>svg{background:#2e31921a;border-radius:10px;color:var(--subscription-primary);flex-shrink:0;font-size:2.25rem;padding:10px}.subscription-summary-box div{min-width:0}.subscription-summary-box span{color:var(--subscription-muted);display:block;font-size:.78rem;font-weight:700;margin-bottom:5px}.subscription-summary-box strong{color:var(--subscription-primary);display:block;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subscription-details-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.35fr 1fr;padding:0 26px 26px}.subscription-detail-panel{background:#fff;border:1px solid var(--subscription-border);border-radius:12px;min-width:0;padding:21px}.subscription-detail-panel h3{color:var(--subscription-primary);font-size:1.05rem;margin:0 0 16px}.subscription-features{display:flex;flex-wrap:wrap;gap:9px}.subscription-feature{align-items:center;background:#eff9f3;border:1px solid #cfe1d6;border-radius:999px;color:#146c43;display:inline-flex;font-size:.8rem;font-weight:700;gap:6px;padding:7px 10px;text-transform:capitalize}.subscription-empty-text,.subscription-notes{color:var(--subscription-muted);line-height:1.7;margin:0}.subscription-contact-card{grid-gap:26px;background:#fff;border:1px solid var(--subscription-border);border-radius:16px;box-shadow:0 8px 26px rgba(17,24,39,.055);display:grid;gap:26px;grid-template-columns:1fr 1.4fr;margin-top:24px;padding:25px}.subscription-contact-card h3{color:var(--subscription-primary);font-size:1.2rem;margin:6px 0 8px}.subscription-contact-card p{color:var(--subscription-muted);line-height:1.6;margin:0}.subscription-contact-card .subscription-eyebrow{color:var(--subscription-secondary)}.subscription-contact-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-contact-grid>div{background:#f8f9fc;border:1px solid var(--subscription-border);border-radius:10px;padding:15px}.subscription-contact-grid span{color:var(--subscription-muted);display:block;font-size:.76rem;font-weight:700;margin-bottom:6px}.subscription-contact-grid strong{color:var(--subscription-text);display:block;font-size:.9rem;overflow-wrap:anywhere}.subscription-loading-card{align-items:center;background:#fff;border:1px solid var(--subscription-border);border-radius:16px;box-shadow:0 8px 28px rgba(17,24,39,.055);color:var(--subscription-muted);display:flex;flex-direction:column;gap:14px;justify-content:center;min-height:330px}.subscription-spinner{animation:my-subscription-spinner .85s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top:4px solid var(--subscription-primary);height:42px;width:42px}@keyframes my-subscription-spinner{to{transform:rotate(1turn)}}@media (max-width:1100px){.subscription-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-contact-card{grid-template-columns:1fr}}@media (max-width:760px){.my-subscription-page{padding:16px}.my-subscription-header{align-items:stretch;flex-direction:column;padding:20px}.my-subscription-header-actions{width:100%}.subscription-btn{flex:1 1}.subscription-card-header{flex-direction:column;padding:22px}.subscription-summary-grid{grid-template-columns:1fr;padding:18px}.subscription-details-grid{grid-template-columns:1fr;padding:0 18px 18px}.subscription-contact-grid{grid-template-columns:1fr}}@media (max-width:480px){.my-subscription-header-actions{flex-direction:column}.subscription-btn{width:100%}}.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}.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{border-radius:50%;color:#64748b;right:1.5rem;top:1.5rem;transition:all .2s ease}.close-btn:hover{background:#f1f5f9;color:#121349}.form-header{margin-bottom:2rem}.form-title{font-size:1.75rem;gap:10px;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}.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;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;gap:1rem;padding-top:1.5rem}.cancel-btn{align-items:center;background:linear-gradient(135deg,#cbd5e0,#a0aec0);border:none;box-shadow:0 2px 4px #0000001a;color:#2d3748;display:flex;font-size:1rem;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-left{align-items:center;color:#fff;display:flex;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{border:1px solid #ffffff1a;box-shadow:0 2px 8px #12134926}.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{border:1px solid #e2e8f0;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}.delete-btn,.edit-btn{align-items:center;border:none;border-radius:6px;box-shadow:0 2px 4px #12134926;cursor:pointer;display:flex;height:32px;justify-content:center;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 svg{color:#fff}.delete-btn:hover{box-shadow:0 4px 12px #b222224d}.delete-btn:active,.edit-btn:active{transform:translateY(0)}.no-data{background:#f8fafc}.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{flex-direction:column;gap:1rem}.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}.auditlog-container{background:#f8fafc;font-family:Poppins,sans-serif;min-height:100vh;padding:2rem}.header{align-items:center;background:linear-gradient(135deg,#121349,#1a237e);border-radius:12px;box-shadow:0 4px 12px #12134926;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.header h2{color:#fff;font-size:1.75rem;font-weight:600;margin:0}.header .info{align-items:center;color:#bbdefb;display:flex;font-size:.9rem;gap:.4rem;margin-top:.5rem}.header-actions{display:flex;gap:.75rem}.filter-btn{align-items:center;background:#121349!important;border:none;border-radius:8px;color:#fff!important;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.filter-btn:hover{background:#1a237e!important;transform:translateY(-2px)}.filters-container{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.25rem;padding:1.25rem}.filters-container select{border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;min-width:180px;padding:.6rem .9rem}.clear-filters{background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;padding:.6rem 1rem}.clear-filters:hover{background:#c82333}.stats-bar{background:linear-gradient(135deg,#121349,#1a237e);border-radius:10px;color:#fff;display:flex;font-size:.9rem;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.search-container{display:flex;gap:.75rem;margin-bottom:1.25rem}.search-input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.95rem;padding:.75rem 1rem}.search-input:focus{border-color:#121349;box-shadow:0 0 0 2px #12134926;outline:none}.search-btn{align-items:center;background:#121349;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:0 1.25rem}.search-btn:hover{background:#1a237e}.auditlog-table{background:#fff;border:1px solid #e2e8f0;border-collapse:collapse;border-radius:12px;box-shadow:0 5px 20px #00000014;overflow:hidden;width:100%}.auditlog-table td,.auditlog-table th{font-size:.9rem;padding:.9rem 1rem;text-align:left}.auditlog-table th{background:linear-gradient(135deg,#121349,#1a237e);color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.auditlog-table td{border-bottom:1px solid #e2e8f0;color:#2d3748}.auditlog-table tbody tr:nth-child(2n){background:#f8fafc}.auditlog-table tbody tr:hover{background:#1213490a}.user-info{align-items:center;color:#4a5568;display:flex;gap:.4rem}.badge.success{background:#d4edda;border-radius:20px;color:#155724;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .65rem;text-transform:capitalize}.actions{gap:.5rem}.actions,.delete-btn,.view-btn{display:flex;justify-content:center}.delete-btn,.view-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;height:34px;transition:all .2s ease;width:34px}.view-btn{background:linear-gradient(135deg,#121349,#1a237e);color:#fff}.view-btn:hover{background:linear-gradient(135deg,#1a237e,#283593);transform:translateY(-2px)}.delete-btn{background:linear-gradient(135deg,#8b0000,#b22222);color:#fff}.delete-btn:hover{background:linear-gradient(135deg,#b22222,#dc2626);transform:translateY(-2px)}.no-data{color:#718096;font-style:italic;padding:3rem!important;text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.loading{color:#121349;font-size:1.2rem;font-weight:500;text-align:center}@media (max-width:1024px){.auditlog-container{padding:1.5rem}.header{align-items:flex-start;flex-direction:column;gap:1rem}}@media (max-width:768px){.auditlog-table{font-size:.85rem}.auditlog-table td,.auditlog-table th{padding:.65rem .75rem}.stats-bar{flex-direction:column;gap:.5rem}}.form-wrapper{align-items:flex-start;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.auditlog-form-container{background:linear-gradient(to bottom right,#fff,#f8f9fa);border-radius:16px;box-shadow:0 10px 30px #0000001a;max-width:720px;padding:2.5rem;position:relative;width:100%}.close-btn{background:#0000;border:none;border-radius:8px;color:#121349;cursor:pointer;padding:.5rem;position:absolute;right:1rem;top:1rem}.close-btn:hover{background:#12134914}.form-header{margin-bottom:1.5rem;text-align:center}.form-title{align-items:center;color:#121349;display:flex;font-size:1.5rem;font-weight:600;gap:8px;justify-content:center}.form-subtitle{color:#718096;font-size:.9rem;margin-top:.25rem}.entity-info{background:#f0f9ff;border-left:4px solid #1890ff;border-radius:8px;display:flex;flex-wrap:wrap;font-size:.85rem;gap:.75rem 1.5rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.info-item{align-items:center;color:#2d3748;display:flex;gap:.5rem}.auditlog-block{margin-bottom:1.5rem}.auditlog-block h4{border-bottom:2px solid #e2e8f0;color:#121349;font-size:1rem;font-weight:600;margin-bottom:.75rem;padding-bottom:.5rem}.form-field{margin-bottom:1.25rem;position:relative}.form-field input,.form-field textarea{border:1px solid #e2e8f0;border-radius:8px;font-size:.95rem;padding:1rem;resize:vertical;width:100%}.form-field input:focus,.form-field textarea:focus{border-color:#121349;box-shadow:0 0 0 2px #12134933;outline:none}.form-field label{background:#fff;color:#121349;font-size:.75rem;font-weight:500;left:.75rem;padding:0 .4rem;position:absolute;top:-.6rem}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:2rem}.cancel-btn{background:#fff;border:1px solid #cbd5e0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.cancel-btn:hover{background:#f7fafc}.error-container,.loading-container{align-items:center;color:#4a5568;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem 1rem}@media (max-width:640px){.form-wrapper{padding:1rem}.auditlog-form-container{padding:1.5rem}}.trial-meta-strip{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.trial-meta-left{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.trial-meta-item{align-items:center;display:flex;gap:10px}.trial-meta-icon{align-items:center;background:var(--primary-light);border-radius:8px;display:inline-flex;font-size:16px;height:34px;justify-content:center;width:34px}.trial-meta-label{color:var(--text-muted);display:block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.trial-meta-item strong{color:var(--primary-dark);display:block;font-size:13px;font-weight:700;margin-top:2px}.trial-info-card{background:#f8fafc;border:1px solid var(--border);border-radius:12px;max-width:380px;padding:14px 16px}.trial-info-card h3{color:var(--primary-dark);font-size:13px;font-weight:750;margin:0 0 6px}.trial-info-card p{color:var(--text-secondary);font-size:12px;line-height:1.55;margin:0}.trial-title-block{margin:8px 0 28px;text-align:center}.trial-title-main{color:var(--primary-dark);font-size:34px;font-weight:800;letter-spacing:1px;margin:0}.trial-title-company{color:#1e293b;font-size:18px;font-weight:750;margin-top:10px}.trial-title-asof{color:var(--text-secondary);font-size:14px;font-weight:600;margin-top:4px}.balance-success-box{align-items:center;border:1px solid;border-radius:12px;display:flex;gap:14px;margin-top:18px;padding:16px 20px}.balance-success-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:44px;justify-content:center;width:44px}.balance-success-text{display:flex;flex-direction:column;gap:3px}.balance-success-text strong{font-size:15px;font-weight:750}.balance-success-text span{font-size:12.5px;opacity:.85}.success-ok{background:var(--success-soft);border-color:#b9e6cc;color:var(--success)}.success-ok .balance-success-icon{background:var(--success)}.success-bad{background:var(--credit-soft);border-color:#ffd2d2;color:var(--credit)}.success-bad .balance-success-icon{background:var(--credit)}.explanation-section{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);margin-top:24px;padding:20px 22px}.explanation-heading{color:var(--primary-dark);font-size:15px;font-weight:750;margin:0 0 14px}.explanation-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.explanation-card{align-items:flex-start;background:#fbfcfe;border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;padding:12px 14px}.explanation-icon{align-items:center;background:#eef2ff;border-radius:9px;color:#475569;display:flex;flex-shrink:0;font-size:16px;font-weight:800;height:40px;justify-content:center;text-transform:uppercase;width:40px}.explanation-icon-asset{background:var(--debit-soft);color:var(--debit)}.explanation-icon-liability{background:var(--credit-soft);color:var(--credit)}.explanation-icon-equity{background:#f3efff;color:#7554b8}.explanation-icon-income{background:var(--success-soft);color:var(--success)}.explanation-icon-expense{background:var(--warning-soft);color:var(--warning)}.explanation-body{flex:1 1;min-width:0}.explanation-card-title{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.explanation-card-title strong{color:#1e293b;font-size:13.5px;font-weight:750}.explanation-card-type{background:#eef2ff;border-radius:999px;color:#475569;font-size:10px;font-weight:700;letter-spacing:.4px;padding:2px 8px;text-transform:uppercase}.explanation-card p{color:var(--text-secondary);font-size:12px;line-height:1.5;margin:0}.explanation-card-effect{color:#94a3b8!important;font-size:11.5px!important;font-style:italic;margin-top:4px!important}.key-point-box{align-items:flex-start;background:var(--primary-light);border:1px solid #cfdcff;border-radius:12px;display:flex;gap:12px;margin-top:18px;padding:16px 20px}.key-point-icon{flex-shrink:0;font-size:22px;line-height:1}.key-point-box p{color:var(--primary-dark);font-size:13px;line-height:1.55;margin:0}.key-point-box strong{font-weight:750}@media (max-width:1100px){.explanation-grid{grid-template-columns:1fr}}@media (max-width:768px){.trial-meta-strip{flex-direction:column}.trial-info-card{max-width:100%}.trial-title-main{font-size:26px}.trial-title-company{font-size:15px}.trial-title-asof{font-size:13px}.balance-success-box{align-items:flex-start;flex-direction:column}}@media print{.balance-success-box,.explanation-section,.key-point-box,.trial-meta-strip,.trial-title-block{box-shadow:none}.explanation-section{page-break-inside:avoid}}.balance-sheet-page{background:#f1f4f9;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:30px}.bs-container{margin:0 auto;max-width:1440px}.bs-meta-strip{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.bs-meta-left{flex-wrap:wrap;gap:24px}.bs-meta-item,.bs-meta-left{align-items:center;display:flex}.bs-meta-item{gap:10px}.bs-meta-icon{align-items:center;background:#e8ecf5;border-radius:8px;display:inline-flex;font-size:16px;height:36px;justify-content:center;width:36px}.bs-meta-label{color:#94a3b8;display:block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.bs-meta-item strong{color:#1a2a4a;display:block;font-size:13px;font-weight:700;margin-top:2px}.bs-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-width:400px;padding:14px 16px}.bs-info-card h3{color:#1a2a4a;font-size:13px;font-weight:750;margin:0 0 6px}.bs-info-card p{color:#64748b;font-size:12px;line-height:1.55;margin:0}.bs-info-formula{color:#1a2a4a!important;font-weight:600;margin-top:8px!important}.bs-title-block{margin:12px 0 26px;text-align:center}.bs-title-main{color:#1a2a4a;font-size:36px;font-weight:800;letter-spacing:2px;margin:0}.bs-title-company{color:#1e293b;font-size:19px;font-weight:750;margin-top:10px}.bs-title-asof{color:#64748b;font-size:14px;font-weight:600;margin-top:4px}.bs-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:16px 24px}.bs-header-left{min-width:0}.bs-eyebrow{color:#1a2a4a;font-size:10.5px;font-weight:800;letter-spacing:1.4px;margin:0 0 4px}.bs-page-title{color:#0f1d33;font-size:22px;font-weight:750;letter-spacing:-.4px;margin:0}.bs-page-sub{color:#64748b;font-size:12.5px;margin:4px 0 0}.bs-actions{display:flex;gap:10px}.bs-actions button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:9px 18px;transition:all .2s}.bs-refresh{background:#1a2a4a;color:#fff}.bs-refresh:hover:not(:disabled){background:#0f1d33}.bs-refresh:disabled{cursor:not-allowed;opacity:.7}.bs-print{background:#e8ecf1;color:#1a2a4a}.bs-print:hover{background:#d5dbe4}.bs-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.summary-card{background:#fff;border-left:4px solid #1a2a4a;border-radius:12px;box-shadow:0 2px 6px #0000000a;padding:18px 22px}.summary-card span{color:#6b7a8f;display:block;font-size:12px;font-weight:650;letter-spacing:.5px;text-transform:uppercase}.summary-card strong{color:#1a2a4a;display:block;font-size:22px;font-weight:750;margin-top:6px}.summary-card.assets{border-left-color:#1a73e8}.summary-card.liabilities{border-left-color:#d32f2f}.summary-card.equity{border-left-color:#7b4a9e}.summary-card.pnl{border-left-color:#2e7d32}.bs-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.bs-column{min-width:0}.bs-column-header{align-items:center;background:#1a2a4a;border-radius:12px 12px 0 0;color:#fff;display:flex;font-size:13px;font-weight:700;justify-content:space-between;letter-spacing:1px;padding:12px 22px;text-transform:uppercase}.bs-column-header span:last-child{font-size:12px;letter-spacing:.5px;opacity:.85}.bs-card{background:#fff;border-radius:0 0 12px 12px;box-shadow:0 2px 8px #0000000f;overflow:hidden}.bs-group{border-bottom:1px solid #eef2f6;padding:14px 22px 4px}.bs-group:last-of-type{border-bottom:none}.bs-group-title{color:#1a73e8;font-size:13.5px;font-weight:750;padding:4px 0 8px}.bs-subgroup-title{color:#4a5a6f;font-size:12px;font-weight:650;padding-bottom:4px;padding-left:14px}.bs-row{align-items:center;color:#2a3a4a;display:flex;font-size:13.5px;justify-content:space-between;padding:7px 0}.bs-row-name{flex:1 1;min-width:0;overflow:hidden;padding-right:12px;text-overflow:ellipsis;white-space:nowrap}.bs-row-amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600}.bs-row-highlight{color:#1a2a4a;font-weight:700;padding:8px 0}.bs-empty-row{color:#94a3b8;font-size:12.5px;font-style:italic;padding:8px 0}.bs-group-total{border-top:1px dashed #dce1e8;font-size:14px;font-weight:700;padding:10px 0 12px}.bs-card-total,.bs-group-total{align-items:center;color:#1a2a4a;display:flex;justify-content:space-between}.bs-card-total{background:#eef3f9;border-top:2px solid #1a2a4a;font-size:15px;font-weight:800;letter-spacing:.3px;padding:16px 22px}.bs-card-total span:last-child{color:#1a2a4a;font-size:17px}.bs-check{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000a;display:flex;gap:16px;margin-bottom:20px;padding:18px 24px}.bs-check.balanced{background:#f6fdf9;border-left:5px solid #2e7d32}.bs-check.unbalanced{background:#fff6f6;border-left:5px solid #d32f2f}.bs-check-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:44px;justify-content:center;width:44px}.bs-check.balanced .bs-check-icon{background:#2e7d32}.bs-check.unbalanced .bs-check-icon{background:#d32f2f}.bs-check-body{flex:1 1;min-width:0}.bs-check-title{color:#1a2a4a;display:block;font-size:15px;font-weight:750;margin-bottom:4px}.bs-check-formula{font-feature-settings:"tnum";align-items:center;color:#334155;display:flex;flex-wrap:wrap;font-size:14px;font-variant-numeric:tabular-nums;gap:10px}.bs-check-eq{color:#94a3b8;font-weight:700}.bs-check-badge{border-radius:999px;font-size:11.5px;font-weight:700;padding:4px 10px}.bs-check-badge-ok{background:#dcfce7;color:#166534}.bs-check-badge-bad{background:#fee2e2;color:#b42318}.bs-explanation-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #0000000a;margin-bottom:20px;margin-top:4px;padding:22px 24px}.bs-explanation-heading{color:#1a2a4a;font-size:14px;font-weight:800;letter-spacing:1px;margin:0 0 14px;text-transform:uppercase}.bs-explanation-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.bs-explanation-card{align-items:flex-start;background:#fbfcfe;border:1px solid #eef2f6;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.bs-explanation-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:14px;font-weight:800;height:40px;justify-content:center;width:40px}.bs-explanation-icon-asset{background:#eaf2ff;color:#1d5fc1}.bs-explanation-icon-liability{background:#fff0f0;color:#c24141}.bs-explanation-icon-equity{background:#f3efff;color:#7554b8}.bs-explanation-icon-income{background:#eaf8f0;color:#168346}.bs-explanation-icon-expense{background:#fff5df;color:#a46508}.bs-explanation-body{flex:1 1;min-width:0}.bs-explanation-body strong{color:#1e293b;display:block;font-size:13.5px;font-weight:750;margin-bottom:4px}.bs-explanation-body p{color:#64748b;font-size:12px;line-height:1.55;margin:0}.bs-key-point{align-items:center;background:#eef3fb;border:1px solid #cfdcff;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;padding:18px 22px}.bs-key-icon{flex-shrink:0;font-size:22px}.bs-key-text{color:#1a2a4a;flex:1 1;font-size:13px;line-height:1.55;margin:0;min-width:220px}.bs-key-text strong{font-weight:750}.bs-key-formula{align-items:center;background:#fff;border:1px solid #cfdcff;border-radius:8px;display:flex;gap:12px;padding:8px 14px}.bs-key-formula>div{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.bs-key-formula span:first-child{color:#64748b;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.bs-key-formula strong{font-feature-settings:"tnum";color:#1a2a4a;font-size:14px;font-variant-numeric:tabular-nums;font-weight:750}.bs-key-eq{color:#1a2a4a;font-size:18px;font-weight:800}.loading-state{background:#fff;border-radius:12px;color:#6b7a8f;padding:60px;text-align:center}@media (max-width:1024px){.bs-grid{grid-template-columns:1fr}.bs-summary{grid-template-columns:repeat(2,1fr)}.bs-explanation-grid{grid-template-columns:1fr}}@media (max-width:768px){.bs-meta-strip{flex-direction:column}.bs-info-card{max-width:100%}.bs-header{align-items:stretch;flex-direction:column}.bs-actions{justify-content:center}.bs-summary{grid-template-columns:1fr 1fr}.bs-title-main{font-size:26px}.bs-title-company{font-size:16px}.bs-title-asof{font-size:13px}.bs-check,.bs-key-point{align-items:flex-start;flex-direction:column}.bs-key-formula{justify-content:space-between;width:100%}}@media (max-width:480px){.bs-summary{grid-template-columns:1fr}}@media print{body{background:#fff;padding:0}.balance-sheet-page{background:#fff;padding:16px}.bs-actions,.bs-print,.bs-refresh{display:none!important}.bs-card,.bs-check,.bs-explanation-section,.bs-header,.bs-info-card,.bs-key-point{box-shadow:none}.bs-header{border-bottom:2px solid #1a2a4a;padding-bottom:10px}.bs-column-header{background:#1a2a4a!important;color:#fff!important}.bs-card-total,.bs-column-header,.bs-group-total{-webkit-print-color-adjust:exact;print-color-adjust:exact}.bs-check,.bs-explanation-section,.bs-grid,.bs-key-point{page-break-inside:avoid}}.income-page{background:#f5f7fb;font-family:Inter,Arial,sans-serif;min-height:100vh;padding:30px}.income-container{margin:auto;max-width:1500px}.income-meta-strip{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px}.income-meta-left{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.income-meta-item{align-items:center;display:flex;gap:10px}.income-meta-icon{align-items:center;background:#e8ecf5;border-radius:8px;display:inline-flex;font-size:16px;height:36px;justify-content:center;width:36px}.income-meta-label{color:#94a3b8;display:block;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase}.income-meta-item strong{color:#19366f;display:block;font-size:13px;font-weight:700;margin-top:2px}.income-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;max-width:400px;padding:14px 16px}.income-info-card h3{color:#19366f;font-size:13px;font-weight:750;margin:0 0 6px}.income-info-card p{color:#64748b;font-size:12px;line-height:1.55;margin:0}.income-title-block{margin:12px 0 26px;text-align:center}.income-title-main{color:#19366f;font-size:36px;font-weight:800;letter-spacing:2px;margin:0}.income-title-company{color:#1e293b;font-size:19px;font-weight:750;margin-top:10px}.income-title-asof{color:#64748b;font-size:14px;font-weight:600;margin-top:4px}.income-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:20px}.report-small-title{color:#19366f;font-size:11px;font-weight:700;letter-spacing:2px;margin:0 0 4px}.income-header h1{color:#19366f;font-size:28px;font-weight:750;margin:0}.income-header p{color:#64748b;font-size:13px;margin:4px 0 0}.loss-status,.profit-status{align-items:center;border-radius:12px;display:inline-flex;font-size:14px;font-weight:700;gap:8px;padding:12px 20px}.profit-status{background:#e9f8ed;border:1px solid #b9e6cc;color:#16803c}.loss-status{background:#ffecec;border:1px solid #ffd2d2;color:#b42318}.income-filter{align-items:flex-end;background:#fff;border-radius:14px;box-shadow:0 5px 20px #0000000f;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:18px 20px}.income-filter label{color:#475569;display:block;font-size:12px;font-weight:650;margin-bottom:6px}.income-filter input{border:1px solid #cfd7e3;border-radius:8px;color:#1e293b;font-size:13px;height:40px;outline:none;padding:8px 12px}.income-filter input:focus{border-color:#19366f;box-shadow:0 0 0 3px #19366f1a}.income-filter button{background:#19366f;border:0;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;height:40px;padding:0 25px;transition:background .2s ease}.income-filter button:hover:not(:disabled){background:#102958}.income-filter button:disabled{cursor:not-allowed;opacity:.7}.income-filter span{align-self:center;color:#64748b;font-size:12px}.income-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.summary-box{background:#fff;border-left:4px solid #19366f;border-radius:14px;box-shadow:0 4px 15px #0000000d;padding:18px 22px}.summary-box small{color:#64748b;display:block;font-size:12px;font-weight:650;letter-spacing:.5px;text-transform:uppercase}.summary-box strong{font-feature-settings:"tnum";color:#19366f;display:block;font-size:22px;font-variant-numeric:tabular-nums;font-weight:750;margin-top:10px}.revenue{border-left-color:#1769e0}.gross{border-left-color:#16803c}.expense{border-left-color:#b42318}.profit{border-left-color:#16803c}.loss{border-left-color:#b42318}.revenue strong{color:#1769e0}.gross strong,.profit strong{color:#16803c}.expense strong,.loss strong{color:#b42318}.statement-card{background:#fff;border-radius:14px;box-shadow:0 5px 20px #0000000f;overflow:hidden}.statement-title{background:#19366f;color:#fff;padding:16px 25px}.statement-title h2{font-size:16px;font-weight:750;letter-spacing:1px;margin:0}.statement-title span{font-size:12px;opacity:.85}.statement-card table{border-collapse:collapse;width:100%}.statement-card th{background:#203f7d;color:#fff;font-size:12.5px;font-weight:700;letter-spacing:.6px;padding:14px 25px;text-align:left;text-transform:uppercase}.statement-card th.amount{text-align:right}.statement-card td{border-bottom:1px solid #eef2f6;color:#334155;font-size:13.5px;padding:12px 25px}.statement-card .amount{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.statement-card .income{color:#1769e0}.statement-card .negative{color:#b42318}.statement-card .total-row{background:#eff8ef;color:#19366f;font-weight:700}.statement-card .total-row.gross-row td,.statement-card .total-row.net-sales-row td{border-top:1px solid #dce1e8}.statement-card .section{background:#f1f5f9;color:#19366f;font-weight:700}.statement-card .section td{font-size:12.5px;letter-spacing:.4px;padding:12px 25px}.statement-card .subtotal{background:#edf2fa;color:#19366f;font-weight:700}.statement-card .grand-total{background:#dfe8f8;color:#19366f;font-size:15px;font-weight:750}.statement-card .grand-total td{font-size:15px;padding:16px 25px}.statement-card .indent{padding-left:40px}.income-check{align-items:center;border:1px solid;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;padding:18px 24px}.income-check-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:22px;font-weight:800;height:48px;justify-content:center;width:48px}.income-check-body{flex:1 1;min-width:260px}.income-check-title{display:block;font-size:15px;font-weight:750;margin-bottom:6px}.income-check-formula,.income-check-values{font-feature-settings:"tnum";align-items:center;display:flex;flex-wrap:wrap;font-size:13.5px;font-variant-numeric:tabular-nums;gap:10px}.income-check-formula{font-size:12.5px;margin-bottom:4px;opacity:.85}.income-check-values{font-weight:650}.income-check-eq{color:#94a3b8;font-weight:700}.profit-ok{background:#f6fdf9;border-color:#b9e6cc;color:#16803c}.profit-ok .income-check-icon{background:#16803c}.profit-ok .income-check-values strong{color:#16803c}.profit-bad{background:#fff6f6;border-color:#ffd2d2;color:#b42318}.profit-bad .income-check-icon{background:#b42318}.profit-bad .income-check-values strong{color:#b42318}.income-explanation-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 6px #0000000a;margin-top:22px;padding:22px 24px}.income-explanation-heading{color:#19366f;font-size:14px;font-weight:800;letter-spacing:1px;margin:0 0 14px;text-transform:uppercase}.income-explanation-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.income-explanation-card{align-items:flex-start;background:#fbfcfe;border:1px solid #eef2f6;border-radius:10px;display:flex;gap:12px;padding:12px 14px}.income-explanation-icon{align-items:center;border-radius:9px;display:flex;flex-shrink:0;font-size:18px;height:42px;justify-content:center;width:42px}.icon-revenue{background:#eaf2ff;color:#1d5fc1}.icon-discount{background:#fff0f0;color:#c24141}.icon-netsales{background:#eaf8f0;color:#168346}.icon-cogs{background:#fff5df;color:#a46508}.icon-gross{background:#eaf8f0;color:#168346}.icon-opex{background:#f3efff;color:#7554b8}.icon-net{background:#eaf2ff;color:#1d5fc1}.income-explanation-body{flex:1 1;min-width:0}.income-explanation-body strong{color:#1e293b;display:block;font-size:13.5px;font-weight:750;margin-bottom:4px}.income-explanation-body p{color:#64748b;font-size:12px;line-height:1.55;margin:0}.income-key-point{align-items:flex-start;background:#eef3fb;border:1px solid #cfdcff;border-radius:12px;display:flex;gap:12px;margin-top:18px;padding:16px 20px}.income-key-icon{flex-shrink:0;font-size:22px;line-height:1}.income-key-text{color:#19366f;font-size:13px;line-height:1.55;margin:0}.income-key-text strong{font-weight:750}@media (max-width:1100px){.income-summary{grid-template-columns:repeat(2,1fr)}.income-explanation-grid{grid-template-columns:1fr}}@media (max-width:900px){.income-filter,.income-header{align-items:flex-start;flex-direction:column}.income-meta-strip{flex-direction:column}.income-info-card{max-width:100%}.income-title-main{font-size:26px}.income-title-company{font-size:16px}.income-title-asof{font-size:13px}.income-check{align-items:flex-start;flex-direction:column}}@media (max-width:480px){.income-summary{grid-template-columns:1fr}.income-page{padding:16px}.statement-card td,.statement-card th{padding:10px 14px}.statement-card .indent{padding-left:24px}}@media print{body{background:#fff;padding:0}.income-page{background:#fff;padding:16px}.income-filter button{display:none!important}.income-check,.income-explanation-section,.income-info-card,.income-key-point,.statement-card{box-shadow:none}.statement-card .grand-total,.statement-card .section,.statement-card .subtotal,.statement-card .total-row,.statement-card th,.statement-title{-webkit-print-color-adjust:exact;print-color-adjust:exact}.income-check,.income-explanation-section,.income-key-point{page-break-inside:avoid}}.mj-page{background:#f8fafc;color:#1e293b;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:1.5rem 2rem}.mj-loading{align-items:center;color:#64748b;display:flex;font-size:1.1rem;gap:1rem;justify-content:center;padding:4rem}.mj-page-header{align-items:flex-start;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem}.mj-page-header h1{color:#0f172a;font-size:1.75rem;font-weight:600;margin:0}.mj-eyebrow{color:#64748b;font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.mj-page-header p{color:#475569;font-size:.95rem;margin:.25rem 0 0}.mj-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.mj-button{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.6rem 1.2rem;transition:background .15s,opacity .15s}.mj-button:disabled{cursor:not-allowed;opacity:.5}.mj-button-primary{background:#0f172a;color:#fff}.mj-button-primary:hover:not(:disabled){background:#1e293b}.mj-button-secondary{background:#f1f5f9;color:#1e293b}.mj-button-secondary:hover:not(:disabled){background:#e2e8f0}.mj-button-danger{background:#fee2e2;color:#b91c1c}.mj-button-danger:hover:not(:disabled){background:#fecaca}.mj-alert{align-items:center;background:#f1f5f9;border-left:4px solid #94a3b8;border-radius:8px;color:#1e293b;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.75rem 1.25rem}.mj-alert-success{background:#ecfdf5;border-color:#10b981;color:#065f46}.mj-alert-error{background:#fef2f2;border-color:#ef4444;color:#991b1b}.mj-alert-warning{background:#fffbeb;border-color:#f59e0b;color:#92400e}.mj-alert button{background:none;border:none;color:inherit;cursor:pointer;font-size:1.2rem;margin-left:auto;padding:.2rem}.mj-summary-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.mj-summary-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;display:flex;flex-direction:column;padding:1.25rem 1.5rem}.mj-summary-card span{color:#64748b;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase}.mj-summary-card strong{font-size:1.8rem;font-weight:600;margin:.25rem 0}.mj-summary-card small{color:#94a3b8;font-size:.8rem}.mj-positive{color:#10b981}.mj-negative{color:#ef4444}.mj-entry-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;margin-bottom:2rem;padding:1.5rem 2rem}.mj-entry-title-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1.5rem}.mj-entry-title-row h2{font-size:1.25rem;font-weight:600;margin:0}.mj-entry-title-row strong{color:#0f172a;font-size:1.1rem}.mj-status{background:#f1f5f9;border-radius:20px;color:#64748b;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.2rem .75rem;text-transform:uppercase}.mj-status-draft{background:#fef9c3;color:#854d0e}.mj-status-posted{background:#dcfce7;color:#166534}.mj-status-reversed{background:#e0e7ff;color:#3730a3}.mj-status-cancelled{background:#fee2e2;color:#991b1b}.mj-header-form{grid-gap:1rem 1.5rem;display:grid;gap:1rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1.5rem}.mj-header-form label{color:#475569;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:.25rem}.mj-header-form input,.mj-header-form select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:.5rem .75rem;transition:border-color .15s}.mj-header-form input:focus,.mj-header-form select:focus{border-color:#0f172a;outline:none}.mj-header-form input:disabled,.mj-header-form select:disabled{background:#f1f5f9;cursor:not-allowed}.mj-header-form small{color:#94a3b8;font-size:.7rem;font-weight:400}.mj-party-section{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.mj-party-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 2rem}.mj-party-row label{color:#475569;display:flex;flex:1 1;flex-direction:column;font-size:.8rem;font-weight:500;gap:.25rem;min-width:180px}.mj-party-row select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:.5rem .75rem}.mj-party-row select:disabled{background:#f1f5f9;cursor:not-allowed}.mj-description-field{color:#475569;display:flex;flex-direction:column;font-size:.8rem;font-weight:500;gap:.25rem}.mj-description-field input{border:1px solid #e2e8f0;border-radius:6px;font-size:.9rem;padding:.5rem .75rem}.mj-description-field input:focus{border-color:#0f172a;outline:none}.mj-description-field input:disabled{background:#f1f5f9;cursor:not-allowed}.mj-table-wrap{margin:1rem 0;overflow-x:auto}.mj-entry-table,.mj-history-table{border-collapse:collapse;font-size:.9rem;width:100%}.mj-entry-table th,.mj-history-table th{border-bottom:2px solid #e2e8f0;color:#475569;font-weight:600;padding:.6rem .5rem;text-align:left;white-space:nowrap}.mj-entry-table td,.mj-history-table td{border-bottom:1px solid #f1f5f9;padding:.4rem .5rem;vertical-align:middle}.mj-line-number{color:#94a3b8;font-weight:500;text-align:center;width:2rem}.mj-money-input{border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;padding:.4rem .5rem;text-align:right;width:100px}.mj-money-input:focus{border-color:#0f172a;outline:none}.mj-money-input:disabled{background:#f8fafc;cursor:not-allowed}.mj-entry-table td input[type=text]{border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;padding:.4rem .5rem;width:100%}.mj-entry-table td input[type=text]:focus{border-color:#0f172a;outline:none}.mj-entry-table td input[type=text]:disabled{background:#f8fafc;cursor:not-allowed}.mj-icon-button{align-items:center;background:none;border:none;border-radius:4px;color:#94a3b8;cursor:pointer;display:inline-flex;padding:.25rem .4rem;transition:color .15s,background .15s}.mj-icon-button:hover:not(:disabled){background:#f1f5f9;color:#1e293b}.mj-icon-danger:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.mj-icon-button:disabled{cursor:not-allowed;opacity:.4}.mj-add-line{align-items:center;background:none;border:1px dashed #94a3b8;border-radius:6px;color:#475569;cursor:pointer;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.4rem 1rem}.mj-add-line:hover:not(:disabled){background:#f1f5f9;border-color:#64748b}.mj-add-line:disabled{cursor:not-allowed;opacity:.4}.mj-balance-ok{color:#10b981}.mj-balance-ok,.mj-balance-warning{align-items:center;display:inline-flex;font-weight:500;gap:.3rem}.mj-balance-warning{color:#ef4444}.mj-note{align-items:flex-start;background:#f8fafc;border-radius:8px;color:#475569;display:flex;font-size:.85rem;gap:.75rem;margin-top:1rem;padding:.75rem 1rem}.mj-note strong{color:#0f172a;display:block}.mj-note p{margin:0}.mj-account-dropdown{min-width:200px;position:relative}.mj-dropdown-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:.4rem .6rem;-webkit-user-select:none;user-select:none}.mj-dropdown-header:hover{border-color:#94a3b8}.mj-dropdown-arrow{color:#94a3b8;font-size:.7rem}.mj-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #0000001a;display:flex;flex-direction:column;left:0;margin-top:4px;max-height:300px;position:absolute;right:0;top:100%;z-index:100}.mj-dropdown-search{border:none;border-bottom:1px solid #e2e8f0;font-size:.85rem;outline:none;padding:.5rem .75rem}.mj-dropdown-list{flex:1 1;overflow-y:auto}.mj-dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:.4rem .75rem}.mj-dropdown-item:hover{background:#f1f5f9}.mj-dropdown-item.mj-disabled{background:#f8fafc;color:#94a3b8;cursor:not-allowed}.mj-dropdown-item .mj-badge{background:#e2e8f0;border-radius:12px;color:#64748b;font-size:.6rem;padding:.1rem .4rem}.mj-dropdown-empty{color:#94a3b8;font-size:.85rem;padding:.75rem;text-align:center}.mj-list-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000f;padding:1.5rem 2rem}.mj-list-toolbar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.mj-list-toolbar h2{font-size:1.2rem;font-weight:600;margin:0}.mj-list-toolbar p{color:#64748b;font-size:.9rem;margin:.25rem 0 0}.mj-list-filters{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.mj-search-box{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:.2rem .6rem}.mj-search-box input{background:#0000;border:none;font-size:.85rem;min-width:180px;outline:none;padding:.4rem .5rem}.mj-search-box svg{color:#94a3b8}.mj-list-filters select{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;padding:.4rem .75rem}.mj-history-table th{background:#f8fafc}.mj-history-table td{padding:.6rem .5rem}.mj-history-table .mj-open-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;cursor:pointer;display:inline-flex;font-size:.8rem;gap:.3rem;padding:.2rem .6rem}.mj-history-table .mj-open-button:hover{background:#f1f5f9}.mj-empty-state{color:#94a3b8;padding:3rem 1rem;text-align:center}.mj-empty-state svg{display:block;font-size:2rem;margin:0 auto .5rem}.mj-empty-state strong{color:#475569;display:block;font-size:1.1rem}.mj-empty-state span{font-size:.9rem}@media (max-width:768px){.mj-page{padding:1rem}.mj-page-header{align-items:stretch;flex-direction:column;padding:1rem}.mj-header-actions{justify-content:flex-start}.mj-entry-card,.mj-list-card{padding:1rem}.mj-header-form{grid-template-columns:1fr}.mj-party-row{align-items:stretch;flex-direction:column}.mj-money-input{width:80px}}
/*# sourceMappingURL=main.3d8bcb20.css.map*/