body {background-color: #1a1a1a}.container {max-width: 900px}.card {}.card-header {}.card-body {padding: 2.5rem;background-color: #2d2d2d}.input-group {margin-bottom: 0.8rem;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1)}.input-group-text {min-width: 100px;justify-content: center;background: linear-gradient(145deg, #343a40, #212529);color: #fff;border: none;font-weight: 500;letter-spacing: 0.5px;padding: 0.8rem 1.2rem;line-height: 0.8}.form-control {border: none;background-color: #363636;color: #fff;padding: 0.8rem 1.2rem;font-size: 1rem;transition: all 0.3s ease}.form-control:focus {background-color: #404040;box-shadow: 0 0 0 0.2rem rgba(66, 153, 225, 0.25);color: #fff}.form-control::placeholder {color: rgba(255, 255, 255, 0.5)}.form-group {margin: 2rem 0}.control-label {color: #fff;font-weight: 500;letter-spacing: 0.5px;white-space: nowrap;text-align: right;padding: 0.5rem 1rem}.minicolors-theme-bootstrap .minicolors-input {background-color: #363636;border: none;color: #fff;height: 42px;width: 100%;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);padding-left: 35px}.minicolors-theme-bootstrap .minicolors-swatch {top: 7px !important}.minicolors {width: 100%}.minicolors-swatch {top: 8px;left: 8px}.btn-group {margin: 1.5rem 0;width: 100%;display: flex;justify-content: center}.btn-group .btn {padding: 0.8rem 0.8rem;border-radius: 8px;font-weight: 500;letter-spacing: 0.5px;transition: all 0.3s ease;max-width: 129px}.btn-group .btn.active {background: linear-gradient(145deg, #0d6efd, #0b5ed7);border: none;box-shadow: 0 4px 15px rgba(13, 110, 253, 0.3)}#create_qrcode {background: linear-gradient(145deg, #28a745, #218838);border: none;padding: 1rem 3rem;font-size: 1.1rem;font-weight: 500;letter-spacing: 1px;border-radius: 10px;margin: 1rem auto;display: block;width: auto;min-width: 200px;transition: all 0.3s ease}#create_qrcode:hover {transform: translateY(-2px);box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);background: linear-gradient(145deg, #2fd151, #23993d)}#qrcode_img, #qrcode_svg {background: #fff;border-radius: 15px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);margin: 1rem auto;display: inline-block;padding: 1rem}@media (max-width: 768px) {.card-body {padding: 1.5rem}.form-group {}.control-label {margin-bottom: 0.5rem}.btn-group {}.btn-group .btn {width: 100%}#create_qrcode {width: 100%}}