.card {border-radius: 15px;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.row{margin-bottom: 1rem}.card-header {font-size: 1.25rem;font-weight: 500}.card-body {padding: 2rem}.form-control {border-radius: 8px;border: 1px solid rgba(255, 255, 255, 0.2);background-color: rgba(255, 255, 255, 0.1);color: #fff;transition: all 0.3s ease}.form-control:focus {background-color: rgba(255, 255, 255, 0.15);border-color: rgba(255, 255, 255, 0.3);box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.1);color: #000000}select.form-control {cursor: pointer}.form-group {margin-bottom: 1.5rem}.control-label {font-weight: 500;margin-bottom: 0.5rem;display: inline-block}.btn-primary {border-radius: 8px;padding: 0.5rem 2rem;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;transition: all 0.3s ease;background: linear-gradient(45deg, #007bff, #0056b3);border: none;box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3)}.btn-primary:hover {transform: translateY(-2px);box-shadow: 0 4px 8px rgba(0, 123, 255, 0.4);background: linear-gradient(45deg, #0056b3, #004085)}.cdiv {background-color: rgba(0, 0, 0, 0.2);border-radius: 10px;padding: 2rem;margin-bottom: 1.5rem}.barcodeTarget {margin: 0 auto}.minicolors-theme-bootstrap .minicolors-input {padding-left: 2.5rem;height: calc(1.5em + 0.75rem + 2px)}.minicolors-theme-bootstrap .minicolors-swatch {border-radius: 4px;top: 6px !important;left: 4px}input[type="checkbox"] {width: 18px;height: 18px;margin-right: 8px;vertical-align: middle;cursor: pointer}#barcodeValue{max-width: 90%;margin: auto}@media (max-width: 768px) {.card-body {padding: 1rem}.cdiv {padding: 1rem}#barcodeValue{max-width: 100%}.form-group {margin-bottom: 1rem}}