td .text-truncate{max-width:200px;max-width:10vw;display:inline-block}.product-item{margin-bottom:20px;border-bottom:1px solid #ddd}.product-item span._error{color:#f44336;font-size:11px;font-weight:900;text-transform:uppercase}.checked-product{color:#aaa;font-size:40px;line-height:60px;cursor:pointer}.checked-product.active{background:var(--secondaryColor);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.title-csr{margin-bottom:20px;border-bottom:1px solid #ddd;padding:10px 0}.ccsr{max-width:40px;max-height:40px}.icsr{border-radius:10px 10px 0 0;border-bottom:none}.icsr:focus{outline:none;box-shadow:none}.hcsr{background:#ddd;padding:5px;border-radius:0 0 10px 10px;font-size:12px;border:1px solid #ced4d9;border-top:none}.customers-file{display:flex}.loanAsign{width:36px}.product-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.product-card{border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.15)}.product-card-content{display:flex;padding:15px}.product-card-logo{width:60px;height:60px;margin-right:15px;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;border-radius:4px;overflow:hidden}.product-card-logo img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.product-card-info{flex:1}.product-card-name{font-weight:700;font-size:15px;display:flex;align-items:center}.check-icon{color:#4caf50;font-size:18px;margin-right:5px}.product-card-id{color:#666;font-size:12px}.product-card-commission{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:80px}.commission-box{background:#f5f5f5;color:#333;border-radius:4px;padding:5px 10px;font-weight:700;margin-bottom:5px}.commission-100{background:#e8f5e9;color:#2e7d32}.commission-200{background:#e3f2fd;color:#1565c0}.commission-300{background:#fff3e0;color:#e65100}.commission-label{font-size:11px;color:#666}.commission-text{font-size:12px;color:#333;margin-top:5px}.pagination-container{justify-content:space-between;margin-top:15px;padding:8px 0;border-top:1px solid #eee}.items-per-page,.pagination-container{display:flex;align-items:center}.items-per-page span{margin-right:10px;font-size:12px;color:#666}.items-per-page .form-control{width:70px;height:35px;border-radius:4px;padding:0 10px;border:1px solid #ddd;background-color:#fff;font-size:12px;cursor:pointer}.items-per-page .form-control:focus{outline:none;border-color:var(--secondaryColor);box-shadow:0 0 0 2px rgba(0,123,255,.25)}.pagination-controls{display:flex;align-items:center;background-color:#f8f8f8;border-radius:4px;padding:2px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.pagination-button{background:none;border:none;cursor:pointer;padding:7px 10px;margin:0 2px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;color:#555}.pagination-button:hover:not(.disabled){background-color:#e9ecef;color:var(--primaryColor)}.pagination-button:active:not(.disabled){background-color:#d8d8d8}.pagination-button.disabled{opacity:.4;cursor:not-allowed}.pagination-button .material-icons{font-size:20px}.pagination-info{margin:0 15px;font-size:14px;font-weight:500;color:#444;min-width:100px;text-align:center}