.supplier-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));padding:8px 0}.supplier-card{position:relative}.supplier-input{height:0;opacity:0;position:absolute;width:0}.supplier-label{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:20px 16px;position:relative;transition:all .2s ease}.supplier-label:hover{border-color:#999;box-shadow:0 4px 12px rgba(0,0,0,.08)}.supplier-input:checked+.supplier-label{background:#f5f8ff;border-color:#0d35a0;box-shadow:0 4px 12px rgba(255,92,53,.15)}.supplier-checkmark{border:2px solid #ccc;border-radius:4px;height:22px;position:absolute;right:10px;top:10px;transition:all .2s ease;width:22px}.supplier-input:checked+.supplier-label .supplier-checkmark{background:#0d35a0;border-color:#0d35a0}.supplier-input:checked+.supplier-label .supplier-checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:12px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:6px}.supplier-logo{max-height:60px;max-width:120px;object-fit:contain}.supplier-name{color:#333;font-size:13px;font-weight:500;text-align:center}.supplier-input:focus+.supplier-label{outline:2px solid #0d35a0;outline-offset:2px}